@extends('layouts.app')
@section('title','Loan Details')
@section('page-title','Loan Details')

@section('content')
<div class="d-flex align-items-center gap-3 mb-4">
    <a href="{{ route('member.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">{{ $loan->currency }} · Applied {{ $loan->created_at->format('F j, Y') }}</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-5">
        {{-- Summary --}}
        <div class="card mb-3">
            <div class="card-header"><div class="card-header-title">Loan Summary</div></div>
            <div class="card-body">
                @foreach([
                    ['Principal (USD)',    '$'.number_format($loan->amountInUsd(),2)],
                    ['Principal (LRD)',    'L$'.number_format($loan->amountInLrd(),2)],
                    ['Interest Rate',      $loan->interest_rate.'% p.a.'],
                    ['Term',               $loan->term_months.' months'],
                    ['Monthly (USD)',       '$'.number_format($loan->monthly_installment,2)],
                    ['Monthly (LRD)',       'L$'.number_format($loan->monthly_installment_lrd,2)],
                    ['Exchange Rate',      'L$'.number_format($loan->getEffectiveRate(),2).'=US$1'],
                    ['Amount Paid (USD)',   '$'.number_format($loan->amount_paid,2)],
                    ['Outstanding (USD)',   '$'.number_format($loan->outstanding_balance,2)],
                    ['Outstanding (LRD)',   'L$'.number_format($loan->outstanding_balance_lrd,2)],
                    ['Disbursed',          $loan->disbursed_at?->format('M d, Y') ?? 'Pending'],
                    ['Final Due Date',     $loan->due_date?->format('M d, Y') ?? '—'],
                ] as [$label,$value])
                <div class="d-flex justify-content-between py-2" style="border-bottom:1px solid var(--border);font-size:.875rem;">
                    <span style="color:#6b7a8d;">{{ $label }}</span>
                    <strong style="max-width:180px;text-align:right;">{{ $value }}</strong>
                </div>
                @endforeach

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

                @if(in_array($loan->status,['approved','disbursed']))
                @php $pct = $loan->amountInUsd() > 0 ? min(100,((float)$loan->amount_paid/$loan->amountInUsd())*100) : 0; @endphp
                <div class="mt-3">
                    <div class="d-flex justify-content-between mb-1">
                        <span style="font-size:.78rem;color:#6b7a8d;">Repayment Progress</span>
                        <span style="font-size:.78rem;font-weight:600;">{{ round($pct) }}%</span>
                    </div>
                    <div class="progress" style="height:8px;"><div class="progress-bar" style="width:{{ $pct }}%;"></div></div>
                </div>
                @endif
            </div>
        </div>

        @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-column 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-7">
        @if($loan->repaymentSchedules->count())
        <div class="card">
            <div class="card-header">
                <div class="card-header-title">Repayment Schedule</div>
                <a href="{{ route('admin.loans.export.schedule', $loan) }}" class="btn btn-sm btn-outline-navy" style="font-size:.78rem;">
                    <i class="fa-solid fa-file-excel me-1" style="color:#1d6f42;"></i> Export Excel
                </a>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>#</th><th>Due Date</th>
                            <th>Inst. (USD)</th><th>Inst. (LRD)</th>
                            <th>Principal</th><th>Interest</th>
                            <th>Balance</th><th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($loan->repaymentSchedules->sortBy('due_date') 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:500;':'' }}">
                                {{ $s->due_date->format('d M Y') }}
                            </td>
                            <td><span class="amount" style="font-size:.82rem;">${{ number_format($s->amount,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="color:#2e7d52;font-size:.8rem;">${{ number_format($s->principal_component,2) }}</span></td>
                            <td><span class="amount" style="color:#d4820a;font-size:.8rem;">${{ number_format($s->interest_component,2) }}</span></td>
                            <td><span class="amount" style="font-size:.8rem;">${{ number_format($s->running_balance,2) }}</span></td>
                            <td>
                                <span class="badge-status {{ $s->status==='paid'?'active':($s->due_date->isPast()?'rejected':'pending') }}">
                                    {{ ucfirst($s->status) }}
                                </span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @else
        <div class="card">
            <div class="card-body text-center py-5" style="color:#aaa;">
                <i class="fa-solid fa-calendar-xmark" style="font-size:2rem;display:block;margin-bottom:10px;"></i>
                Repayment schedule will be generated once the loan is disbursed.
            </div>
        </div>
        @endif
    </div>
</div>
@endsection