@extends('layouts.admin.base')

@section('page.title', 'Demande de ' . $contactRequest->firstname)

@section('page.content')
    <div class="flex mb-4">
        <a href="{{ route('admin.contact-requests.list') }}" class="px-3 py-1 text-sm bg-gray-600 text-white rounded shadow">
            <i class="bi bi-arrow-left"></i> Retour
        </a>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <div class="md:col-span-2 grid gap-4 mb-auto">
            <div class="bg-slate-50 border rounded shadow-sm p-4">
                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-2 gap-4">
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'firstname',
                        'label' => 'Prénom',
                        'value' => $contactRequest->firstname,
                        'disabled' => true,
                    ])
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'lastname',
                        'label' => 'Nom de famille',
                        'value' => $contactRequest->lastname,
                        'disabled' => true,
                    ])
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'phone',
                        'label' => 'Numéro de téléphone',
                        'value' => $contactRequest->phone,
                        'disabled' => true,
                    ])
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'email',
                        'label' => 'Email',
                        'value' => $contactRequest->email,
                        'disabled' => true,
                    ])
                </div>
            </div>
        </div>
    </div>
@endsection