@extends('layouts.app')
@section('title', 'Loan '.$loan->loan_number)
@section('page-title', 'Loan Detail')

@section('content')
<div class="d-flex align-items-center gap-3 mb-4">
    <a href="{{ route('admin.loans.index') }}" class="btn btn-outline-navy" style="padding:7px 14px;">
        <i class="fa-solid fa-arrow-left me-1"></i> Back
    </a>
    <div>
        <div class="section-title">Loan <code>{{ $loan->loan_number }}</code></div>
        <div class="section-sub">Applied {{ $loan->created_at->format('F j, Y') }} · {{ $loan->currency }} · Rate: L${{ number_format($loan->getEffectiveRate(),2) }}=US$1</div>
    </div>
    <span class="ms-auto badge-status {{ $loan->status }}" style="font-size:.85rem;padding:6px 16px;">{{ ucfirst($loan->status) }}</span>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        {{-- Dual currency summary strip --}}
        <div class="row g-3 mb-3">
            @foreach([
                ['Principal','#c9a84c',$loan->formattedAmountBoth(),'fa-coins'],
                ['Outstanding','#c0392b',\App\Services\CurrencyService::formatUsd((float)$loan->outstanding_balance).' / '.\App\Services\CurrencyService::formatLrd((float)$loan->outstanding_balance_lrd),'fa-scale-unbalanced-flip'],
                ['Monthly Install.','#1565c0',$loan->formattedInstallmentBoth(),'fa-calendar-check'],
                ['Amount Paid','#2e7d52',\App\Services\CurrencyService::formatUsd((float)$loan->amount_paid).' / '.\App\Services\CurrencyService::formatLrd((float)$loan->amount_paid_lrd),'fa-rotate-left'],
            ] as [$label,$color,$value,$icon])
            <div class="col-md-6">
                <div style="background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:16px;border-left:4px solid {{ $color }};">
                    <div style="font-size:.7rem;color:#aaa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;">
                        <i class="fa-solid {{ $icon }}" style="color:{{ $color }};margin-right:5px;"></i>{{ $label }}
                    </div>
                    <div style="font-size:.9rem;font-weight:600;color:#0d1b2a;">{{ $value }}</div>
                </div>
            </div>
            @endforeach
        </div>

        {{-- Details card --}}
        <div class="card mb-3">
            <div class="card-header"><div class="card-header-title">Loan Details</div></div>
            <div class="card-body">
                <div class="row g-3">
                    @foreach([
                        ['Loan Type', $loan->loan_type_label],
                        ['Currency', $loan->currency.' ('.\App\Services\CurrencyService::label($loan->currency).')'],
                        ['Exchange Rate', 'L$'.number_format($loan->getEffectiveRate(),2).' = US$1.00'],
                        ['Interest Rate', $loan->interest_rate.'% per annum'],
                        ['Term', $loan->term_months.' months'],
                        ['Purpose', $loan->purpose],
                        ['Disbursed', $loan->disbursed_at?->format('M d, Y') ?? '—'],
                        ['Final Due Date', $loan->due_date?->format('M d, Y') ?? '—'],
                    ] as [$lbl,$val])
                    <div class="col-md-6">
                        <div style="font-size:.72rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;">{{ $lbl }}</div>
                        <div style="font-size:.9rem;font-weight:500;margin-top:2px;">{{ $val }}</div>
                    </div>
                    @endforeach
                </div>

                @if(in_array($loan->status,['approved','disbursed']))
                <hr class="divider">
                @php $pct = $loan->amountInUsd() > 0 ? min(100,((float)$loan->amount_paid / $loan->amountInUsd())*100) : 0; @endphp
                <div style="font-size:.82rem;color:#6b7a8d;margin-bottom:6px;">Repayment Progress</div>
                <div class="d-flex justify-content-between mb-1">
                    <span style="font-size:.82rem;">{{ \App\Services\CurrencyService::formatUsd((float)$loan->amount_paid) }} paid</span>
                    <span style="font-size:.82rem;font-weight:600;">{{ round($pct) }}%</span>
                </div>
                <div class="progress" style="height:10px;"><div class="progress-bar" style="width:{{ $pct }}%;"></div></div>
                <div style="font-size:.78rem;color:#6b7a8d;margin-top:6px;">{{ \App\Services\CurrencyService::formatUsd((float)$loan->outstanding_balance) }} remaining ({{ \App\Services\CurrencyService::formatLrd((float)$loan->outstanding_balance_lrd) }})</div>
                @endif

                @if($loan->rejection_reason)
                <div class="alert alert-danger mt-3 mb-0"><strong>Rejection Reason:</strong> {{ $loan->rejection_reason }}</div>
                @endif
            </div>
        </div>

        {{-- Repayment Schedule --}}
        @if($loan->status !== 'pending' && $loan->status !== 'rejected')
        <div class="card mb-3">
            <div class="card-header">
                <div class="card-header-title">Repayment Schedule</div>
                <div class="d-flex gap-2">
                    @if($loan->status === 'disbursed')
                    <a href="{{ route('admin.repayments.create', ['loan_id' => $loan->id]) }}" class="btn btn-sm btn-gold">Record Payment</a>
                    @endif
                    @if($loan->repaymentSchedules->count())
                    <a href="{{ route('admin.loans.export.schedule', $loan) }}" class="btn btn-sm btn-outline-navy" title="Download Excel">
                        <i class="fa-solid fa-file-excel me-1" style="color:#1d6f42;"></i> Export Excel
                    </a>
                    @endif
                </div>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>#</th><th>Due Date</th>
                            <th>Installment</th><th>Principal</th><th>Interest</th>
                            <th>LRD Installment</th><th>Balance</th>
                            <th>Paid</th><th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($loan->repaymentSchedules()->orderBy('due_date')->get() as $i => $s)
                        <tr>
                            <td style="font-size:.78rem;">{{ $i+1 }}</td>
                            <td style="font-size:.82rem;{{ $s->due_date->isPast() && $s->status!=='paid' ? 'color:#c0392b;font-weight:600;' : '' }}">{{ $s->due_date->format('d M Y') }}</td>
                            <td><span class="amount">${{ number_format($s->amount,2) }}</span></td>
                            <td><span class="amount" style="color:#2e7d52;">${{ number_format($s->principal_component,2) }}</span></td>
                            <td><span class="amount" style="color:#d4820a;">${{ number_format($s->interest_component,2) }}</span></td>
                            <td><span class="amount" style="color:#1565c0;font-size:.8rem;">L${{ number_format($s->amount_lrd,2) }}</span></td>
                            <td><span class="amount" style="font-size:.8rem;">${{ number_format($s->running_balance,2) }}</span></td>
                            <td><span class="amount" style="color:#2e7d52;">${{ number_format($s->amount_paid,2) }}</span></td>
                            <td>
                                <span class="badge-status {{ $s->status==='paid'?'active':($s->due_date->isPast()?'rejected':'pending') }}">
                                    {{ ucfirst($s->status) }}
                                </span>
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="9" class="text-center py-3" style="color:#aaa;">Schedule not generated</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        @if($loan->documents->count())
        <div class="card">
            <div class="card-header"><div class="card-header-title">Documents</div></div>
            <div class="card-body d-flex flex-wrap gap-2">
                @foreach($loan->documents as $doc)
                <a href="{{ asset('storage/'.$doc->path) }}" target="_blank"
                   class="d-flex align-items-center gap-2 p-2 px-3"
                   style="border:1.5px solid var(--border);border-radius:8px;text-decoration:none;color:var(--navy);font-size:.82rem;">
                    <i class="fa-solid fa-file-pdf" style="color:#c0392b;"></i> {{ $doc->name }}
                </a>
                @endforeach
            </div>
        </div>
        @endif
    </div>

    <div class="col-lg-4">
        {{-- Member --}}
        <div class="card mb-3">
            <div class="card-header"><div class="card-header-title">Applicant</div></div>
            <div class="card-body">
                <div class="d-flex align-items-center gap-3 mb-3">
                    <div class="member-avatar" style="width:46px;height:46px;font-size:1rem;">{{ strtoupper(substr($loan->member->name,0,2)) }}</div>
                    <div>
                        <div style="font-weight:600;">{{ $loan->member->name }}</div>
                        <div style="font-size:.78rem;color:#6b7a8d;">{{ $loan->member->member_id }}</div>
                        <div style="font-size:.78rem;color:#6b7a8d;">{{ $loan->member->department }}</div>
                    </div>
                </div>
                <div class="d-flex flex-column gap-1">
                    <div style="font-size:.82rem;">Savings (USD): <strong>${{ number_format($loan->member->savings_balance,2) }}</strong></div>
                    <div style="font-size:.82rem;">Savings (LRD): <strong>L${{ number_format($loan->member->savings_balance_lrd ?? $loan->member->savings_balance * $rate,2) }}</strong></div>
                    <div style="font-size:.82rem;">Monthly Salary: <strong>${{ number_format($loan->member->monthly_salary,2) }}</strong></div>
                </div>
                <a href="{{ route('admin.members.show',$loan->member) }}" class="btn btn-outline-navy w-100 mt-3" style="font-size:.82rem;">View Profile</a>
            </div>
        </div>

        {{-- Guarantor --}}
        @if($loan->guarantor_name)
        <div class="card mb-3">
            <div class="card-header"><div class="card-header-title">Guarantor</div></div>
            <div class="card-body" style="font-size:.85rem;">
                <div><strong>{{ $loan->guarantor_name }}</strong></div>
                <div style="color:#6b7a8d;">{{ $loan->guarantor_phone }}</div>
                @if($loan->guarantor_member_id)<div style="color:#6b7a8d;">ID: {{ $loan->guarantor_member_id }}</div>@endif
            </div>
        </div>
        @endif

        {{-- Approval Actions --}}
        @if($loan->status === 'pending')
        <div class="card mb-3">
            <div class="card-header"><div class="card-header-title" style="color:#d4820a;"><i class="fa-solid fa-hourglass-half me-2"></i>Review Application</div></div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.loans.approve',$loan) }}" class="mb-3">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label">Interest Rate (%)</label>
                        <input type="number" name="interest_rate" class="form-control" value="{{ $loan->interest_rate }}" step="0.1" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Term (months)</label>
                        <input type="number" name="term_months" class="form-control" value="{{ $loan->term_months }}" required>
                    </div>
                    <button type="submit" class="btn btn-gold w-100"><i class="fa-solid fa-check me-1"></i>Approve Loan</button>
                </form>
                <form method="POST" action="{{ route('admin.loans.reject',$loan) }}">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label">Rejection Reason</label>
                        <textarea name="rejection_reason" class="form-control" rows="2" required></textarea>
                    </div>
                    <button type="submit" class="btn w-100" style="background:rgba(192,57,43,.1);color:#c0392b;border:1.5px solid rgba(192,57,43,.2);border-radius:8px;font-weight:500;padding:9px;">
                        <i class="fa-solid fa-xmark me-1"></i>Reject
                    </button>
                </form>
            </div>
        </div>
        @endif

        @if($loan->status === 'approved')
        <div class="card">
            <div class="card-body">
                <form method="POST" action="{{ route('admin.loans.disburse',$loan) }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Disbursement Date</label>
                        <input type="date" name="disbursed_at" class="form-control" value="{{ now()->format('Y-m-d') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Notes</label>
                        <textarea name="notes" class="form-control" rows="2"></textarea>
                    </div>
                    <button type="submit" class="btn btn-gold w-100">
                        <i class="fa-solid fa-money-bill-transfer me-1"></i>Mark as Disbursed
                    </button>
                </form>
            </div>
        </div>
        @endif

        {{-- Excel Export panel --}}
        @if(in_array($loan->status,['disbursed','settled']) && $loan->repaymentSchedules->count())
        <div class="card mt-3">
            <div class="card-header"><div class="card-header-title"><i class="fa-solid fa-file-excel me-2" style="color:#1d6f42;"></i>Excel Exports</div></div>
            <div class="card-body d-flex flex-column gap-2">
                <a href="{{ route('admin.loans.export.schedule',$loan) }}" class="btn btn-outline-navy w-100" style="font-size:.85rem;">
                    <i class="fa-solid fa-download me-1"></i> Repayment Schedule (Excel)
                </a>
                <a href="{{ route('export.salary.debit', ['month' => now()->format('Y-m')]) }}" class="btn btn-outline-navy w-100" style="font-size:.85rem;">
                    <i class="fa-solid fa-download me-1"></i> Monthly Salary Debit
                </a>
                <div style="font-size:.72rem;color:#aaa;text-align:center;">Includes USD & LRD columns for payroll</div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection