@extends('layouts.app')

@section('title', 'Edit Permohonan')

@section('content')
    <div class="page-heading">
        <div class="eyebrow">Admin</div>
        <div class="d-flex justify-content-between flex-column flex-lg-row gap-3">
            <div>
                <h1 class="h3 mb-1">Edit Permohonan</h1>
                <p class="text-secondary mb-0">{{ $application->name }} · {{ $application->public_uuid }}</p>
            </div>
        </div>
    </div>

    @include('admin.management._nav')

    <div class="row g-3">
        <div class="col-12 col-xl-7">
            <div class="content-panel p-3 p-md-4">
                <h2 class="h5 mb-3">Maklumat Pemohon</h2>
                <form method="POST" action="{{ route('admin.management.applications.update', $application->public_uuid) }}">
                    @csrf
                    @method('PATCH')
                    @include('admin.management.applications._form')
                    <div class="d-flex justify-content-end gap-2 mt-4">
                        <a class="btn btn-outline-secondary" href="{{ route('admin.management.applications.index') }}">Kembali</a>
                        <button class="btn btn-primary" type="submit"><i class="bi bi-save me-1"></i>Kemas Kini</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-12 col-xl-5">
            <div class="content-panel p-3 p-md-4">
                <h2 class="h5 mb-3">Direct Assignment</h2>
                <form method="POST" action="{{ route('admin.management.applications.assign', $application->public_uuid) }}">
                    @csrf
                    @include('admin.management.applications._assignment_form')
                    <div class="d-flex justify-content-end mt-4">
                        <button class="btn btn-primary" type="submit"><i class="bi bi-person-check me-1"></i>Assign</button>
                    </div>
                </form>
            </div>

            <div class="content-panel p-3 p-md-4 mt-3">
                <h2 class="h6 mb-3">Sejarah Status</h2>
                <div class="list-group list-group-flush">
                    @forelse ($application->statusHistories->sortByDesc('created_at') as $history)
                        <div class="list-group-item px-0">
                            <div class="fw-semibold">{{ $history->from_status ?: '-' }} → {{ $history->to_status }}</div>
                            <div class="text-secondary small">{{ $history->created_at?->format('d/m/Y H:i') }} · {{ $history->note ?: '-' }}</div>
                        </div>
                    @empty
                        <div class="text-secondary">Tiada sejarah.</div>
                    @endforelse
                </div>
            </div>

            <div class="content-panel p-3 p-md-4 mt-3">
                <h2 class="h6 mb-3">Dokumen</h2>
                @forelse ($application->documents as $document)
                    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                        <div>
                            <div class="fw-semibold">{{ str_replace('_', ' ', $document->document_type) }}</div>
                            <div class="small text-secondary">{{ $document->original_name }}</div>
                        </div>
                        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.documents.download', $document) }}">
                            <i class="bi bi-download me-1"></i>Muat turun
                        </a>
                    </div>
                @empty
                    <div class="text-secondary">Tiada dokumen dimuat naik.</div>
                @endforelse
            </div>
        </div>
    </div>
@endsection