@extends('layouts.site')

@section('title', 'Request Submitted Successfully')

@section('content')
<div class="container mx-auto px-4 py-8 max-w-2xl">
    <div class="bg-white rounded-lg shadow-md p-6 text-center">
        <div class="mb-6">
            <div class="mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4">
                <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>
            </div>
            <h1 class="text-2xl font-bold text-gray-800 mb-2">Request Submitted Successfully!</h1>
            <p class="text-gray-600">Your maintenance request has been received and will be processed soon.</p>
        </div>

        <div class="bg-gray-50 rounded-lg p-4 mb-6 text-left">
            <h3 class="font-semibold text-gray-800 mb-3">Request Details:</h3>
            <div class="space-y-2 text-sm">
                <div><strong>Request ID:</strong> #{{ $request->id }}</div>
                <div><strong>Title:</strong> {{ $request->title }}</div>
                <div><strong>Category:</strong> {{ \App\Models\MaintenanceRequest::getCategories()[$request->category] }}</div>
                <div><strong>Priority:</strong> {{ \App\Models\MaintenanceRequest::getPriorities()[$request->priority] }}</div>
                <div><strong>Status:</strong> 
                    <span class="inline-block px-2 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs">
                        {{ ucfirst($request->status) }}
                    </span>
                </div>
                <div><strong>Submitted:</strong> {{ $request->requested_at->format('M j, Y g:i A') }}</div>
            </div>
        </div>

        <div class="space-y-4">
            <div class="bg-blue-50 border-l-4 border-blue-400 p-4 text-left">
                <p class="text-sm text-blue-700">
                    <strong>What happens next?</strong><br>
                    • Our maintenance team will review your request<br>
                    • You'll be contacted if additional information is needed<br>
                    • A maintenance appointment will be scheduled<br>
                    • You'll receive updates on the request status
                </p>
            </div>

            <div class="flex gap-4 justify-center">
                <a 
                    href="{{ route('maintenance.show', ['maintenanceRequest' => $request->id, 'tenant_id' => $request->tenant->tenant_id]) }}" 
                    class="bg-blue-600 text-white py-2 px-6 rounded-md hover:bg-blue-700 transition duration-200"
                >
                    View Request
                </a>
                <a 
                    href="{{ route('maintenance.create') }}" 
                    class="bg-gray-300 text-gray-700 py-2 px-6 rounded-md hover:bg-gray-400 transition duration-200"
                >
                    Submit Another
                </a>
            </div>
        </div>
    </div>
</div>
@endsection