@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-10">
                        <div class="card">
                            <div class="card-header product-head">
                                <h6 class="text-uppercase mb-0"> Customers</h6>
                                <form method="get" action="" class="search-form">
                                    <input type="text" name="search" required value="{{$search_keyword}}" placeholder="Search Customer">
                                    <input type="submit" value="Search">
                                    <a href="/admin/dashboard" class="search_link">Clear Search</a>
                                </form>
                                <a class="btn btn-success" href="{{ route('admin.addcustomer') }}">Add New Customer</a>
                                <a class="btn btn-success" href="/admin/customer/upload/">Import Customer</a>
                                <a class="btn btn-success" href="/admin/customer/exportcsv/">Export as CSV</a>
                            </div>
                            @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                            @endif
                            <div class="card-body">
                                <table class="table table-striped table-hover card-text" id="rapidDataTable3">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Status</th>
                                            <th>Origin</th>
                                            <th>Created At</th>
                                            <th>Updated At</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $i => $user)
                                        <tr>
                                            <th scope="row">{{$users->firstItem()+$i}}</th>
                                            <td>{{ $user->firstname }} {{ $user->lastname }}</td>
                                            <td>{{ $user->email }}</td>
                                            <td>@if ($user->user_status_id==1)
                                                Active
                                                @elseif($user->user_status_id==2)
                                                InActive
                                                @else
                                                Verification Pending
                                                @endif
                                            </td>
                                            <td>{{ $user->isFromTBE==1?"TBE":"Website" }}</td>
                                            <td>{{ $user->created_at }}</td>
                                            <td>{{ $user->updated_at }}</td>
                                            <td><a href="/admin/customer/edit/{{$user->id}}">Edit</a> | <a href="/admin/customer/addressinfo/{{$user->id}}">Manage Address</a> |
                                                <a href="javascript:;" data-id="{{$user->id}}" class="removeCustomer">Delete</a>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>

                                <div class="viewing">Showing <strong>{{ $users->firstItem() }}</strong> to
                                    <strong>{{ $users->lastItem() }}</strong>
                                    of total <strong>{{$users->total()}}</strong> entries
                                </div>
                                <div class="pagenumber">{{ $users->appends($_GET)->links() }}</div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

        </div>
        <style>
            .search-form .search_link {
                float: left !important;
                margin-top: 10px !important;
            }
        </style>

        @include('admin.common.footer')

        <script>
            $(".removeCustomer").click(function() {
                var customer = $(this).attr("data-id");
                if (confirm("Are you sure to delete this customer?")) {

                    window.location.href = "{{$site_url}}/admin/customer/remove/" + customer;

                    // $.ajax({
                    //     url: "{{$site_url}}/admin/customer/remove/" + customer,
                    //     type: "GET",
                    //     data: {},
                    //     success: function(result) {
                    //         if (result) {

                    //         } else {
                    //             alert(result.Error);
                    //         }
                    //     }
                    // });
                }
            });
            $(document).ready(function() {
                $("#rapidDataTable").DataTable({
                    paging: false,
                    info: false,
                    searching: false,
                    pageLength: 50
                });
            });
        </script>