@include('layouts.header', ['title' => 'Received Lists'])
<!-- Begin page -->
<div class="wrapper">

    <!-- Include the Navbar -->
    @include('layouts.navbar')


    <!-- Include the Left Sidebar -->
    @include('layouts.sidebar')

    <!-- ============================================================== -->
    <!-- Start Page Content here -->
    <!-- ============================================================== -->

    <div class="content-page">
        <div class="content">

            <!-- Start Content-->
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                            {{-- <h4 class="page-title">Manage Agency Lists</h4> --}}
                        </div>
                    </div>
                </div>
                <!-- end page title -->

                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0">Received Lists</h4>
                                <div class="ml-auto">
                                    <a href="{{ route('admin.received.create') }}" class="btn btn-light btn-sm">
                                        Add Received
                                    </a>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12 mb-3">
                                        <form method="GET" action="{{ route('admin.received.index') }}"
                                            class="row form-horizontal-style-2">
                                            <!-- received number -->
                                            <div class="col-md-2">
                                                <input type="text" name="receipt_no" class="form-control"
                                                    placeholder="Search by Receipt No"
                                                    value="{{ request()->query('receipt_no') }}">
                                            </div>
                                            <div class="col-md-2">
                                                <input type="text" name="received_from" class="form-control"
                                                    placeholder="Search by Received From"
                                                    value="{{ request()->query('received_from') }}">
                                            </div>

                                            <!-- Date range -->
                                            <div class="col-md-2">
                                                <input class="form-control" type="text" name="date_from"
                                                    id="date_from" placeholder="From Date"
                                                    value="{{ request()->query('date_from') }}">
                                            </div>
                                            <div class="col-md-2">
                                                <input class="form-control" type="text" name="date_to" id="date_to"
                                                    placeholder="To Date" value="{{ request()->query('date_to') }}">
                                            </div>
                                            <!-- Reset Buttons -->
                                            <div class="col-md-2 d-flex">
                                                <button type="submit" class="btn btn-success me-2">Search</button>
                                                <a href="{{ route('admin.received.index') }}"
                                                    class="btn btn-link">Reset</a>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <table id="basic-datatable" class="table table-striped dt-responsive nowrap w-100 table-style-2">
                                    <thead>
                                        <tr>
                                            <th>Sl. No.</th>
                                            <th>Receipt No</th>
                                            <th>Received From</th>
                                            <th>Receipt Date</th>
                                            <th>Payment Cleared On</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach ($received as $key => $val)
                                            <tr>
                                                <td>{{ $loop->iteration + ($received->currentPage() - 1) * $received->perPage() }}
                                                </td>
                                                <td>{{ $val->receipt_no }}</td>
                                                <td>
                                                    {{ $val->received_from }}
                                                </td>
                                                <td>
                                                    {{ $val->receipt_date ? date('d M Y', strtotime($val->receipt_date)) : 'N/A' }}
                                                </td>
                                                <td>{{ isset($val->payment_cleared_on) ? date('d M Y', strtotime($val->payment_cleared_on)) : '-' }}</td>
                                                <td>
                                                    <a href="{{ route('admin.received.show', encrypt($val->id)) }}"
                                                        class="text-reset fs-16 px-1" data-bs-toggle="tooltip"
                                                        data-bs-placement="top" title="Show Received">
                                                        <i class="bi bi-eye"></i>
                                                    </a>
                                                    <a href="{{ route('admin.received.edit', encrypt($val->id)) }}"
                                                        class="text-reset fs-16 px-1" data-bs-toggle="tooltip"
                                                        data-bs-placement="top" title="Edit Received">
                                                        <i class="bi bi-pencil-square"></i>
                                                    </a>
                                                    <!-- Delete Agency Icon -->
                                                    <a href="#" class="text-reset fs-16 px-1 delete-received"
                                                        data-id="{{ $val->id }}" data-bs-toggle="tooltip"
                                                        data-bs-placement="top" title="Delete Received">
                                                        <i class="ri-delete-bin-2-line"></i>
                                                    </a>
                                                </td>

                                            </tr>
                                        @endforeach

                                        @if ($received->isEmpty())
                                            <tr>
                                                <td colspan="6">No received found.</td>
                                            </tr>
                                        @endif
                                    </tbody>

                                </table>
                                <!-- Pagination Links -->
                                <div class="mt-3">
                                    {{ $received->appends(request()->query())->links('pagination::bootstrap-5') }}
                                </div>

                            </div> <!-- end card body-->
                        </div> <!-- end card -->
                    </div><!-- end col-->
                </div> <!-- end row-->

            </div> <!-- container -->

        </div> <!-- content -->

        <!-- Include the Footer -->
        @include('layouts.footer')

    </div>

    <!-- ============================================================== -->
    <!-- End Page content -->
    <!-- ============================================================== -->

</div>
<!-- END wrapper -->

<!-- Vendor js -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>

<!-- App js -->
<script src="{{ asset('assets/js/app.min.js') }}"></script>
<script src="{{ asset('assets/js/datatable.js') }}"></script>

<!-- Custom JS -->
<script src="{{ asset('assets/js/pages/received/received.js') }}"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script>
    $(document).ready(function() {
        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr.error("{{ $error }}");
            @endforeach
        @endif

        @if (session('success'))
            toastr.success("{{ session('success') }}");
        @endif

        @if (session('error'))
            toastr.error("{{ session('error') }}");
        @endif

        $('#date_from, #date_to').datepicker({
            dateFormat: 'dd-mm-yy', // Desired format
            changeMonth: true,
            changeYear: true
        });
    });
</script>


</body>

</html>