@extends('layouts.main')

@section('container')
    <div class="card">
        <div class="card-header">
            <table width="100%">
                <tr>
                    <td>
                        <form class="data-table-search">
                            <div class="row" style="">
                                <div class="col-4 col-md-3" style="margin-bottom: 10px;">
                                    <label>Kata Kunci</label>
                                    <input type="text" name="keyword" id="keyword" class=" form-control form-control-sm"
                                        placeholder="Cari Nama, No. Handphone atau Email Sales"
                                        value="{{ request()->get('keyword') }}">
                                </div>

                                <div>
                                    <button class="btn btn-secondary btn-sm" type="submit"
                                        style="margin-top: 28px; float:right"><i class="fa fa-search"
                                            style="margin-right:5px"></i>Cari</button>
                                </div>
                            </div>
                        </form>
                    </td>
                    <td align="right" style="margin-right: 5px">
                        <a href="{{ route('admin.user.create') }}" class="btn btn-info">Buat Sales Baru</a>
                    </td>
                </tr>
            </table>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <div class="scroll-x-table">
                <table class="table table-bordered table-striped table-condensed datatable-ajax"
                    data-ajax-context="promos"
                    data-ajax-url="{{ route('admin.sales.ajax.list') }}" width="100%">
                    <thead>
                        <tr>
                            <th class="no-sort" width="50">No.</th>
                            <th>Nama</th>
                            <th>Handphone</th>
                            <th>Email</th>
                            <th>Bergabung pada</th>
                            <th class="no-sort" width="80">Action</th>
                        </tr>
                    </thead>
                    <tbody id="htmldata">

                    </tbody>
                </table>
                <br>
            </div>
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->


    <!-- /.modal -->
@endsection



@section('javascript')
@endsection