@include('Admin.Includes.header')
@php
    use Illuminate\Support\Facades\Auth;
    use App\General\InvoiceClass;
    use App\General\UserClass;
    $logged_in_user = Auth::user();
@endphp

<!-- Page Inner Start -->
<div class="page-inner">
    <div class="pageheader pd-t-25 pd-b-35">
        <div class="d-flex justify-content-between">
            <div class="clearfix">
                <div class="pd-t-5 pd-b-5">
                    <h1 class="pd-0 mg-0 tx-20 tx-dark">{{ __('Invoices List') }}</h1>
                </div>
                <div class="breadcrumb pd-0 mg-0">
                    <a class="breadcrumb-item" href="{{ url('/') }}/admin"><i class="icon ion-ios-home-outline"></i>
                        Dashboard</a>
                    <span class="breadcrumb-item">Point of Sale</span>
                    <span class="breadcrumb-item active">Invoices List</span>
                </div>
            </div>
            <div class="d-flex align-items-center">
                 @if (Session::has('permissions') && in_array('Create Invoice', Session::get('permissions')))
                <button type="button" onclick="window.location = '{{ url('/') }}/admin/invoices/create'"
                    class="btn btn-default mb-2 mb-md-0 d-none d-lg-block pd-t-6-force pd-b-5-force">
                    <i data-feather="package" class="wd-16 mr-2"></i>Create Invoice</button>
                    @endif
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="border border-secondary p-2">
                <form>
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group mb-0">
                                <label>Payment Method</label><br>
                                <label><input type="radio" name="payment_method" value="Bank Transfer" {{ request('payment_method') === 'Bank Transfer' ? 'checked' : '' }}> Bank
                                    Tranfer</label>
                                &nbsp;&nbsp;&nbsp;<label><input type="radio" name="payment_method" value="Cash" {{ request('payment_method') === 'Cash' ? 'checked' : '' }}>
                                    Cash</label>
                                <label class="ml-2"><input type="radio" name="payment_method" value="Credit Card" {{ request('payment_method') === 'Credit Card' ? 'checked' : '' }}>
                                    Credit Card</label>
                            </div>

                        </div>
                        <div class="col-md-2">
                            <div class="form-group mb-0">
                                <label>Payment Status</label><br>
                                <div class="mt-1">
                                    <label><input type="radio" name="payment_status" value="Paid"    {{ request('payment_status') === 'Paid' ? 'checked' : '' }}> Paid</label>
                                    &nbsp;&nbsp;&nbsp;<label><input type="radio" name="payment_status"
                                            value="Un-Paid"    {{ request('payment_status') === 'Un-Paid' ? 'checked' : '' }}> Un-Paid</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group mb-1">
                                <label for="exampleFormControlSelect1">Records Limit:</label>
                                <input type="number" step="1" min="1" value="{{ request('records_limit') ?? '10' }}"
                                    class="form-control form-control-sm" name="records_limit">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group mb-1">
                                <label for="exampleFormControlSelect1">Customer Name :</label>
                                <input type="text" step="1" min="20" placeholder="Customer Name"
                                value="{{ request('customer_name') ?? '' }}" class="form-control form-control-sm" name="customer_name">
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group mb-0 text-right">
                                <button type="submit" class="btn btn-primary btn-sm mt-4"><i
                                        class="fa fa-search"></i></button>
                                <button type="button" onclick="window.location.href='/admin/invoices'"
                                    class="btn btn-secondary btn-sm mt-4">Clear Filter</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="">
                <input type="search" id="quicksearch" oninput="QuickSearch()"
                    class="form-control rounded-0 border border-secondary" placeholder="🔍 Quick Order Search...">
            </div>
            <div class="border border-secondary" style="max-width:100%;overflow-x:scroll;">
                <table class="table table-strip">
                    <thead>
                        <tr>
                            <th>#Invoice ID</th>
                            <th style="width:250px">Customer</th>
                            <th style="width:50px">Items</th>
                            <th style="width:140px">Sub Total</th>
                            <!-- <th style="width:50px">Discount</th>
                            <th style="width:50px">Membership Discount</th>
                            <th style="width:140px">Discounted Total</th> -->
                            <th style="width:100px">GST</th>
                            <th style="width:140px">Grand Total</th>
                            <th style="width:75px">Payment Status</th>
                            <th style="width:120px">Payment Method</th>
                            <th style="width:100px">Invoice Date</th>
                            <th style="width:100px">Due Date</th>
                            <th style="width:120px">Status</th>
                            <th style="width:120px">Created By</th>
                            <th style="width:120px">Created Date</th>
                            <th style="width:120px">Updated Date</th>
                            <th style="width:100px">Action</th>
                        </tr>
                    </thead>
                    <tbody id="invoce_list_search_Area">
                        @if (sizeof($invoices) > 0)
                            @foreach ($invoices as $invoice)
                                <tr>
                                    <td><b>{{ $invoice->invoice_number }}</b></td>
                                    <td>@php
                                        if ($invoice->customer_type == 'existing') {
                                            print InvoiceClass::CreateBy($invoice->customer, $users);
                                        } else {
                                            echo $invoice->customer;
                                        }
                                    @endphp</td>
                                    <td>{{ count($invoice->invoiceMeta) }}</td>
                                    <td>${{ $invoice->sub_total }}</td>
                                    <!-- <td>{{ $invoice->discount }}%</td>
                                    <td>{{ $invoice->membership_dicount }}$</td>
                                    <td>${{ $invoice->discounted_amount }}</td> -->
                                    <td>${{ $invoice->gst }}</td>
                                    <td>${{ $invoice->grand_total }}</td>
                                    @if ($invoice->payment_status == 'Paid')
                                        <td>
                                            <div class="badge bg-success text-light">{{ $invoice->payment_status }}
                                            </div>
                                        </td>
                                    @elseif($invoice->payment_status == 'Un-Paid')
                                        <td>
                                            <div class="badge bg-secondary text-light">{{ $invoice->payment_status }}
                                            </div>
                                        </td>
                                    @endif
                                    <td>{{ $invoice->payment_method }}</td>
                                    <td>{{ InvoiceClass::convertDateToDDMMYYYY($invoice->invoice_date) }}</td>
                                    <td>{{ InvoiceClass::convertDateToDDMMYYYY($invoice->due_date) }}</td>
                                    <td>
                                        @if ($invoice->active == 0)
                                            Draft
                                        @elseif($invoice->active == 1)
                                            Public
                                        @endif
                                    </td>
                                    <td>@php print(InvoiceClass::CreateBy($invoice->created_by,$users)); @endphp</td>
                                    <td>{{ InvoiceClass::convertDateToDDMMYYYY($invoice->created_at) }}</td>
                                    <td>{{ InvoiceClass::convertDateToDDMMYYYY($invoice->updated_at) }}</td>
                                    <td>
                                         @if (Session::has('permissions') && in_array('Print Invoice', Session::get('permissions')))
                                        <button type="button" class="btn badge btn-warning p-1 generate-pdf-button"
                                            data-invoice-id="{{ $invoice->id }}"><i class="fa fa-print"></i></button>
                                            @endif
                                        @if (Session::has('permissions') && in_array('Invoice Edit', Session::get('permissions')))
                                        <a class="btn badge btn-warning p-1"
                                            href="{{ route('invoices.edit', $invoice->id) }}">
                                            @if ($invoice->active == 1)
                                                View
                                            @else
                                                Edit
                                            @endif

                                        </a>
                                        @endif
                                        @if ($invoice->active == 0)
                                        @if (Session::has('permissions') && in_array('Invoice Delete', Session::get('permissions')))
                                            <button type="button" class="btn badge btn-danger p-1 destroy-invoice"
                                                action-url="{{ route('invoice.is_delete', $invoice->id) }}">Delete</button>
                                                @endif
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <th colspan="17" class="text-center">No Record Found!</th>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!--/ Page Inner End -->

@include('Admin.Includes.footer')
<script>
    $(document).ready(function() {
        $('#random-customer-section').hide();
        $('input[name="customer_type"]').change(function() {
            if ($(this).val() === 'existing') {
                $('#random-customer-section').hide();
                $('#randomCustomerName').prop('disabled', true);
                $('#existingCustomerSelect').prop('disabled', false);
                $('#existing-customer-section').fadeIn();
            } else if ($(this).val() === 'random') {
                $('#existing-customer-section').hide();
                $('#existingCustomerSelect').prop('disabled', true);
                $('#randomCustomerName').prop('disabled', false);
                $('#random-customer-section').fadeIn();
            }
        });

        $('.destroy-invoice').click(function() {
            let action_url = $(this).attr('action-url');
            if (confirm("Are you sure you want to delete this invoice?")) {
                $(this).text('Deleting...');
                $dlt_button = $(this);
                $.ajax({
                    url: action_url,
                    type: 'POST',
                    data: {
                        '_token': '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        $dlt_button.parent().parent().fadeOut();
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        $dlt_button.text('Delete');
                        alert('Error deleting invoice: ' + errorThrown);
                    }
                });
            }
        });

        $('.generate-pdf-button').click(function() {
            // Get the invoice ID from the button's data attribute
            var invoiceId = $(this).data('invoice-id');

            // Make the Ajax request
            $.ajax({
                url: '/admin/invoices/download/invoice/' + invoiceId,
                type: 'GET',
                success: function(response) {
                    var printWindow = window.open('', '', 'width=1200,height=720');
                    printWindow.document.open();
                    printWindow.document.title = 'POS INOICE';
                    printWindow.document.write('<html><head><title>Print Invoice - ' +
                        invoiceId +
                        '</title><link href="{{ url('/') }}/AdminAssets/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"></head><body>'
                    );
                    printWindow.document.write('<div class="invoice_Area">' + response
                        .invoice_review + '</div>');
                    printWindow.document.write('</body></html>');
                    printWindow.document.close();

                    printWindow.print();
                },
                error: function(error) {
                    // Handle any errors that occur during the request
                    console.error(error);
                }
            });
        });
    });

    function QuickSearch() {
        var input, filter, table, tr, td, i, txtValue;
        input = document.getElementById("quicksearch");
        filter = input.value.toUpperCase();
        table = document.getElementById("invoce_list_search_Area");
        tr = table.getElementsByTagName("tr");

        for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[0];
            if (td) {
                txtValue = td.textContent || td.innerText;
                if (txtValue.toUpperCase().indexOf(filter) > -1) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
        }
    }
</script>