@extends('loans.base')

@section('action-content')
<section class="content">

    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">
                <i class="fa fa-credit-card"></i> Loan Repayment
            </h3>
        </div>

        <div class="box-body">

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

            @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            {{-- CLIENT & LOAN INFO --}}
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Client Name</label>
                        <input type="text" class="form-control" 
                               value="{{ $loan->client->surname }} {{ $loan->client->first_name }} ({{ $loan->client->account_number }})" readonly>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label>Loan Number</label>
                        <input type="text" class="form-control" 
                               value="{{ $loan->loan_number }}" readonly>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label>Outstanding Principal</label>
                        <input type="text" class="form-control text-right" 
                               value="{{ number_format($loan->outstanding_principal, 2) }}" readonly>
                    </div>
                </div>
            </div>

            {{-- TOTAL REMAINING & NEXT INSTALLMENT --}}
            @php
                $pendingInstallments = $loan->repayments
                    ->whereIn('status', ['pending', 'partial'])
                    ->sortBy('installment_number');

                $totalRemaining = $pendingInstallments->sum(function ($r) {
                    return max($r->total_payment - ($r->amount_paid ?? 0), 0);
                });

                $nextInstallment = $pendingInstallments->first();
                $nextAmount = $nextInstallment
                    ? max($nextInstallment->total_payment - ($nextInstallment->amount_paid ?? 0), 0)
                    : 0;

                // Early settlement calculation
                $settlement = $loan->calculateEarlySettlement();
            @endphp

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Total Remaining</label>
                        <input type="text" class="form-control text-right"
                               value="{{ number_format($totalRemaining, 2) }}" readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Next Installment Amount</label>
                        <input type="text"
                               class="form-control text-right"
                               value="{{ number_format($nextAmount, 2) }}"
                               readonly>
                    </div>
                </div>
            </div>

            <hr>

            {{-- EARLY SETTLEMENT BUTTON --}}
            @if($loan->status !== 'completed')
                <div class="alert alert-warning">
                    <h4><i class="fa fa-bolt"></i> Early Settlement Option</h4>

                    <p>
                        Outstanding Principal:
                        <strong>₵{{ number_format($settlement['outstanding_principal'], 2) }}</strong>
                    </p>

                    <p>
                        1 Month Interest:
                        <strong>₵{{ number_format($settlement['interest_accrued'], 2) }}</strong>
                    </p>

                    <hr>

                    <p>
                        <strong>Total Early Settlement Amount:</strong>
                        <span class="text-danger" style="font-size:18px">
                            ₵{{ number_format($settlement['final_payoff'], 2) }}
                        </span>
                    </p>

                    <button 
                        type="button"
                        class="btn btn-danger"
                        id="earlySettlementBtn"
                        data-amount="{{ $settlement['final_payoff'] }}"
                    >
                        <i class="fa fa-check-circle"></i> Pay & Close Loan
                    </button>
                </div>
            @endif

            {{-- PAYMENT FORM --}}
            <form action="{{ route('loans.repayment.store', $loan) }}" method="POST">
                @csrf
                <input type="hidden" name="print_receipt" id="print_receipt" value="0">

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Amount Paid <span class="text-danger">*</span></label>
                            <input type="number" step="0.01" name="amount_paid" 
                                   class="form-control text-right" required>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label>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>
                </div>

                <div class="text-right">
                    @if($loan->status === 'completed')
                        <button class="btn btn-success" disabled>
                            Loan Fully Paid
                        </button>
                    @else
                        <button type="button" id="recordPaymentBtn" class="btn btn-primary">
                            Record Payment
                        </button>
                    @endif
                </div>
            </form>
        </div>
    </div>

    {{-- REPAYMENT SCHEDULE --}}
    <div class="box box-info">
        <div class="box-header with-border">
            <h4 class="box-title">
                <i class="fa fa-calendar"></i> Repayment Schedule
            </h4>
        </div>

        <div class="box-body table-responsive">
            <table class="table table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Principal</th>
                        <th>Interest</th>
                        <th>Monthly Repayment</th>
                        <th>Status</th>
                        <th>Paid</th>
                        <th>Remaining Amount</th>
                        <th>Early Settlement</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($loan->repayments->sortBy('installment_number') as $repayment)
                        @php

                            $paid = $repayment->amount_paid ?? 0;
                            $remaining = max($repayment->total_payment - $paid, 0);
                        @endphp
                        <tr>
                            <td>
                            {{ $repayment->repayment_type === 'early_settlement'
                             ? 'Early Settlement'
                             : $repayment->installment_number }}
                            </td>
                            <td>{{ number_format($repayment->principal,2) }}</td>
                            <td>{{ number_format($repayment->interest,2) }}</td>
                            <td>{{ number_format($repayment->total_payment,2) }}</td>
                            <td>
                                <span class="label label-{{ 
                                    $repayment->status == 'paid' ? 'success' :
                                    ($repayment->status == 'partial' ? 'warning' : 'default')
                                }}">
                                    {{ ucfirst($repayment->status) }}
                                </span>
                            </td>
                            <td>{{ number_format($paid,2) }}</td>
                            <td><strong>{{ number_format($remaining,2) }}</strong></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

</section>

@push('scripts')
<script>
document.getElementById('recordPaymentBtn').addEventListener('click', function () {
    let form = this.closest('form');

    Swal.fire({
        title: 'Confirm Action',
        text: 'Would you like to print a receipt?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: 'Print Receipt',
        cancelButtonText: 'Record Only',
        reverseButtons: true
    }).then((result) => {
        document.getElementById('print_receipt').value = result.isConfirmed ? 1 : 0;
        form.submit();
    });
});

// EARLY SETTLEMENT BUTTON LOGIC
document.getElementById('earlySettlementBtn')?.addEventListener('click', function () {

    let amount = this.dataset.amount;

    Swal.fire({
        title: 'Confirm Early Settlement',
        html: `
            <p>This will <strong>close the loan immediately</strong>.</p>
            <p><strong>Amount to be paid:</strong> ₵${parseFloat(amount).toFixed(2)}</p>
        `,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Confirm Payment'
    }).then((result) => {

        if(result.isConfirmed){
            document.querySelector("input[name='amount_paid']").value = amount;
            document.getElementById("print_receipt").value = 1;

            // 🔥 ADD FLAG
            let input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'early_settlement';
            input.value = 1;
            document.querySelector("form").appendChild(input);

            document.querySelector("form").submit();
        }

    });
});
</script>
@endpush
@endsection