@include('header')

@php
$permissions = json_decode(session('permissions'), true);
$userType = session('user_type');
@endphp

<!--**********************************
            Content body start
        ***********************************-->
<div class="content-body">
    <div class="page-titles">
        <h5 class="dashboard_bar">Invoice Information</h5>
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">
                    Dashboard </a>
            </li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Manage Invoice</a></li>
        </ul>
    </div>
    <div class="container">
        <!-- row -->
        <!-- <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Invoice</h4>
                    </div>
                   
                </div>

            </div>

        </div> -->
        <div class="col-xl-12">
            <div class="card dz-card" id="accordion-three">
                <div class="card-header mb-2">
                    <h4 class="card-title">Invoice</h4>
                </div>




                <!-- /tab-content -->
                <div class="tab-content" id="myTabContent-2">
                    <div class="tab-pane fade show active" id="withoutSpace" role="tabpanel"
                        aria-labelledby="home-tab-2">
                        <div class="card-body pt-0">
                            <div class="table-responsive">
                                <table id="example3" class="display table" style="min-width: 845px">
                                    <thead>
                                        <tr>
                                            <th>Sl.No</th>
                                            <th>Store</th>
                                            <th>Name</th>
                                            <th>Mobile</th>
                                            <th>Email</th>
                                            <th>Category</th>
                                            <th>Ordered Date</th>
                                            <th>Status </th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $sno = 1; @endphp
                                        @foreach($invoices as $invoice)
                                        <tr>
                                            <td>
                                                {{ $sno++ }}
                                            </td>
                                            <td>{{ $invoice->store->store ?? 'N/A' }}</td>
                                            {{-- Name (Assuming relationship with customer or store) --}}
                                            <td>{{ $invoice->customer->name ?? 'N/A' }}</td>



                                            {{-- Mobile --}}
                                            <td>
                                                <a href="tel:{{ optional($invoice->customer)->mobile }}">
                                                    <strong>{{ optional($invoice->customer)->mobile ?? 'N/A' }}</strong>
                                                </a>
                                            </td>

                                            {{-- Email --}}
                                            <td>
                                                <a href="mailto:{{ optional($invoice->customer)->email }}">
                                                    <strong>{{ optional($invoice->customer)->email ?? 'N/A' }}</strong>
                                                </a>
                                            </td>

                                            <td>{{ $invoice->category->category ?? 'N/A' }}</td>
                                            {{-- Joining / Created Date --}}
                                            <td>{{ $invoice->created_at->format('d-m-Y') }}</td>

                                            {{-- Status --}}
                                            <td>
                                                @php
                                                $total = floatval($invoice->total_amount);
                                                $paid = floatval($invoice->advance_paid);

                                                if ($paid >= $total && $total > 0) {
                                                $status = 'Paid';
                                                $badge = 'success';
                                                } elseif ($paid > 0 && $paid < $total) { $status='Partially Paid' ;
                                                    $badge='warning' ; } else { $status='Not Paid' ; $badge='danger' ; }
                                                    @endphp <span class="badge light badge-{{ $badge }}">
                                                    {{ $status }}</span>
                                            </td>

                                            {{-- Action --}}
                                            <td>
                                                <div class="dropdown ms-auto text-end c-pointer">
                                                    <div class="btn-link" data-bs-toggle="dropdown">
                                                        <svg width="24px" height="24px" viewBox="0 0 24 24"
                                                            version="1.1">
                                                            <g stroke="none" stroke-width="1" fill="none"
                                                                fill-rule="evenodd">
                                                                <rect x="0" y="0" width="24" height="24"></rect>
                                                                <circle fill="#000000" cx="5" cy="12" r="2"></circle>
                                                                <circle fill="#000000" cx="12" cy="12" r="2"></circle>
                                                                <circle fill="#000000" cx="19" cy="12" r="2"></circle>
                                                            </g>
                                                        </svg>
                                                    </div>
                                                    <div class="dropdown-menu dropdown-menu-end">
                                                        @php
                                                        $invoicesPerms = $permissions['Invoices'] ?? [];
                                                        @endphp

                                                        @php
                                                        $total = floatval($invoice->total_amount);
                                                        $paid = floatval($invoice->advance_paid);
                                                        $balance = $total - $paid;

                                                        if ($paid >= $total && $total > 0) {
                                                        $status = 'Paid';
                                                        $badge = 'success';
                                                        } elseif ($paid > 0 && $paid < $total) {
                                                            $status='Partially Paid' ; $badge='warning' ; } else {
                                                            $status='Not Paid' ; $badge='danger' ; } @endphp
                                                            {{-- Edit Link --}} @if (($userType==='Superadmin' ||
                                                            in_array('Edit',$invoicesPerms, true)) && $balance> 0)
                                                            <a class="dropdown-item"
                                                                href="{{ route('invoice.edit', $invoice->id) }}">
                                                                Edit
                                                            </a>
                                                            @endif
                                                            @if ($balance > 0)
                                                            <a class="dropdown-item" href="javascript:void(0);"
                                                                onclick="openInvoiceModal({{ $invoice->id }},'{{ $invoice->store->store ?? '' }}','{{ $invoice->customer->name ?? '' }}','{{ $invoice->customer->mobile ?? '' }}','{{ $invoice->category->category ?? '' }}','{{ $invoice->total_amount }}','{{ $invoice->advance_paid }}')">
                                                                Payment
                                                            </a>
                                                             @endif
                                                            <a class="dropdown-item"
                                                                href="{{ route('invoice.show', $invoice->id) }}">View
                                                                Details</a>

                                                            <a class="dropdown-item"
                                                                href="{{ route('invoice.print', $invoice->id) }}"
                                                                target="_blank">Print Invoice</a>


                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>

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

            </div>
        </div>
    </div>
</div>
<!-- Invoice Payment Modal -->
<div class="modal fade" id="invoicePaymentModal" tabindex="-1" aria-labelledby="invoiceModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <form id="paymentUpdateForm" method="POST" action="{{ route('invoice.updatePayment') }}">
            @csrf
            <input type="hidden" name="invoice_id" id="modal_invoice_id">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="invoiceModalLabel">Update Invoice Payment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label>Name</label>
                            <input type="text" class="form-control" id="modal_name" readonly>
                        </div>

                        <div class="col-md-6">
                            <label>Mobile</label>
                            <input type="text" class="form-control" id="modal_mobile" readonly>
                        </div>

                        <div class="col-md-6">
                            <label>Store</label>
                            <input type="text" class="form-control" id="modal_store" readonly>
                        </div>
                        <div class="col-md-6">
                            <label>Cateory</label>
                            <input type="text" class="form-control" id="modal_category" readonly>
                        </div>
                        <div class="col-md-6">
                            <label>Total Amount</label>
                            <input type="text" class="form-control" id="modal_total" readonly>
                        </div>

                        <div class="col-md-6">
                            <label>Advance Paid</label>
                            <input type="text" class="form-control" id="modal_advance" readonly>
                        </div>

                        <div class="col-md-6">
                            <label>Balance</label>
                            <input type="text" class="form-control" id="modal_balance" readonly>
                        </div>

                        <div class="col-md-6">
                            <label>Amount Paying Now</label>
                            <input type="number" step="0.01" min="0" name="amount_paid_now" id="modal_paid_now"
                                class="form-control" required>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" id="updatePaymentBtn" class="btn btn-primary">Update Payment</button>
                </div>
            </div>
        </form>

    </div>
</div>

@include('footer')
<script>
function openInvoiceModal(id, store, name, mobile, category, total, advance) {
    const balance = parseFloat(total) - parseFloat(advance);

    document.getElementById('modal_invoice_id').value = id;
    document.getElementById('modal_name').value = name;
    document.getElementById('modal_mobile').value = mobile;
    document.getElementById('modal_store').value = store;
    document.getElementById('modal_category').value = category;
    document.getElementById('modal_total').value = total;
    document.getElementById('modal_advance').value = advance;
    document.getElementById('modal_balance').value = balance.toFixed(2);
    document.getElementById('modal_paid_now').value = '';
    const updateBtn = document.getElementById('updatePaymentBtn');
    if (balance <= 0) {
        updateBtn.disabled = true;
    } else {
        updateBtn.disabled = false;
    }
    const modal = new bootstrap.Modal(document.getElementById('invoicePaymentModal'));
    modal.show();
}
</script>

</script>