@extends('layouts.app')

@section('content')
    <x-page-hero title="Book a Demo" subtitle="Tell us about your facility. Our team will contact you to arrange a demo." :breadcrumbs="[['label' => 'Book a Demo']]" />

    <section class="section">
        <div class="container-page max-w-3xl">
            @if ($errors->any())
                <div role="alert" class="mb-6 rounded-md border border-red-300 bg-red-50 p-4 text-sm text-red-800">
                    Please fix the highlighted fields and submit again.
                </div>
            @endif

            <form method="POST" action="{{ route('book-demo.submit') }}" class="grid gap-5 sm:grid-cols-2" novalidate>
                @csrf

                {{-- Honeypot: hidden from people, bots tend to fill it. --}}
                <div class="hidden" aria-hidden="true">
                    <label for="company_website">Leave this field empty</label>
                    <input type="text" id="company_website" name="company_website" tabindex="-1" autocomplete="off">
                </div>

                <x-field class="sm:col-span-2" name="facility_type" label="Facility type" type="radio-group" :options="config('site.forms.facility_types')" required />
                <x-field name="name" label="Name" required autocomplete="name" />
                <x-field name="designation" label="Designation" required />
                <x-field name="mobile" label="Mobile number" type="tel" required autocomplete="tel-national" placeholder="10-digit mobile number" hint="Indian mobile number starting with 6, 7, 8 or 9." />
                <x-field name="email" label="Work email" type="email" required autocomplete="email" />
                <x-field name="state" label="State" type="select" :options="config('site.forms.states')" />
                <x-field name="city" label="City" required />
                <x-field class="sm:col-span-2" name="facility_name" label="Facility name" required />
                <x-field name="business_type" label="Business type" type="select" :options="config('site.forms.business_types')" required />
                <x-field name="bed_capacity" label="Bed capacity" type="number" hint="Leave blank if not applicable." />
                <x-field class="sm:col-span-2" name="interested_module" label="Interested module" type="select" :options="config('site.forms.modules')" />
                <x-field class="sm:col-span-2" name="remarks" label="Remarks" type="textarea" />

                <x-recaptcha class="sm:col-span-2" />

                <div class="sm:col-span-2">
                    <button type="submit" class="btn-primary">Request a demo</button>
                    <p class="mt-3 text-xs text-slate-500">
                        By submitting you agree to our <a href="{{ route('privacy-policy') }}" class="underline">Privacy Policy</a>.
                    </p>
                </div>
            </form>
        </div>
    </section>
@endsection