@extends('layouts.app')

@section('title', 'Appointment booked')

@section('content')
<div class="mx-auto max-w-xl px-4 py-20 text-center sm:px-6">
    <div class="mx-auto flex size-12 items-center justify-center rounded-full bg-green-100">
        <svg class="size-6 text-green-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
        </svg>
    </div>

    <h1 class="mt-6 text-2xl font-semibold tracking-tight text-gray-900">You're booked in</h1>

    @if($enquiry->accepted_slot_at)
        <p class="mt-4 text-lg font-medium text-gray-900">
            {{ $enquiry->accepted_slot_at->format('l j F, g:i A') }}
        </p>
    @endif

    <p class="mt-4 text-base text-gray-600">
        {{ $studio?->name ?? 'The studio' }} will email you a link to sign your consent form and confirm
        the details before the session.
    </p>
</div>
@endsection