@extends('layouts.admin')

@section('title', 'Application — '.$application->name)

@section('content')
    <div class="grid max-w-5xl gap-6 lg:grid-cols-[1fr_20rem]">

        <div class="admin-card p-5 sm:p-6">
            <h2 class="text-lg">{{ $application->name }}</h2>
            <p class="mt-1 text-sm text-text-muted">
                Applied for <a href="{{ route('admin.jobs.edit', $application->job) }}" class="text-text-brand hover:underline">{{ $application->job?->title }}</a>
                on {{ $application->created_at->format('d M Y') }}
            </p>

            @if ($application->cover_letter)
                <div class="mt-6">
                    <h3 class="mb-2 text-sm font-semibold uppercase tracking-wider text-text-muted">Cover letter</h3>
                    <div class="whitespace-pre-line rounded-lg bg-surface-muted p-4 text-sm leading-relaxed text-text-secondary">{{ $application->cover_letter }}</div>
                </div>
            @endif

            <form action="{{ route('admin.applications.update', $application) }}" method="POST" class="mt-8 space-y-5 border-t border-border pt-6">
                @csrf @method('PATCH')

                <x-form.select name="status" label="Status" :options="$statuses" :value="$application->status"
                               required :placeholder="false" class="sm:w-56" />

                <x-form.textarea name="admin_note" label="Internal note" :value="$application->admin_note" rows="4" />

                <button type="submit" class="btn-primary">Save</button>
            </form>
        </div>

        <aside class="space-y-5">
            <div class="admin-card p-5">
                <h2 class="mb-4 text-base">Applicant details</h2>

                <dl class="space-y-3 text-sm">
                    @foreach ([
                        'Email' => $application->email,
                        'Phone' => $application->phone,
                        'Address' => $application->address,
                        'Current position' => $application->current_position,
                        'Experience' => $application->experience_years ? $application->experience_years.' years' : null,
                    ] as $label => $value)
                        @if (filled($value))
                            <div class="border-b border-border pb-3 last:border-0 last:pb-0">
                                <dt class="text-xs uppercase tracking-wide text-text-muted">{{ $label }}</dt>
                                <dd class="mt-0.5 break-words font-medium text-text">{{ $value }}</dd>
                            </div>
                        @endif
                    @endforeach
                </dl>

                <a href="{{ route('admin.applications.cv', $application) }}" class="btn-primary mt-5 w-full">
                    <x-icon name="download" class="size-4" /> Download CV
                </a>
                <a href="mailto:{{ $application->email }}" class="btn-outline mt-2 w-full">Email applicant</a>
            </div>

            @can('applications.delete')
                <form action="{{ route('admin.applications.destroy', $application) }}" method="POST"
                      onsubmit="return confirm('Delete this application and its CV?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn-ghost w-full text-error hover:bg-error/5">
                        <x-icon name="trash" class="size-4" /> Delete application
                    </button>
                </form>
            @endcan
        </aside>
    </div>
@endsection