{{--
    Enquiry and viewing request.

    One form, two intents: the radio at the top decides whether the date and time
    fields are asked for. A withdrawn listing shows the reason instead of a form
    rather than accepting an enquiry nobody can act on.
--}}
@if ($listing->isLive() && $listing->price_negotiable && auth()->check())
    {{-- Offered only where the seller said they would consider one, and only to
         somebody with an account: an offer from a stranger is not an offer. --}}
    <div class="mb-6 rounded-xl border border-border bg-surface p-5" x-data="{ open: false }">
        <h2 class="font-display text-base font-semibold text-text">{{ __('Make an offer') }}</h2>
        <p class="mt-1.5 text-sm text-text-secondary">{{ __('The seller is open to offers on this property.') }}</p>

        <button type="button" @click="open = !open" class="btn-outline btn-sm mt-4">
            <span x-show="!open">{{ __('Make an offer') }}</span>
            <span x-show="open" x-cloak>{{ __('Cancel') }}</span>
        </button>

        <form x-show="open" x-cloak action="{{ route('account.offers.store', $listing) }}" method="POST"
              class="mt-4 space-y-4">
            @csrf

            <div>
                <label for="offer-amount" class="form-label">{{ __('Your offer') }} ({{ $listing->currency }})</label>
                <input id="offer-amount" type="number" name="amount" step="1" min="1" required class="form-input"
                       placeholder="{{ $listing->price ? number_format($listing->price / 100) : '' }}">
            </div>

            <div>
                <label for="offer-conditions" class="form-label">{{ __('Conditions') }}</label>
                <textarea id="offer-conditions" name="conditions" rows="2" class="form-input"
                          placeholder="{{ __('Subject to survey, chain-free, completion date…') }}"></textarea>
            </div>

            <div>
                <label for="offer-message" class="form-label">{{ __('Message') }}</label>
                <textarea id="offer-message" name="message" rows="2" class="form-input"></textarea>
            </div>

            <button type="submit" class="btn btn-primary w-full">{{ __('Send offer') }}</button>
        </form>
    </div>
@endif

@if ($listing->isLive())
    <div id="enquire" class="panel scroll-mt-28" data-reveal>
        <h2 id="book" class="scroll-mt-28 font-display text-title font-bold text-text">
            {{ __('Enquire or book a visit') }}
        </h2>

        <p class="mt-2 text-sm text-text-secondary">
            {{ __('Quote reference :reference. We reply within one working day.', ['reference' => $listing->reference]) }}
        </p>

        @if ($errors->any())
            <x-alert type="error" class="mt-5" :title="__('Please correct the following')">
                <ul class="mt-1 list-inside list-disc space-y-0.5">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </x-alert>
        @endif

        <form action="{{ route('properties.enquire', $listing) }}" method="POST" class="mt-6 space-y-5"
              x-data="{ type: '{{ old('type', 'enquiry') }}', submitting: false }"
              @submit="submitting = true">
            @csrf
            @include('public.partials.honeypot')

            <fieldset>
                <legend class="form-label">{{ __('I would like to') }}</legend>

                <div class="grid gap-3 xs:grid-cols-2">
                    @foreach (['enquiry' => __('Ask a question'), 'viewing' => __('Book a viewing')] as $value => $label)
                        <label class="flex cursor-pointer items-center gap-2.5 rounded-lg border p-3 transition"
                               :class="type === '{{ $value }}' ? 'border-primary bg-primary/10' : 'border-border hover:border-text-muted'">
                            <input type="radio" name="type" value="{{ $value }}" x-model="type" class="accent-primary">
                            <span class="text-sm text-text">{{ $label }}</span>
                        </label>
                    @endforeach
                </div>
            </fieldset>

            <x-form.input name="name" :label="__('Your name')" required autocomplete="name"
                          :value="auth()->user()?->name" />

            <div class="grid gap-5 xs:grid-cols-2">
                <x-form.input name="email" type="email" :label="__('Email')" required autocomplete="email"
                              :value="auth()->user()?->email" />
                <x-form.input name="phone" type="tel" :label="__('Phone')" autocomplete="tel"
                              :value="auth()->user()?->phone" />
            </div>

            <div x-show="type === 'viewing'" x-cloak class="grid gap-5 sm:grid-cols-2">
                <div>
                    <label for="preferred_date" class="form-label">{{ __('Preferred date') }}</label>
                    <input id="preferred_date" type="date" name="preferred_date" class="form-input"
                           min="{{ now()->toDateString() }}" value="{{ old('preferred_date') }}">
                </div>

                <x-form.select name="preferred_time" :label="__('Preferred time')"
                               :options="['morning' => __('Morning'), 'afternoon' => __('Afternoon'), 'evening' => __('Evening')]"
                               :value="old('preferred_time')" :placeholder="__('Any time')" />
            </div>

            <x-form.textarea name="message" :label="__('Message')" rows="4" :value="old('message')"
                             :placeholder="__('Anything you would like to know?')" />

            <button type="submit" class="btn btn-primary w-full" :disabled="submitting">
                <span x-show="!submitting"
                      x-text="type === 'viewing' ? '{{ __('Request a viewing') }}' : '{{ __('Send enquiry') }}'"></span>
                <span x-show="submitting" x-cloak>{{ __('Sending…') }}</span>
            </button>
        </form>
    </div>
@else
    <x-alert type="info" :title="__('This property is no longer available')">
        {{ __('It is kept here for reference. Browse current listings for something similar.') }}
    </x-alert>
@endif