@push('title')
    Goods Receipt Notes (GRN)
@endpush
<x-app-layout>
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="card-title mb-0">Goods Receipt Notes (GRN)</h5>
        </div>
        <div class="card-body">
            <form action="{{ route('grns') }}" method="GET">
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label fw-semibold">GRN No</label>
                        <input type="text" name="grn_no" class="form-control" placeholder="GRN-..."
                            value="{{ request('grn_no') }}">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label fw-semibold">Status</label>
                        <select name="status" class="form-control">
                            <option value="">All Statuses</option>
                            <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>Draft</option>
                            <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved
                            </option>
                        </select>
                    </div>
                    <div class="col-md-4 mb-3 d-flex align-items-end justify-content-end">
                        <button type="submit" class="btn btn-primary">Filter</button>
                        <a href="{{ route('grns') }}" class="btn btn-secondary ms-2">Reset</a>
                    </div>
                </div>
            </form>

            <div class="table-responsive mt-3">
                <table class="table table-striped table-borderless">
                    <thead class="table-dark">
                        <tr>
                            <th>GRN No</th>
                            <th>Date</th>
                            <th>Purchase Order</th>
                            <th>Supplier</th>
                            <th>Warehouse</th>
                            <th class="text-center">Total</th>
                            <th class="text-center">Paid</th>
                            <th class="text-center">Pay Status</th>
                            <th>Status</th>
                            <th>Created By</th>
                            <th class="text-end">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($grns as $grn)
                            <tr>
                                <td><span class="fw-bold">{{ $grn->grn_no }}</span></td>
                                <td>{{ $grn->date }}</td>
                                <td>{{ $grn->purchaseOrder->po_code ?? 'N/A' }}</td>
                                <td>{{ $grn->supplier->name ?? 'N/A' }}</td>
                                <td>{{ $grn->warehouse->name ?? 'N/A' }}</td>
                                <td class="text-center fw-bold text-nowrap">Rs {{ number_format($grn->grand_total, 2) }}</td>
                                <td class="text-center text-success fw-bold text-nowrap">Rs {{ number_format($grn->paid_amount, 2) }}</td>
                                <td class="text-center">
                                    @if($grn->payment_status == 'paid')
                                        <span class="badge bg-label-success">Paid</span>
                                    @elseif($grn->payment_status == 'partial')
                                        <span class="badge bg-label-info">Partial</span>
                                    @else
                                        <span class="badge bg-label-danger">Pending</span>
                                    @endif
                                </td>
                                <td>
                                    @if($grn->status == 'draft')
                                        <span class="badge bg-warning text-dark">Draft</span>
                                    @elseif($grn->status == 'approved')
                                        <span class="badge bg-success">Approved</span>
                                    @else
                                        <span class="badge bg-secondary">{{ ucfirst($grn->status) }}</span>
                                    @endif
                                </td>
                                <td>{{ $grn->creator->name ?? 'System' }}</td>
                                <td class="text-right text-nowrap justify-content-end pr-0"
                                    style="display: table-cell !important;text-align: right !important;">
                                    @if($grn->status == 'draft')
                                        <button type="button" class="btn btn-icon btn-danger mb-1" data-bs-toggle="modal"
                                            data-bs-target="#deleteGrn-{{ $grn->id }}">
                                            <i class="bx bx-trash"></i>
                                        </button>

                                        <!-- Delete Modal -->
                                        <div class="modal fade" id="deleteGrn-{{ $grn->id }}" tabindex="-1" aria-hidden="true">
                                            <div class="modal-dialog modal-simple modal-enable-otp modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-body text-center">
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                            aria-label="Close"></button>
                                                        <h4 class="mb-2">Delete Draft GRN?</h4>
                                                        <p class="text-muted">Are you sure you want to delete
                                                            <strong>{{ $grn->grn_no }}</strong>? This action cannot be undone.
                                                        </p>

                                                        <div class="mt-4 d-flex justify-content-center gap-2">
                                                            <button type="button" class="btn btn-secondary"
                                                                data-bs-dismiss="modal">Cancel</button>
                                                            <form action="{{ route('grns.destroy', $grn->id) }}" method="POST">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button type="submit" class="btn btn-danger">Yes,
                                                                    Delete</button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <a href="{{ route('grns.show', ['id' => $grn->id]) }}"
                                        class="btn btn-icon btn-success mb-1 me-1">
                                        <i class="bx bx-show"></i>
                                    </a>
                                    <a href="{{ route('grns.pdf', $grn->id) }}" target="_blank"
                                        class="btn btn-icon btn-primary mb-1">
                                        <i class='bx bxs-file-pdf'></i>
                                    </a>

                                    @if($grn->status == 'approved' && $grn->payment_status != 'paid')
                                        <button type="button" class="btn btn-icon btn-warning mb-1" data-bs-toggle="modal"
                                            data-bs-target="#payGrn-{{ $grn->id }}">
                                            <i class="bx bx-dollar"></i>
                                        </button>

                                        <!-- Payment Modal -->
                                        <div class="modal fade" id="payGrn-{{ $grn->id }}" tabindex="-1" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title">Record Payment for {{ $grn->grn_no }}</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                    </div>
                                                    <form action="{{ route('suppliers.store_payment') }}" method="POST">
                                                        @csrf
                                                        <input type="hidden" name="grn_id" value="{{ $grn->id }}">
                                                        <input type="hidden" name="supplier_id" value="{{ $grn->supplier_id }}">
                                                        <div class="modal-body text-start">
                                                            <div class="row mb-3">
                                                                <div class="col-md-6">
                                                                    <label class="form-label text-muted small text-uppercase fw-bold">Total Amount</label>
                                                                    <div class="fw-bold">Rs {{ number_format($grn->grand_total, 2) }}</div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label class="form-label text-muted small text-uppercase fw-bold">Remaining</label>
                                                                    <div class="fw-bold text-danger">Rs {{ number_format($grn->grand_total - $grn->paid_amount, 2) }}</div>
                                                                </div>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label class="form-label">Payment Amount (Rs)</label>
                                                                <input type="number" name="amount" class="form-control" step="0.01" 
                                                                    max="{{ $grn->grand_total - $grn->paid_amount }}" 
                                                                    value="{{ $grn->grand_total - $grn->paid_amount }}" required>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-md-6">
                                                                    <label class="form-label">Payment Date</label>
                                                                    <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label class="form-label">Payment Method</label>
                                                                    <select name="payment_method" class="form-control">
                                                                        <option value="Cash">Cash</option>
                                                                        <option value="Cheque">Cheque</option>
                                                                        <option value="Bank Transfer">Bank Transfer</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="mb-0">
                                                                <label class="form-label">Notes</label>
                                                                <textarea name="notes" class="form-control" rows="2" placeholder="Reference number etc."></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                            <button type="submit" class="btn btn-primary">Record Payment & Notify</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center py-4 text-muted">No Goods Receipt Notes found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-3">
                {{ $grns->links() }}
            </div>
        </div>
    </div>
</x-app-layout>