@extends('layouts.default')

@section('content')
    <div class="min-h-screen flex items-center justify-center bg-gray-100 p-4">
        <div class="bg-white p-8 rounded-xl shadow-lg max-w-md w-full text-center">
            @if($status === 'verified')
                <div class="text-green-500 mb-4">
                    <i class="fas fa-check-circle text-6xl"></i>
                    <h2 class="text-3xl font-bold mt-4">Ticket Verified!</h2>
                </div>
                <p class="text-gray-700 text-lg mb-6">{{ $message }}</p>
                <a href="{{ route('home') }}" class="bg-indigo-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-indigo-700 transition duration-200">Thank you</a>
                <br/>
                <p class="text-gray-700 text-lg mb-6">This ticket can only be used once and cannot be verified again.</p>
            @else
                <div class="text-red-500 mb-4">
                    <i class="fas fa-times-circle text-6xl"></i>
                    <h2 class="text-3xl font-bold mt-4">Ticket Unverified!</h2>
                </div>
                <p class="text-gray-700 text-lg mb-6">{{ $message }}</p>
                <a href="{{ route('tickets.create') }}" class="bg-indigo-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-indigo-700 transition duration-200">Go Back</a>
            @endif
        </div>
    </div>
@endsection