@extends('layouts.app')

@section('title', 'Payments & Receipts')
@section('page_title', 'Payments & Receipts Ledger')

@section('content')
<div class="container-fluid p-0">
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
                <form action="{{ route('payments.index') }}" method="GET" class="d-flex flex-wrap align-items-center gap-2">
                    <select name="type" class="form-select" style="max-width: 200px;" onchange="this.form.submit()">
                        <option value="">All Transactions</option>
                        <option value="receipt" {{ request('type') == 'receipt' ? 'selected' : '' }}>Customer Receipts (+ Inflow)</option>
                        <option value="payment" {{ request('type') == 'payment' ? 'selected' : '' }}>Supplier Payments (- Outflow)</option>
                    </select>

                    @if(request('type'))
                        <a href="{{ route('payments.index') }}" class="btn btn-outline-secondary btn-sm">Clear</a>
                    @endif
                </form>

                <div>
                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#newPaymentModal">
                        <i class="bi bi-plus-lg me-1"></i> Record Direct Payment / Receipt
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Payments Table -->
    <div class="card border-0 shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Ref # / Date</th>
                            <th>Party Name</th>
                            <th>Type</th>
                            <th>Payment Mode</th>
                            <th>Linked Invoice / Bill</th>
                            <th>Transaction Ref #</th>
                            <th class="text-end">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($payments as $p)
                            <tr>
                                <td>
                                    <div class="fw-bold text-dark">{{ $p->payment_number }}</div>
                                    <small class="text-muted">{{ $p->payment_date->format('d M Y') }}</small>
                                </td>
                                <td>
                                    <a href="{{ route('parties.show', $p->party_id) }}" class="fw-semibold text-dark text-decoration-none">
                                        {{ $p->party ? ($p->party->business_name ?? $p->party->name) : 'N/A' }}
                                    </a>
                                </td>
                                <td>
                                    @if($p->type == 'receipt')
                                        <span class="badge bg-success-subtle text-success border border-success-subtle">
                                            <i class="bi bi-arrow-down-left"></i> Receipt (Customer)
                                        </span>
                                    @else
                                        <span class="badge bg-danger-subtle text-danger border border-danger-subtle">
                                            <i class="bi bi-arrow-up-right"></i> Payment (Supplier)
                                        </span>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge bg-light text-dark border text-uppercase">
                                        {{ str_replace('_', ' ', $p->payment_mode) }}
                                    </span>
                                </td>
                                <td>
                                    @if($p->invoice)
                                        <a href="{{ route('invoices.show', $p->invoice) }}" class="badge bg-light text-primary border text-decoration-none">
                                            Sales Inv #{{ $p->invoice->invoice_number }}
                                        </a>
                                    @elseif($p->purchase)
                                        <a href="{{ route('purchases.show', $p->purchase) }}" class="badge bg-light text-success border text-decoration-none">
                                            Purchase Bill #{{ $p->purchase->purchase_number }}
                                        </a>
                                    @else
                                        <span class="text-muted small">Account Advance</span>
                                    @endif
                                </td>
                                <td>
                                    <span class="font-monospace small text-muted">{{ $p->reference_number ?: '-' }}</span>
                                </td>
                                <td class="text-end fw-bold fs-6 {{ $p->type == 'receipt' ? 'text-success' : 'text-danger' }}">
                                    {{ $p->type == 'receipt' ? '+' : '-' }}₹{{ number_format($p->amount, 2) }}
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center py-4 text-muted">
                                    <i class="bi bi-cash-stack fs-1 d-block mb-2 text-secondary"></i>
                                    No payment transactions recorded yet.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($payments->hasPages())
            <div class="card-footer bg-white border-top py-3">
                {{ $payments->links() }}
            </div>
        @endif
    </div>
</div>

<!-- Quick Payment Modal -->
<div class="modal fade" id="newPaymentModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('payments.store') }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title fw-bold">Record Payment / Receipt</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Transaction Type <span class="text-danger">*</span></label>
                        <select name="type" class="form-select" required>
                            <option value="receipt">Receipt (Inflow from Customer)</option>
                            <option value="payment">Payment (Outflow to Supplier)</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Select Party <span class="text-danger">*</span></label>
                        <select name="party_id" class="form-select" required>
                            <option value="">-- Choose Party --</option>
                            @foreach($parties as $pt)
                                <option value="{{ $pt->id }}">
                                    {{ $pt->business_name ? "{$pt->business_name} ({$pt->name})" : $pt->name }}
                                    (Bal: ₹{{ number_format($pt->current_balance, 2) }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Payment Date <span class="text-danger">*</span></label>
                        <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Amount (₹) <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <span class="input-group-text">₹</span>
                            <input type="number" step="0.01" min="0.01" name="amount" class="form-control" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Payment Mode <span class="text-danger">*</span></label>
                        <select name="payment_mode" class="form-select" required>
                            <option value="bank_transfer">Bank Transfer (NEFT/RTGS/IMPS)</option>
                            <option value="upi">UPI / QR Code</option>
                            <option value="cash">Cash</option>
                            <option value="cheque">Cheque</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">UTR / Cheque Ref Number</label>
                        <input type="text" name="reference_number" class="form-control" placeholder="Transaction ref #">
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Remarks / Notes</label>
                        <textarea name="notes" rows="2" class="form-control"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary fw-semibold">Save Transaction</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection