@extends('layouts.app')

@section('title', 'Request received')

@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">Request received</h1>
    <p class="mt-4 text-base text-gray-600">
        Thanks {{ $enquiry->name }}. {{ $studio?->name ?? 'The studio' }} will look at your idea and come back
        to you with a few times that work.
    </p>
    <p class="mt-6 text-sm text-gray-500">
        Keep this link — it's where your appointment times will appear.
    </p>
    <p class="mt-2 break-all rounded-md bg-gray-50 px-4 py-3 font-mono text-xs text-gray-700">
        {{ route('enquiry.offer', $enquiry->token) }}
    </p>
</div>
@endsection