@extends('layouts.admin')

@section('title', 'Application #' . $application->id)
@section('page-title', 'Application Details')
@section('breadcrumb', 'Application #' . $application->id)

@section('content')
<div class="card mb-24">
    <div class="card-body p-24 d-flex flex-wrap align-items-center justify-content-between gap-3">
        <div>
            <h5 class="fw-semibold mb-8">{{ $application->my_name }}</h5>
            <p class="text-secondary-light mb-0">ජා.හැ. අංකය / NIC: {{ $application->my_nic }} · Submitted {{ $application->created_at->format('Y-m-d H:i') }}</p>
        </div>
        <div class="d-flex flex-wrap align-items-center gap-3">
            @include('admin.partials.status-badge', ['status' => $application->status])
            @php
                $from = request('from');
                $canReview = auth()->user()->hasFeature(\App\Support\DashboardFeatures::APPLICATIONS)
                    && $from !== 'recent';
                $backRoute = $from === 'recent' && auth()->user()->hasFeature(\App\Support\DashboardFeatures::APPLICATIONS_RECENT)
                    ? route('admin.applications.recent')
                    : (auth()->user()->hasFeature(\App\Support\DashboardFeatures::APPLICATIONS)
                        ? route('admin.applications.index')
                        : (auth()->user()->hasFeature(\App\Support\DashboardFeatures::APPLICATIONS_RECENT)
                            ? route('admin.applications.recent')
                            : route('admin.activity-log.index')));
            @endphp
            @if ($canReview)
                @if ($application->status !== 'approved')
                    <form method="POST" action="{{ route('admin.applications.approve', $application) }}" onsubmit="return confirm('Approve this application?')">
                        @csrf
                        <button type="submit" class="btn btn-success-600 radius-8 px-20 py-11">Approve</button>
                    </form>
                @endif
                @if ($application->status !== 'rejected')
                    <button type="button" class="btn btn-danger-600 radius-8 px-20 py-11" data-bs-toggle="modal" data-bs-target="#rejectModal">
                        Reject
                    </button>
                @endif
            @endif
            <a href="{{ $backRoute }}" class="btn btn-outline-secondary radius-8 px-20 py-11">← Back</a>
        </div>
    </div>
    @if ($application->reviewed_at)
        <div class="card-footer bg-neutral-50 px-24 py-12 text-sm text-secondary-light">
            Reviewed by <strong>{{ $application->reviewer?->name ?? '—' }}</strong> on {{ $application->reviewed_at->format('Y-m-d H:i') }}
        </div>
    @endif
</div>

@if ($canReview)
<div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content radius-12">
            <form method="POST" action="{{ route('admin.applications.reject', $application) }}">
                @csrf
                <div class="modal-header border-bottom">
                    <h5 class="modal-title fw-semibold" id="rejectModalLabel">Reject application</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-24">
                    <p class="text-secondary-light mb-16">Please enter a reason for rejecting this application.</p>
                    <label for="rejection_reason" class="form-label fw-semibold">Rejection reason <span class="text-danger-600">*</span></label>
                    <textarea
                        id="rejection_reason"
                        name="rejection_reason"
                        rows="4"
                        required
                        maxlength="1000"
                        class="form-control radius-8 @error('rejection_reason') is-invalid @enderror"
                        placeholder="Explain why this application is being rejected…"
                    >{{ old('rejection_reason') }}</textarea>
                    @error('rejection_reason')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
                <div class="modal-footer border-top">
                    <button type="button" class="btn btn-outline-secondary radius-8 px-20 py-11" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger-600 radius-8 px-20 py-11">Confirm Rejection</button>
                </div>
            </form>
        </div>
    </div>
</div>
@if ($errors->has('rejection_reason'))
@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        var el = document.getElementById('rejectModal');
        if (el && window.bootstrap) {
            bootstrap.Modal.getOrCreateInstance(el).show();
        }
    });
</script>
@endpush
@endif
@endif

@if ($application->rejection_reason)
    <div class="alert alert-danger bg-danger-100 text-danger-600 border-danger-100 px-24 py-11 mb-24 radius-8">
        <strong>Rejection reason:</strong> {{ $application->rejection_reason }}
    </div>
@endif

<div class="row gy-4">
    @foreach ([
        [
            'title' => 'මවගේ විස්තර — Applicant',
            'header' => 'bg-primary-50',
            'accent' => 'border-primary-200',
            'fields' => [
                'නම — Name' => $application->my_name,
                'ජා.හැ. අංකය — NIC' => $application->my_nic,
                'රැකියාව — Job' => $application->my_job,
                'දූරකථන අංකය — Phone' => $application->my_phone,
                'මාසික ආදායම — Income' => $application->my_income,
            ],
        ],
        [
            'title' => 'පියාගේ විස්තර — Father',
            'header' => 'bg-success-50',
            'accent' => 'border-success-200',
            'fields' => [
                'නම — Name' => $application->spouse_name,
                'ජා.හැ. අංකය — NIC' => $application->spouse_nic,
                'රැකියාව — Job' => $application->spouse_job,
                'දූරකථන අංකය — Phone' => $application->spouse_phone,
                'මාසික ආදායම — Income' => $application->spouse_income,
            ],
        ],
        [
            'title' => 'භාරකරුගේ විස්තර — Guardian',
            'header' => 'bg-warning-50',
            'accent' => 'border-warning-200',
            'fields' => [
                'නම — Name' => $application->guardian_name,
                'ජා.හැ. අංකය — NIC' => $application->guardian_nic,
                'රැකියාව — Job' => $application->guardian_job,
                'දූරකථන අංකය — Phone' => $application->guardian_phone,
                'මාසික ආදායම — Income' => $application->guardian_income,
            ],
        ],
        [
            'title' => 'ලිපිනය — Address',
            'header' => 'bg-info-50',
            'accent' => 'border-info-200',
            'fields' => [
                'අංකය — Number' => $application->addr_number,
                'වීදිය — Street' => $application->addr_street,
                'නගරය — City' => $application->addr_city,
                'කොට්ඨාසය — Division' => $application->addr_colombo,
                'පදිංචි කාල සීමාව — Residence' => ucfirst($application->residence_type),
            ],
        ],
        [
            'title' => 'සම්බන්ධතා — Contact',
            'header' => 'bg-info-50',
            'accent' => 'border-info-200',
            'fields' => [
                'දූරකථන අංකය — Phone' => $application->phone,
                'WhatsApp' => $application->whatsapp,
                'විද්‍යුත් ලිපිනය — Email' => $application->email,
            ],
        ],
    ] as $section)
        <div class="col-xxl-6">
            <div class="card h-100 {{ $section['accent'] }}">
                <div class="card-header border-bottom py-16 px-24 {{ $section['header'] }}">
                    <h6 class="text-lg fw-semibold mb-0">{{ $section['title'] }}</h6>
                </div>
                <div class="card-body p-0">
                    <ul class="list-group list-group-flush">
                        @foreach ($section['fields'] as $label => $value)
                            <li class="list-group-item d-flex justify-content-between px-24 py-12 gap-3">
                                <span class="text-secondary-light">{{ $label }}</span>
                                <span class="fw-medium text-end">{{ $value ?: '—' }}</span>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endforeach
</div>

<div class="card basic-data-table mt-24 border-lilac-200">
    <div class="card-header bg-lilac-50"><h6 class="text-lg fw-semibold mb-0">පාසල් යන දරුවන් — School Children</h6></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table bordered-table mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>උප්පැන්න සහතික අංකය — Birth cert. no.</th>
                        <th>ශිෂ්‍ය / ශිෂ්‍යාවගේ නම — Student name</th>
                        <th>පාසලේ නම — School</th>
                        <th>කොළඹ — Colombo</th>
                        <th>ශ්‍රේණිය — Grade</th>
                        <th>පෙර වර්ෂ — Previous Years</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($application->children as $child)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $child->birth_cert_no }}</td>
                            <td>{{ $child->student_name ?? '—' }}</td>
                            <td>{{ $child->school }}</td>
                            <td>{{ $child->colombo ?? '—' }}</td>
                            <td>{{ $child->grade ?? '—' }}</td>
                            <td>
                                @forelse ($child->amounts as $amount)
                                    <span class="badge bg-neutral-200 text-secondary-light me-1">{{ $amount->loanYear->year }}: {{ $amount->amount ?? '—' }}</span>
                                @empty — @endforelse
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row gy-4 mt-1">
    <div class="col-xxl-6">
        <div class="card h-100 border-cyan-200">
            <div class="card-header bg-cyan-50"><h6 class="text-lg fw-semibold mb-0">දැනට ලභාගන්නා සහනාධාර — Aid Requested</h6></div>
            <div class="card-body">
                @forelse ($application->aids as $aid)
                    <div class="d-flex align-items-center gap-2 mb-8">
                        <span class="w-8-px h-8-px bg-primary-600 rounded-circle"></span>
                        <span>{{ $aid->aidType?->label ?? ucfirst($aid->code) }}</span>
                    </div>
                @empty
                    <p class="text-secondary-light mb-0">No aid types selected.</p>
                @endforelse
                @if ($application->aid_estimate)
                    <p class="mt-12 mb-0"><strong>වෙනත් — Other:</strong> {{ $application->aid_estimate }}</p>
                @endif
            </div>
        </div>
    </div>
    <div class="col-xxl-6">
        <div class="card h-100 border-danger-200">
            <div class="card-header bg-danger-50"><h6 class="text-lg fw-semibold mb-0">වෘත්තීය පුහුණු අවශ්‍යතා — Trade Training</h6></div>
            <ul class="list-group list-group-flush">
                @foreach ([
                    'නම — Name' => $application->trade_name,
                    'වයස — Age' => $application->trade_age,
                    'අවශ්‍ය පුහුණුව — Training need' => $application->trade_need,
                    'අධ්‍යාපන සුදුසුකම් — Qualifications' => $application->trade_ref,
                ] as $label => $value)
                    <li class="list-group-item d-flex justify-content-between px-24 py-12 gap-3">
                        <span class="text-secondary-light">{{ $label }}</span>
                        <span class="fw-medium text-end">{{ $value ?: '—' }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>

<div class="card mt-24 border-success-200">
    <div class="card-header bg-success-50"><h6 class="text-lg fw-semibold mb-0">ප්‍රකාශනය — Declaration</h6></div>
    <ul class="list-group list-group-flush">
        <li class="list-group-item d-flex justify-content-between px-24 py-12 gap-3">
            <span class="text-secondary-light">දරුවන් ගණන — Number of children</span>
            <span class="fw-medium text-end">{{ $application->number_of_children ?? '—' }}</span>
        </li>
        <li class="list-group-item d-flex justify-content-between px-24 py-12 gap-3">
            <span class="text-secondary-light">ප්‍රකාශය — Declared</span>
            <span class="fw-medium text-end">{{ $application->declaration ? 'Yes' : 'No' }}</span>
        </li>
        <li class="list-group-item d-flex justify-content-between px-24 py-12 gap-3">
            <span class="text-secondary-light">දිනය — Declaration date</span>
            <span class="fw-medium text-end">{{ $application->declaration_date?->format('Y-m-d') ?? '—' }}</span>
        </li>
    </ul>
</div>

<div class="card mt-24 border-warning-200">
    <div class="card-header bg-warning-100"><h6 class="text-lg fw-semibold mb-0">අත්සන් — Signatures</h6></div>
    <div class="card-body">
        <div class="row g-4">
            @foreach ([
                'මව/පිය/භාරකරු අත්සන — Parent/Guardian' => $application->parent_signature,
                'සාක්ෂිකරු අත්සන — Witness' => $application->witness_signature,
                'නිල මුද්‍රාව — Official Seal' => $application->official_seal,
            ] as $label => $src)
                <div class="col-md-4">
                    <p class="fw-medium mb-8">{{ $label }}</p>
                    @if ($src)
                        <div class="d-flex align-items-center justify-content-center border radius-8 bg-white" style="height:120px;padding:8px">
                            <img src="{{ $src }}" alt="{{ $label }}" style="max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain">
                        </div>
                    @else
                        <p class="text-secondary-light">—</p>
                    @endif
                </div>
            @endforeach
        </div>
        @if ($application->description)
            <div class="mt-16">
                <p class="fw-medium mb-8">ඉල්ලුම්කරු විස්තර — Applicant description</p>
                <p class="text-secondary-light mb-0">{{ $application->description }}</p>
            </div>
        @endif
        @if ($application->recommend)
            <div class="mt-16">
                <p class="fw-medium mb-8">සහන නිලධාරී නිර්දේශ — Officer recommendation</p>
                <p class="text-secondary-light mb-0">{{ $application->recommendLabel() }}</p>
            </div>
        @endif
    </div>
</div>

@if (auth()->user()->hasFeature(\App\Support\DashboardFeatures::APPLICATIONS))
<div class="card mt-24 border-neutral-200">
    <div class="card-header bg-neutral-100"><h6 class="text-lg fw-semibold mb-0">කාර්යාල භාවිතය — Office Use</h6></div>
    <div class="card-body bg-neutral-50">
        <form method="POST" action="{{ route('admin.applications.office.update', $application) }}">
            @csrf
            @method('PATCH')
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">ෆෝරම් අංකය — Form number</label>
                    <input type="text" name="office_form_no" value="{{ old('office_form_no', $application->office_form_no) }}" class="form-control radius-8">
                </div>
                <div class="col-md-4">
                    <label class="form-label">ලැබුණු දිනය — Received date</label>
                    <input type="date" name="office_received" value="{{ old('office_received', $application->office_received?->format('Y-m-d')) }}" class="form-control radius-8">
                </div>
                <div class="col-md-4">
                    <label class="form-label">නිලධාරී නාමය — Officer name</label>
                    <input type="text" name="officer_name" value="{{ old('officer_name', $application->officer_name) }}" class="form-control radius-8">
                </div>
                <div class="col-12">
                    <label class="form-label">ඉල්ලුම්කරු විස්තර — Applicant description</label>
                    <textarea name="description" rows="3" class="form-control radius-8">{{ old('description', $application->description) }}</textarea>
                </div>
                <div class="col-12">
                    <label class="form-label">විශේෂ සටහන — Office notes</label>
                    <textarea name="office_notes" rows="3" class="form-control radius-8">{{ old('office_notes', $application->office_notes) }}</textarea>
                </div>
            </div>
            <button type="submit" class="btn btn-primary-600 radius-8 px-20 py-11 mt-16">Save office details</button>
        </form>
    </div>
</div>
@endif

<div class="card basic-data-table mt-24 border-info-200">
    <div class="card-header bg-info-50 d-flex justify-content-between align-items-center">
        <h6 class="text-lg fw-semibold mb-0">Activity Log</h6>
        @if (auth()->user()->hasFeature(\App\Support\DashboardFeatures::ACTIVITY_LOG))
        <a href="{{ route('admin.activity-log.index') }}" class="text-primary-600 text-sm">Full log →</a>
        @endif
    </div>
    <div class="card-body p-0">
        <ul class="list-group list-group-flush">
            @forelse ($application->logs as $log)
                <li class="list-group-item px-24 py-16">
                    <div class="d-flex justify-content-between gap-3 flex-wrap">
                        <div>
                            <span class="fw-semibold">{{ $log->actionLabel() }}</span>
                            @if ($log->description)<span class="text-secondary-light"> — {{ $log->description }}</span>@endif
                            <div class="text-sm text-secondary-light mt-4">By {{ $log->user?->name ?? 'Public / System' }}@if($log->ip_address) · {{ $log->ip_address }}@endif</div>
                        </div>
                        <time class="text-sm text-secondary-light">{{ $log->created_at->format('Y-m-d H:i:s') }}</time>
                    </div>
                </li>
            @empty
                <li class="list-group-item px-24 py-24 text-center text-secondary-light">No activity recorded.</li>
            @endforelse
        </ul>
    </div>
</div>
@endsection