@extends('admin.layouts.app')

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

@section('content')
@php
    $statuses = [
        'new' => ['label' => 'New', 'class' => 'is-warn'],
        'reviewing' => ['label' => 'Reviewing', 'class' => 'is-info'],
        'interview' => ['label' => 'Interview', 'class' => 'is-info'],
        'offered' => ['label' => 'Offered', 'class' => 'is-live'],
        'hired' => ['label' => 'Hired', 'class' => 'is-success'],
        'rejected' => ['label' => 'Rejected', 'class' => 'is-danger'],
    ];
    $statusMeta = $statuses[$application->status] ?? ['label' => ucfirst($application->status), 'class' => 'is-draft'];
    $hasResume = filled($application->resume_path);
@endphp

<div class="home-editor">
    <div class="home-editor__hero">
        <div class="flex flex-wrap items-start justify-between gap-4">
            <div>
                <p class="home-editor__eyebrow">Careers · Application</p>
                <h1 class="home-editor__title">{{ $application->name }}</h1>
                <p class="home-editor__lead">
                    Applied for {{ $application->career?->title ?? 'an open role' }}
                    · {{ $application->created_at?->format('M j, Y \a\t g:i A') }}
                </p>
            </div>
            <span class="content-badge {{ $statusMeta['class'] }}" style="font-size:0.8rem;padding:0.4rem 0.75rem;">
                {{ $statusMeta['label'] }}
            </span>
        </div>
        <div class="home-editor__hero-actions">
            <a href="{{ route('admin.careers.applications.index') }}" class="home-btn home-btn--light">← Inbox</a>
            @if($application->career)
                <a href="{{ route('admin.careers.edit', $application->career) }}" class="home-btn home-btn--light">Edit role</a>
            @endif
            @if($hasResume)
                <a href="{{ route('admin.careers.applications.resume', $application) }}" class="home-btn home-btn--primary">Download resume</a>
            @endif
            <a href="mailto:{{ $application->email }}" class="home-btn home-btn--light">Email candidate</a>
        </div>
    </div>

    <div class="app-detail-grid">
        <div class="home-seo-card space-y-4">
            <div>
                <h3 class="text-sm font-semibold text-slate-900">Candidate profile</h3>
                <p class="text-xs text-slate-500">Contact details and application materials.</p>
            </div>

            <dl class="app-meta-list" style="grid-template-columns: repeat(2, minmax(0, 1fr));">
                <div>
                    <dt>Full name</dt>
                    <dd>{{ $application->name }}</dd>
                </div>
                <div>
                    <dt>Email</dt>
                    <dd><a href="mailto:{{ $application->email }}" class="content-link">{{ $application->email }}</a></dd>
                </div>
                <div>
                    <dt>Phone</dt>
                    <dd>
                        @if($application->phone)
                            <a href="tel:{{ preg_replace('/\s+/', '', $application->phone) }}" class="content-link">{{ $application->phone }}</a>
                        @else
                            —
                        @endif
                    </dd>
                </div>
                <div>
                    <dt>Position</dt>
                    <dd>{{ $application->career?->title ?? '—' }}</dd>
                </div>
                <div>
                    <dt>Resume</dt>
                    <dd>
                        @if($hasResume)
                            <a href="{{ route('admin.careers.applications.resume', $application) }}" class="content-link">Download file</a>
                        @else
                            Not uploaded
                        @endif
                    </dd>
                </div>
                <div>
                    <dt>Submitted</dt>
                    <dd>{{ $application->created_at?->format('M j, Y g:i A') }}</dd>
                </div>
            </dl>

            <div class="app-cover">
                <p class="app-cover__label">Cover letter</p>
                <p class="app-cover__body">{{ $application->cover_letter ?: 'No cover letter provided.' }}</p>
            </div>
        </div>

        <form action="{{ route('admin.careers.applications.update', $application) }}" method="POST" class="home-seo-card space-y-4">
            @csrf
            @method('PUT')

            <div>
                <h3 class="text-sm font-semibold text-slate-900">Pipeline</h3>
                <p class="text-xs text-slate-500">Update status and keep internal hiring notes.</p>
            </div>

            <div>
                <label class="home-label">Status</label>
                <select name="status" class="home-select" required>
                    @foreach ($statuses as $key => $meta)
                        <option value="{{ $key }}" @selected(old('status', $application->status) === $key)>{{ $meta['label'] }}</option>
                    @endforeach
                </select>
                @error('status')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>

            <div>
                <label class="home-label">Internal notes</label>
                <textarea name="notes" rows="8" class="home-textarea" placeholder="Interview feedback, next steps, interviewer comments…">{{ old('notes', $application->notes) }}</textarea>
                @error('notes')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>

            <div class="home-editor__footer" style="margin:0;padding-top:0.25rem;border:0;">
                <a href="{{ route('admin.careers.applications.index') }}" class="home-btn home-btn--ghost">Cancel</a>
                <button type="submit" class="home-btn home-btn--primary">Save application</button>
            </div>
        </form>
    </div>
</div>
@endsection