@extends('layouts.app')

@section('title', 'Sale ' . $sale->agreement_number)

@section('content')
<div class="d-flex align-items-center mb-4">
    <a href="{{ route('sales.index') }}" class="btn btn-outline-secondary me-3"><i class="bi bi-arrow-left"></i></a>
    <h1 class="h3 mb-0"><i class="bi bi-file-earmark-text me-2"></i>{{ $sale->agreement_number }}</h1>
    <span class="ms-3 badge bg-{{ match ($sale->status) {
    'draft' => 'warning', 'active' => 'success',
    'completed' => 'primary', 'cancelled' => 'danger', default => 'secondary'
} }} fs-6">{{ ucfirst($sale->status) }}</span>
</div>

<div class="row g-4">
    {{-- Sale Summary --}}
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-header">
                <h6 class="mb-0">Agreement Details</h6>
            </div>
            <div class="card-body">
                <table class="table table-borderless mb-0">
                    <tr>
                        <th width="45%">Agreement Date</th>
                        <td>{{ $sale->agreement_date->format('d M Y') }}</td>
                    </tr>
                    <tr>
                        <th>Customer</th>
                        <td><a href="{{ route('customers.show', $sale->customer) }}">{{ $sale->customer->name }}</a>
                        </td>
                    </tr>
                    <tr>
                        <th>Flat</th>
                        <td>{{ $sale->flat->flat_number }} — {{ $sale->flat->building->name ?? '' }}</td>
                    </tr>
                    <tr>
                        <th>Project</th>
                        <td>{{ $sale->project->project_name ?? '' }}</td>
                    </tr>
                    @if ($sale->handover_date)
                        <tr>
                            <th>Expected Handover</th>
                            <td>{{ $sale->handover_date->format('d M Y') }}</td>
                        </tr>
                    @endif
                    <tr>
                        <th>Created By</th>
                        <td>{{ $sale->createdBy->name ?? '' }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    {{-- Enhanced Financial Summary --}}
    <div class="col-md-6">
        <div class="card h-100">
            <div class="card-header">
                <h6 class="mb-0"><i class="bi bi-calculator me-1"></i>Financial Summary</h6>
            </div>
            <div class="card-body">
                @php
                    $totalPaid = $sale->total_paid;
                    $totalDue = $sale->outstanding_balance;
                    $installmentPaid = $sale->installment_paid;
                    $openingPaid = $sale->opening_paid;
                    $nextDue = $sale->next_due_installment;
                @endphp
                <table class="table table-borderless mb-0">
                    <tr>
                        <th width="45%">Total Flat Price</th>
                        <td>৳ {{ number_format($sale->total_flat_price, 2) }}</td>
                    </tr>
                    <tr>
                        <th>Discount</th>
                        <td class="text-danger">- ৳ {{ number_format($sale->discount, 2) }}</td>
                    </tr>
                    <tr>
                        <th>Parking / Utility</th>
                        <td>+ ৳ {{ number_format($sale->parking_utility_charge, 2) }}</td>
                    </tr>
                    <tr class="border-top">
                        <th class="fw-bold">Net Payable</th>
                        <td class="fw-bold fs-5">৳ {{ number_format($sale->net_payable, 2) }}</td>
                    </tr>
                    <tr class="border-top">
                        <th>Down Payment</th>
                        <td>৳ {{ number_format($sale->down_payment, 2) }}</td>
                    </tr>
                    @if ($openingPaid > 0)
                    <tr>
                        <th>Opening/Previous Paid</th>
                        <td>৳ {{ number_format($openingPaid, 2) }}</td>
                    </tr>
                    @endif
                    <tr>
                        <th>Installment Payments</th>
                        <td>৳ {{ number_format($installmentPaid - $openingPaid, 2) }}</td>
                    </tr>
                    <tr class="border-top">
                        <th class="fw-bold text-success">Total Paid</th>
                        <td class="fw-bold text-success fs-5">৳ {{ number_format($totalPaid, 2) }}</td>
                    </tr>
                    <tr>
                        <th class="fw-bold text-danger">Total Due</th>
                        <td class="fw-bold text-danger fs-5">৳ {{ number_format($totalDue, 2) }}</td>
                    </tr>
                    @if ($nextDue)
                    <tr class="border-top">
                        <th>Next Due Amount</th>
                        <td>৳ {{ number_format($nextDue->remaining, 2) }}</td>
                    </tr>
                    <tr>
                        <th>Next Due Date</th>
                        <td>{{ $nextDue->due_date->format('d M Y') }}</td>
                    </tr>
                    @endif
                </table>

                {{-- Progress Bar --}}
                @php
                    $paidPercent = $sale->net_payable > 0 ? min(100, ($totalPaid / (float)$sale->net_payable) * 100) : 0;
                @endphp
                <div class="mt-2">
                    <small class="text-muted">Payment Progress</small>
                    <div class="progress" style="height: 8px;">
                        <div class="progress-bar bg-success" style="width: {{ $paidPercent }}%"></div>
                    </div>
                    <small class="text-muted">{{ number_format($paidPercent, 1) }}% paid</small>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Actions --}}
<div class="mt-4 d-flex gap-2 flex-wrap">
    @if ($sale->status === 'draft')
    @haspermission('sales.edit')
    <form method="POST" action="{{ route('sales.confirm', $sale) }}">
        @csrf
        <button type="submit" class="btn btn-success"
            onclick="return confirm('Confirm this sale? This will mark the flat as SOLD and activate installments.')">
            <i class="bi bi-check-circle me-1"></i> Confirm Sale
        </button>
    </form>
    @endhaspermission
    @endif

    @if (in_array($sale->status, ['draft', 'active']) && $totalDue > 0)
    @haspermission('sales.edit')
    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#receivePaymentModal">
        <i class="bi bi-cash-coin me-1"></i> Receive Payment
    </button>
    @endhaspermission
    @endif

    @if (in_array($sale->status, ['draft', 'active']))
    @haspermission('sales.delete')
    <button class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#cancelSaleModal">
        <i class="bi bi-x-circle me-1"></i> Cancel Sale
    </button>
    @endhaspermission
    @endif

    <a href="{{ route('sales.print', $sale) }}" class="btn btn-outline-secondary" target="_blank">
        <i class="bi bi-printer me-1"></i> Print Agreement
    </a>
</div>

{{-- Installment Schedule --}}
<div class="card mt-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="mb-0"><i class="bi bi-calendar3 me-2"></i>Installment Schedule</h6>
        @php
            $paidCount = $sale->installments->where('status', 'paid')->count();
            $totalCount = $sale->installments->whereNotIn('status', ['voided'])->count();
        @endphp
        <span class="badge bg-info">{{ $paidCount }} / {{ $totalCount }} Paid</span>
    </div>
    <div class="card-body table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Due Date</th>
                    <th>Amount Due</th>
                    <th>Late Fee</th>
                    <th>Paid</th>
                    <th>Remaining</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($sale->installments as $inst)
                @if ($inst->status === 'voided')
                    @continue
                @endif
                <tr
                    class="{{ $inst->status === 'overdue' ? 'table-danger' : ($inst->status === 'paid' ? 'table-success' : ($inst->status === 'partial' ? 'table-warning' : '')) }}">
                    <td>{{ $inst->installment_number }}</td>
                    <td>{{ $inst->due_date->format('d M Y') }}</td>
                    <td>৳ {{ number_format($inst->amount_due, 2) }}</td>
                    <td>
                        @if ($inst->late_fee > 0)
                            <span class="text-danger">৳ {{ number_format($inst->late_fee, 2) }}</span>
                        @else
                            —
                        @endif
                    </td>
                    <td>৳ {{ number_format($inst->amount_paid, 2) }}</td>
                    <td>৳ {{ number_format($inst->remaining, 2) }}</td>
                    <td>
                        @php
                            $iBadge = match ($inst->status) {
                                'pending' => 'secondary',
                                'partial' => 'warning',
                                'paid' => 'success',
                                'overdue' => 'danger',
                                default => 'secondary',
                            };
                        @endphp
                        <span class="badge bg-{{ $iBadge }}">{{ ucfirst($inst->status) }}</span>
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot class="table-light">
                @php
                    $activeInstallments = $sale->installments->whereNotIn('status', ['voided']);
                @endphp
                <tr class="fw-bold">
                    <td colspan="2">Total</td>
                    <td>৳ {{ number_format($activeInstallments->sum('amount_due'), 2) }}</td>
                    <td>৳ {{ number_format($activeInstallments->sum('late_fee'), 2) }}</td>
                    <td>৳ {{ number_format($activeInstallments->sum('amount_paid'), 2) }}</td>
                    <td>৳ {{ number_format($activeInstallments->sum(fn($i) => $i->remaining), 2) }}</td>
                    <td></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

{{-- Payment History --}}
<div class="card mt-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h6 class="mb-0"><i class="bi bi-clock-history me-2"></i>Payment History</h6>
        <span class="badge bg-primary">{{ $salePayments->count() }} Records</span>
    </div>
    <div class="card-body table-responsive">
        @if ($salePayments->count() > 0)
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Date</th>
                    <th>Receipt / Voucher</th>
                    <th>Payment Method</th>
                    <th>Amount</th>
                    <th>Type</th>
                    <th>Allocated To</th>
                    <th>Note</th>
                    <th>Created By</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($salePayments as $pmt)
                @php
                    $isSaleLevel = $pmt->payable_type === 'App\\Models\\Sale';
                    $isOpening = $pmt->is_opening ?? false;
                    $isLegacy = $pmt->payable_type === 'App\\Models\\Installment';

                    if ($isOpening) {
                        $typeLabel = 'Opening Payment';
                        $typeBadge = 'info';
                    } elseif ($isLegacy) {
                        $typeLabel = 'Installment Payment';
                        $typeBadge = 'primary';
                    } else {
                        $typeLabel = 'Customer Payment';
                        $typeBadge = 'success';
                    }

                    // Allocation summary
                    $allocations = $pmt->allocations ?? collect();
                    $allocSummary = $allocations->map(function($a) {
                        return '#' . ($a->installment->installment_number ?? '?') . ' (৳' . number_format($a->allocated_amount, 2) . ')';
                    })->join(', ');

                    if ($isLegacy && $pmt->payable) {
                        $allocSummary = '#' . ($pmt->payable->installment_number ?? '?');
                    }
                @endphp
                <tr>
                    <td>{{ $pmt->payment_date->format('d M Y') }}</td>
                    <td>
                        <span class="fw-semibold">{{ $pmt->receipt_number }}</span>
                        @if ($pmt->voucher_no)
                            <br><small class="text-muted">V# {{ $pmt->voucher_no }}</small>
                        @endif
                    </td>
                    <td>{{ $pmt->paymentMethod->method_name ?? 'Unknown' }}</td>
                    <td class="fw-semibold text-success">৳ {{ number_format($pmt->amount, 2) }}</td>
                    <td><span class="badge bg-{{ $typeBadge }}">{{ $typeLabel }}</span></td>
                    <td><small>{{ $allocSummary ?: '—' }}</small></td>
                    <td><small class="text-muted">{{ Str::limit($pmt->narration, 30) ?? '—' }}</small></td>
                    <td><small>{{ $pmt->createdBy->name ?? '' }}</small></td>
                    <td>
                        <a href="{{ route('receipts.print', $pmt->receipt_number) }}" class="btn btn-sm btn-outline-secondary" target="_blank"
                            title="Print Receipt">
                            <i class="bi bi-printer"></i>
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot class="table-light">
                <tr class="fw-bold">
                    <td colspan="3">Total Payments</td>
                    <td class="text-success">৳ {{ number_format($salePayments->sum('amount'), 2) }}</td>
                    <td colspan="5"></td>
                </tr>
            </tfoot>
        </table>
        @else
        <div class="text-center text-muted py-4">
            <i class="bi bi-inbox display-4"></i>
            <p class="mt-2">No payment records yet.</p>
        </div>
        @endif
    </div>
</div>

{{-- Receive Payment Modal --}}
@haspermission('sales.edit')
@if (in_array($sale->status, ['draft', 'active']) && $totalDue > 0)
<div class="modal fade" id="receivePaymentModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <form method="POST" action="{{ route('sales.receive-payment', $sale) }}">
            @csrf
            <input type="hidden" name="idempotency_token" value="{{ $idempotencyToken }}">

            <div class="modal-content">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title"><i class="bi bi-cash-coin me-2"></i>Receive Payment</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info py-2 small mb-3">
                        <strong>Remaining Due:</strong> ৳ {{ number_format($totalDue, 2) }}
                        @if ($nextDue)
                            — <strong>Next Installment:</strong> #{{ $nextDue->installment_number }}
                            (৳ {{ number_format($nextDue->remaining, 2) }}, due {{ $nextDue->due_date->format('d M Y') }})
                        @endif
                    </div>

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Amount (৳) <span class="text-danger">*</span></label>
                            <input type="number" name="amount" step="0.01" min="0.01"
                                max="{{ $totalDue }}" class="form-control form-control-lg"
                                value="{{ old('amount') }}" required placeholder="Enter payment amount">
                            <small class="text-muted">Enter any amount — it will be automatically allocated to installments.</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Payment Date <span class="text-danger">*</span></label>
                            <input type="date" name="payment_date" class="form-control"
                                value="{{ old('payment_date', date('Y-m-d')) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Payment Method <span class="text-danger">*</span></label>
                            <select name="payment_method_id" class="form-select" required>
                                <option value="">Select Method</option>
                                @foreach ($paymentMethods as $pm)
                                    <option value="{{ $pm->id }}" {{ old('payment_method_id') == $pm->id ? 'selected' : '' }}>
                                        {{ $pm->method_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Voucher / Receipt No</label>
                            <input type="text" name="voucher_no" class="form-control"
                                value="{{ old('voucher_no') }}" placeholder="Optional voucher number">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Cheque Number</label>
                            <input type="text" name="cheque_number" class="form-control"
                                value="{{ old('cheque_number') }}" placeholder="If cheque payment">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Transaction ID</label>
                            <input type="text" name="transaction_id" class="form-control"
                                value="{{ old('transaction_id') }}" placeholder="MFS/Bank transaction ID">
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Note / Narration</label>
                            <textarea name="narration" class="form-control" rows="2"
                                placeholder="Optional payment note...">{{ old('narration') }}</textarea>
                        </div>
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="is_opening" value="1"
                                    id="isOpeningCheck" {{ old('is_opening') ? 'checked' : '' }}>
                                <label class="form-check-label" for="isOpeningCheck">
                                    <strong>This is a previous / opening payment</strong>
                                    <br><small class="text-muted">Check this if the customer paid before using this software.</small>
                                </label>
                            </div>
                        </div>
                    </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">
                        <i class="bi bi-cash-coin me-1"></i> Receive Payment
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif
@endhaspermission

{{-- Legacy Per-Installment Payment Modal (kept for backward compatibility) --}}
@haspermission('sales.edit')
<div class="modal fade" id="paymentModal" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('payments.store') }}">
            @csrf
            <input type="hidden" name="idempotency_token" value="{{ $idempotencyToken }}">
            <input type="hidden" name="installment_id" id="modal_installment_id">

            <div class="modal-content">
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title"><i class="bi bi-cash-coin me-2"></i>Pay Single Installment</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p>Installment #<strong id="modal_inst_num"></strong> — Remaining: <strong
                            id="modal_remaining"></strong></p>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Amount (৳) <span class="text-danger">*</span></label>
                        <input type="number" name="amount" id="modal_amount" step="0.01" min="0.01" class="form-control"
                            required>
                    </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">Payment Method <span class="text-danger">*</span></label>
                        <select name="payment_method_id" class="form-select" required>
                            <option value="">Select</option>
                            @foreach ($paymentMethods as $pm)
                                <option value="{{ $pm->id }}">{{ $pm->method_name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Narration</label>
                        <input type="text" name="narration" class="form-control" placeholder="Optional note...">
                    </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-success">Record Payment</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endhaspermission

{{-- Cancel Sale Modal --}}
@if (in_array($sale->status, ['draft', 'active']))
    <div class="modal fade" id="cancelSaleModal" tabindex="-1">
        <div class="modal-dialog">
            <form method="POST" action="{{ route('sales.cancel', $sale) }}">
                @csrf
                <div class="modal-content">
                    <div class="modal-header bg-danger text-white">
                        <h5 class="modal-title">Cancel Sale Agreement</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p>This will void all unpaid installments and revert the flat to <strong>Available</strong>.</p>
                        <label class="form-label fw-semibold">Cancellation Reason <span class="text-danger">*</span></label>
                        <textarea name="cancellation_reason" class="form-control" rows="3" required></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger">Confirm Cancellation</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endif

@push('scripts')
    <script>
        document.querySelectorAll('.pay-btn').forEach(btn => {
            btn.addEventListener('click', function () {
                document.getElementById('modal_installment_id').value = this.dataset.instId;
                document.getElementById('modal_inst_num').textContent = this.dataset.instNum;
                const remaining = parseFloat(this.dataset.remaining);
                document.getElementById('modal_remaining').textContent = '৳ ' + remaining.toFixed(2);
                document.getElementById('modal_amount').value = remaining;
                document.getElementById('modal_amount').max = remaining;
            });
        });
    </script>
@endpush
@endsection