@extends('admin.main')

@section('main')
    <!--begin::Products-->
<div class="card card-flush">
    <!--begin::Card body-->
    <div class="card-body pt-0">
        <!-- Filters -->
        <form method="GET" action="{{ route('admin.customers.index') }}">
            <div class="d-flex flex-wrap align-items-end gap-4 mt-6 mb-6">
                <div class="w-150px">
                    <label for="filter_id" class="form-label fs-7 fw-bold text-muted">ID</label>
                    <input id="filter_id" type="text" name="id" value="{{ request('id') }}" class="form-control form-control-solid form-control-sm" placeholder="Enter ID">
                </div>
                <div class="w-250px">
                    <label for="filter_name" class="form-label fs-7 fw-bold text-muted">Name</label>
                    <input id="filter_name" type="text" name="customer" value="{{ request('customer') }}" class="form-control form-control-solid form-control-sm" placeholder="Customer Name">
                </div>
                <div class="w-250px">
                    <label for="filter_email" class="form-label fs-7 fw-bold text-muted">Email</label>
                    <input id="filter_email" type="text" name="email" value="{{ request('email') }}" class="form-control form-control-solid form-control-sm" placeholder="Email">
                </div>
                <div>
                    <button type="submit" class="btn btn-primary btn-sm me-2">Filter</button>
                    <a href="{{ route('admin.customers.index') }}" class="btn btn-light btn-sm">Reset</a>
                </div>
            </div>
        </form>
        <!--begin::Table-->
        <table class="table align-middle table-row-dashed fs-6 gy-5">
            <!--begin::Table head-->
            <thead>
                <!--begin::Table row-->
                <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                    <th class="">ID</th>
                    <th class="">Name</th>
                    <th class="">Email</th>
                    <th class="">Created At</th>
                    <th class=" min-w-70px">Options</th>
                </tr>
                <!--end::Table row-->
            </thead>
            <!--end::Table head-->
            <!--begin::Table body-->
            <tbody class="fw-bold text-gray-600">

                @foreach ($customers as $customer)

                    <tr>
                        <td>#{{$customer->id}}</td>
                        <td>{{$customer->customer_name}}</td>
                        <td>{{$customer->email}}</td>
                        <td>{{$customer->created_at}}</td>
                        <td>
                            <a href="{{route('admin.customers.view', $customer->id)}}">View</a>
                        </td>
                    </tr>

                @endforeach


            </tbody>
            <!--end::Table body-->
        </table>
        <!-- Custom pagination -->
        @if ($customers->hasPages())
            <div class="d-flex justify-content-center mt-4">
                <ul class="pagination pagination-sm mb-0">
                    <li class="page-item {{ $customers->onFirstPage() ? 'disabled' : '' }}">
                        <a class="page-link" href="{{ $customers->previousPageUrl() }}" rel="prev">&lsaquo;</a>
                    </li>
                    @for ($page = 1; $page <= $customers->lastPage(); $page++)
                        <li class="page-item {{ $customers->currentPage() == $page ? 'active' : '' }}">
                            <a class="page-link" href="{{ $customers->url($page) }}">{{ $page }}</a>
                        </li>
                    @endfor
                    <li class="page-item {{ $customers->hasMorePages() ? '' : 'disabled' }}">
                        <a class="page-link" href="{{ $customers->nextPageUrl() }}" rel="next">&rsaquo;</a>
                    </li>
                </ul>
            </div>
        @endif
        <!-- Summary text -->
        <div class="d-flex justify-content-center mt-2">
            <small class="text-muted">Showing {{ $customers->firstItem() }} to {{ $customers->lastItem() }} of {{ $customers->total() }} results</small>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Products-->
@endsection

@section('footer')

@endsection

@push('css')

@endpush