@extends('layouts.admin')

@section('page-title', 'Application Details')

@section('content')
<div class="mb-8">
    <nav class="flex items-center gap-2 text-sm text-gray-500 mb-4">
        <a href="{{ route('admin.dashboard') }}" class="hover:text-indigo-600 transition-colors">Dashboard</a>
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
        <a href="{{ route('admin.hrm.dashboard') }}" class="hover:text-indigo-600 transition-colors">HRM</a>
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
        <a href="{{ route('admin.hrm.recruitment.jobs.index') }}" class="hover:text-indigo-600 transition-colors">Recruitment</a>
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
        <a href="{{ route('admin.hrm.recruitment.jobs.applications.index', $application->job) }}" class="hover:text-indigo-600 transition-colors">{{ $application->job->title }}</a>
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
        <span class="text-gray-900 font-medium">Application Details</span>
    </nav>
    <h1 class="text-3xl font-bold text-gray-900 tracking-tight">Application Details</h1>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2">
        <div class="royal-card p-6">
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Applicant Information</h3>
            <div class="grid grid-cols-2 gap-6">
                <div>
                    <p class="text-sm text-gray-500">Name</p>
                    <p class="text-sm font-medium text-gray-900 mt-1">{{ $application->name }}</p>
                </div>
                <div>
                    <p class="text-sm text-gray-500">Email</p>
                    <p class="text-sm font-medium text-gray-900 mt-1">{{ $application->email }}</p>
                </div>
                <div>
                    <p class="text-sm text-gray-500">Phone</p>
                    <p class="text-sm font-medium text-gray-900 mt-1">{{ $application->phone }}</p>
                </div>
                <div>
                    <p class="text-sm text-gray-500">Applied Date</p>
                    <p class="text-sm font-medium text-gray-900 mt-1">{{ \Carbon\Carbon::parse($application->created_at)->format('M d, Y') }}</p>
                </div>
                @if($application->address)
                    <div class="col-span-2">
                        <p class="text-sm text-gray-500">Address</p>
                        <p class="text-sm font-medium text-gray-900 mt-1">{{ $application->address }}</p>
                    </div>
                @endif
            </div>
            @if($application->cover_letter)
                <div class="mt-6 pt-6 border-t">
                    <h4 class="text-sm font-semibold text-gray-900 mb-2">Cover Letter</h4>
                    <p class="text-sm text-gray-600">{{ $application->cover_letter }}</p>
                </div>
            @endif
            @if($application->resume_url)
                <div class="mt-6 pt-6 border-t">
                    <h4 class="text-sm font-semibold text-gray-900 mb-2">Resume</h4>
                    <a href="{{ $application->resume_url }}" target="_blank" class="inline-flex items-center gap-2 px-4 py-2 bg-indigo-50 text-indigo-600 rounded-lg hover:bg-indigo-100 text-sm font-medium transition-colors">
                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                        Download Resume
                    </a>
                </div>
            @endif
        </div>
    </div>
    <div>
        <div class="royal-card p-6">
            <h3 class="text-lg font-semibold text-gray-900 mb-4">Application Status</h3>
            <div class="space-y-4">
                <div>
                    <p class="text-sm text-gray-500">Current Status</p>
                    <span class="inline-flex items-center px-2.5 py-1 rounded-lg text-xs font-semibold mt-1
                        @if($application->status === 'pending') bg-yellow-100 text-yellow-800
                        @elseif($application->status === 'reviewed') bg-blue-100 text-blue-800
                        @elseif($application->status === 'accepted') bg-green-100 text-green-800
                        @else bg-red-100 text-red-800 @endif">
                        {{ ucfirst($application->status) }}
                    </span>
                </div>
                <div>
                    <p class="text-sm text-gray-500">Job Posting</p>
                    <p class="text-sm font-medium text-gray-900 mt-1">{{ $application->job->title }}</p>
                </div>
            </div>
            <div class="mt-6 pt-4 border-t space-y-3">
                <form method="POST" action="{{ route('admin.hrm.recruitment.applications.update', $application) }}">
                    @csrf
                    <input type="hidden" name="status" value="reviewed">
                    <button type="submit" class="w-full px-4 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm font-medium transition-colors">
                        Mark as Reviewed
                    </button>
                </form>
                <form method="POST" action="{{ route('admin.hrm.recruitment.applications.update', $application) }}">
                    @csrf
                    <input type="hidden" name="status" value="accepted">
                    <button type="submit" class="w-full px-4 py-2.5 bg-green-600 text-white rounded-lg hover:bg-green-700 text-sm font-medium transition-colors">
                        Accept Application
                    </button>
                </form>
                <form method="POST" action="{{ route('admin.hrm.recruitment.applications.update', $application) }}" onsubmit="return confirm('Are you sure you want to reject this application?')">
                    @csrf
                    <input type="hidden" name="status" value="rejected">
                    <button type="submit" class="w-full px-4 py-2.5 bg-red-600 text-white rounded-lg hover:bg-red-700 text-sm font-medium transition-colors">
                        Reject Application
                    </button>
                </form>
            </div>
            <div class="mt-4 pt-4 border-t">
                <a href="{{ route('admin.hrm.recruitment.jobs.applications.index', $application->job) }}" class="text-sm text-indigo-600 hover:text-indigo-700">← Back to Applications</a>
            </div>
        </div>
    </div>
</div>
@endsection