@extends('layouts.dashboard')

@section('title', $pageTitle ?? 'Create Payment')

@section('page_header')
    <div class="page-header">
        <div class="page-header-left d-flex align-items-center">
            <div class="page-header-title">
                <h5 class="m-b-10">{{ $pageTitle ?? 'Create Payment' }}</h5>
            </div>
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ route('payments.index') }}">Payments</a></li>
                <li class="breadcrumb-item">Create</li>
            </ul>
        </div>
    </div>
@endsection

@section('page_content')
    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <div class="card">
        <div class="card-body">
            <h6 class="fw-semibold mb-3">Selection</h6>
            <form method="GET" action="{{ route('payments.add') }}">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Flow</label>
                        <select name="flow" class="form-select js-filter-select" required onchange="this.form.submit()">
                            @foreach ($flowOptions as $key => $label)
                                <option value="{{ $key }}" @selected(($selectedFlow ?? '') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Company</label>
                        <select name="company_id" class="form-select js-filter-select" required onchange="this.form.submit()">
                            <option value="">Select company</option>
                            @foreach ($companies as $company)
                                <option value="{{ $company->id }}" @selected(($selectedCompanyId ?? null) == $company->id)>
                                    {{ $company->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">
                            @if (($selectedFlow ?? '') === 'vendor_payment')
                                Vendor
                            @elseif (($selectedFlow ?? '') === 'agent_payment')
                                Agent
                            @else
                                Customer
                            @endif
                        </label>
                        <select name="party_id" class="form-select js-filter-select" required>
                            <option value="">Select party</option>
                            @foreach ($parties as $party)
                                <option value="{{ $party->id }}" @selected(($selectedPartyId ?? null) == $party->id)>
                                    {{ $party->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary">Load Details</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @if (($selectedCompanyId ?? null) && ($selectedPartyId ?? null) && ($selectedParty ?? null))
        <div class="card mt-3">
            <div class="card-body">
                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <div class="border rounded p-3 h-100">
                            <div class="text-muted fs-12">{{ $summary['heading_1'] ?? 'Value 1' }}</div>
                            <div class="fs-5 fw-semibold">{{ number_format((float) ($summary['value_1'] ?? 0), 2) }}</div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="border rounded p-3 h-100">
                            <div class="text-muted fs-12">{{ $summary['heading_2'] ?? 'Value 2' }}</div>
                            <div class="fs-5 fw-semibold">{{ number_format((float) ($summary['value_2'] ?? 0), 2) }}</div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="border rounded p-3 h-100">
                            <div class="text-muted fs-12">{{ $summary['heading_3'] ?? 'Value 3' }}</div>
                            <div class="fs-5 fw-semibold">{{ number_format((float) ($summary['value_3'] ?? 0), 2) }}</div>
                        </div>
                    </div>
                </div>

                <h6 class="fw-semibold mb-3">
                    @if (($selectedFlow ?? '') === 'agent_payment')
                        Commission References
                    @else
                        Invoice References
                    @endif
                </h6>
                <div class="table-responsive">
                    <table class="table table-bordered align-middle">
                        <thead>
                            <tr>
                                <th>Reference</th>
                                <th>Date</th>
                                <th class="text-end">Total</th>
                                <th class="text-end">Paid</th>
                                <th class="text-end">Outstanding</th>
                                <th>Status</th>
                                <th>Invoice View</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($referenceRows as $row)
                                <tr>
                                    <td>{{ $row['ref'] ?? '-' }}</td>
                                    <td>{{ $row['date'] ?? '-' }}</td>
                                    <td class="text-end">{{ number_format((float) ($row['total'] ?? 0), 2) }}</td>
                                    <td class="text-end">{{ number_format((float) ($row['paid'] ?? 0), 2) }}</td>
                                    <td class="text-end fw-semibold">{{ number_format((float) ($row['outstanding'] ?? 0), 2) }}</td>
                                    <td>{{ ucfirst((string) ($row['status'] ?? '-')) }}</td>
                                    <td>
                                        @if (! empty($row['invoice_url']))
                                            <a href="{{ $row['invoice_url'] }}" class="btn btn-sm btn-outline-info">View Invoice</a>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted">No references found for selected party.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-body">
                <h6 class="fw-semibold mb-3">Add Entry</h6>
                <form method="POST" action="{{ route('payments.save') }}">
                    @csrf
                    <input type="hidden" name="flow" value="{{ $selectedFlow }}">
                    <input type="hidden" name="company_id" value="{{ $selectedCompanyId }}">
                    <input type="hidden" name="party_id" value="{{ $selectedPartyId }}">

                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label">Date</label>
                            <input type="date" name="date" class="form-control" required value="{{ old('date', $selectedDate ?? now()->format('Y-m-d')) }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Amount</label>
                            <input type="number" name="amount" class="form-control" min="0.01" step="0.01" required value="{{ old('amount') }}" placeholder="0.00">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Payment Mode</label>
                            <select name="payment_mode" class="form-select" required>
                                <option value="">Select mode</option>
                                @foreach ($paymentModes as $mode)
                                    <option value="{{ $mode }}" @selected(old('payment_mode') === $mode)>{{ $mode }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Account</label>
                            <select name="account_id" class="form-select" required>
                                <option value="">Select account</option>
                                @foreach ($accounts as $account)
                                    <option value="{{ $account->id }}" @selected(old('account_id') == $account->id)>
                                        {{ $account->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Reference (Optional)</label>
                            <select name="reference_id" id="referenceId" class="form-select">
                                <option value="">On Account / Without Invoice</option>
                                @foreach ($referenceOptions as $reference)
                                    <option value="{{ $reference['id'] }}" data-invoice-url="{{ $reference['invoice_url'] ?? '' }}" @selected(old('reference_id') == $reference['id'])>
                                        {{ $reference['label'] }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <label class="form-label">Description (Optional)</label>
                            <textarea name="description" class="form-control" rows="2" placeholder="Enter payment description">{{ old('description') }}</textarea>
                        </div>
                        <div class="col-md-4 d-flex align-items-end gap-2">
                            <button type="submit" class="btn btn-primary w-100">Save Entry</button>
                            <button type="button" class="btn btn-outline-info w-100" id="viewSelectedInvoice">Invoice View</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endif
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const referenceSelect = document.getElementById('referenceId');
            const viewInvoiceButton = document.getElementById('viewSelectedInvoice');

            if (!referenceSelect || !viewInvoiceButton) {
                return;
            }

            viewInvoiceButton.addEventListener('click', function() {
                const selectedOption = referenceSelect.options[referenceSelect.selectedIndex];
                const invoiceUrl = selectedOption ? selectedOption.getAttribute('data-invoice-url') : '';

                if (invoiceUrl) {
                    window.location.href = invoiceUrl;
                    return;
                }

                alert('Please select a valid invoice-based reference first.');
            });
        });
    </script>
@endpush