@extends('admin.layouts.app')
@section('title','Application #'.$application->id)
@section('page-title','Application #'.$application->id)
@section('content')
<div class="d-flex gap-2 mb-3 flex-wrap">
    <a href="{{ route('admin.applications.index') }}" class="btn btn-sm" style="border:1px solid #e2e8f0;color:#374151"><i class="bi bi-arrow-left me-1"></i>Back</a>
    <form method="POST" action="{{ route('admin.applications.status', $application->id) }}">
        @csrf
        <select name="status" class="form-select form-select-sm d-inline-block" style="width:auto" onchange="this.form.submit()">
            <option value="new" {{ $application->status=='new'?'selected':'' }}>New</option>
            <option value="reviewed" {{ $application->status=='reviewed'?'selected':'' }}>Reviewed</option>
            <option value="shortlisted" {{ $application->status=='shortlisted'?'selected':'' }}>Shortlisted</option>
            <option value="rejected" {{ $application->status=='rejected'?'selected':'' }}>Rejected</option>
        </select>
    </form>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        @if($application->message)
        <div class="card-admin p-4 mb-3">
            <div class="fw-700 mb-3" style="font-size:.95rem;color:#0f172a">Cover Note / Message</div>
            <div style="font-size:.88rem;color:#374151;line-height:1.7;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem">{{ $application->message }}</div>
        </div>
        @endif
        @if($application->cv_file)
        <div class="card-admin p-4">
            <div class="fw-700 mb-3" style="font-size:.88rem">CV / Resume</div>
            <a href="{{ asset('uploads/'.$application->cv_file) }}" target="_blank" class="btn btn-admin"><i class="bi bi-download me-1"></i>Download CV</a>
        </div>
        @endif
    </div>
    <div class="col-lg-4">
        <div class="card-admin p-4 mb-3">
            <div class="fw-700 mb-3" style="font-size:.88rem">Applicant Details</div>
            <div class="mb-2"><div style="font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px">Name</div><div class="fw-600">{{ $application->name }}</div></div>
            <div class="mb-2"><div style="font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px">Email</div><a href="mailto:{{ $application->email }}" style="color:#E5943C">{{ $application->email }}</a></div>
            @if($application->phone)<div class="mb-2"><div style="font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px">Phone</div><div>{{ $application->phone }}</div></div>@endif
            @if($application->position_applied)<div class="mb-2"><div style="font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px">Position</div><div>{{ $application->position_applied }}</div></div>@endif
            <div><div style="font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px">Applied</div><div>{{ $application->created_at->format('d M Y, H:i') }}</div></div>
        </div>
        <a href="mailto:{{ $application->email }}" class="btn btn-admin w-100"><i class="bi bi-envelope me-1"></i>Email Applicant</a>
    </div>
</div>
@endsection