@extends('layouts.admin')

@section('title', 'Update Application')
@section('page-title', 'Update Application Status')

@section('content')
<div class="mb-6">
    <a href="{{ route('admin.applications.show', $application) }}" class="text-blue-600 hover:text-blue-800">
        <i class="fas fa-arrow-left mr-2"></i>Back to Application Details
    </a>
</div>

<div class="max-w-3xl mx-auto">
    <div class="bg-white rounded-lg shadow-md p-6">
        <div class="mb-6">
            <h3 class="text-lg font-semibold text-gray-800">Application #{{ $application->id }}</h3>
            <p class="text-gray-600">{{ $application->full_name }} - {{ $application->preferred_destination }}</p>
        </div>

        <form action="{{ route('admin.applications.update', $application) }}" method="POST">
            @csrf
            @method('PUT')

            <!-- Status -->
            <div class="mb-6">
                <label for="status" class="block text-sm font-semibold text-gray-700 mb-2">
                    Status <span class="text-red-500">*</span>
                </label>
                <select name="status" id="status"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('status') border-red-500 @enderror"
                    required>
                    <option value="">Select Status</option>
                    <option value="pending" {{ old('status', $application->status) === 'pending' ? 'selected' : '' }}>
                        Pending
                    </option>
                    <option value="in_progress" {{ old('status', $application->status) === 'in_progress' ? 'selected' :
                        '' }}>
                        In Progress
                    </option>
                    <option value="approved" {{ old('status', $application->status) === 'approved' ? 'selected' : '' }}>
                        Approved
                    </option>
                    <option value="rejected" {{ old('status', $application->status) === 'rejected' ? 'selected' : '' }}>
                        Rejected
                    </option>
                    <option value="completed" {{ old('status', $application->status) === 'completed' ? 'selected' : ''
                        }}>
                        Completed
                    </option>
                </select>
                @error('status')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <!-- Admin Notes -->
            <div class="mb-6">
                <label for="admin_notes" class="block text-sm font-semibold text-gray-700 mb-2">
                    Admin Notes
                </label>
                <textarea name="admin_notes" id="admin_notes" rows="6"
                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent @error('admin_notes') border-red-500 @enderror"
                    placeholder="Add internal notes about this application...">{{ old('admin_notes', $application->admin_notes) }}</textarea>
                @error('admin_notes')
                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
                <p class="text-sm text-gray-500 mt-1">These notes are only visible to admin users.</p>
            </div>

            <!-- Buttons -->
            <div class="flex items-center justify-end space-x-4">
                <a href="{{ route('admin.applications.show', $application) }}"
                    class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">
                    Cancel
                </a>
                <button type="submit"
                    class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-semibold">
                    <i class="fas fa-save mr-2"></i>Update Application
                </button>
            </div>
        </form>
    </div>
</div>
@endsection