{{--
    Appointments' contribution to the settings screen.

    Rendered into the `settings.tab.online-booking` slot. Settings knows nothing
    about public booking — remove this module and the tab goes with it.

    The two snippets near the bottom are the point of the screen: an
    administrator copies one of them onto a website they own. Neither is
    editable, because both are derived from the application URL and from settings
    on this page, and a snippet somebody has hand-edited is a support call.
--}}
<h2 class="h6 mb-3">{{ __('appointments::messages.online.settings_heading') }}</h2>

<div class="alert alert-secondary small">{{ __('appointments::messages.online.settings_intro') }}</div>

<form method="POST" action="{{ route('appointments.online.update') }}">
    @csrf
    @method('PUT')

    <div class="form-check form-switch mb-4">
        <input class="form-check-input" type="checkbox" role="switch" name="enabled"
               id="online-enabled" value="1" @checked($booking->enabled())>
        <label class="form-check-label" for="online-enabled">
            <strong>{{ __('appointments::messages.online.enable') }}</strong>
            <span class="d-block small text-muted">{{ __('appointments::messages.online.enable_help') }}</span>
        </label>
    </div>

    {{-- ── Rules ──────────────────────────────────────────────────────── --}}
    <h3 class="h6 text-muted">{{ __('appointments::messages.online.rules') }}</h3>

    <div class="row">
        <div class="col-12 col-md-4">
            <x-form.input name="min_notice_hours" type="number" min="0" max="168"
                          :label="__('appointments::messages.online.min_notice')"
                          :value="$booking->minNoticeHours()"
                          :help="__('appointments::messages.online.min_notice_help')" />
        </div>

        <div class="col-12 col-md-4">
            <x-form.input name="max_advance_days" type="number" min="1" max="365"
                          :label="__('appointments::messages.online.max_advance')"
                          :value="$booking->maxAdvanceDays()"
                          :help="__('appointments::messages.online.max_advance_help')" />
        </div>

        <div class="col-12 col-md-4">
            <x-form.input name="terms_url" type="url" maxlength="255"
                          :label="__('appointments::messages.online.terms_url')"
                          :value="$booking->termsUrl()"
                          :help="__('appointments::messages.online.terms_url_help')" />
        </div>
    </div>

    <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="require_terms"
               id="online-terms" value="1" @checked($booking->requireTerms())>
        <label class="form-check-label" for="online-terms">
            {{ __('appointments::messages.online.require_terms') }}
        </label>
    </div>

    <x-form.textarea name="intro" rows="2" maxlength="500"
                     :label="__('appointments::messages.online.intro')"
                     :value="$booking->intro()"
                     :help="__('appointments::messages.online.intro_help')" />

    <hr>

    {{-- ── Appearance ─────────────────────────────────────────────────── --}}
    <h3 class="h6 text-muted">{{ __('appointments::messages.online.appearance') }}</h3>

    <div class="row">
        <div class="col-12 col-md-4">
            <x-form.select name="theme"
                           :label="__('appointments::messages.online.theme')"
                           :options="[
                               'auto' => __('appointments::messages.online.theme_auto'),
                               'light' => __('appointments::messages.online.theme_light'),
                               'dark' => __('appointments::messages.online.theme_dark'),
                           ]"
                           :selected="$booking->theme()" />
        </div>

        <div class="col-6 col-md-4">
            <x-form.input name="primary_colour" type="color"
                          :label="__('appointments::messages.online.colour')"
                          :value="$booking->primaryColour()" />
        </div>

        <div class="col-6 col-md-4">
            <x-form.input name="radius" type="number" min="0" max="32"
                          :label="__('appointments::messages.online.radius')"
                          :value="$booking->radius()" />
        </div>
    </div>

    <x-form.input name="frame_ancestors" maxlength="500"
                  :label="__('appointments::messages.online.frame_ancestors')"
                  :value="$frameAncestors"
                  :help="__('appointments::messages.online.frame_ancestors_help')" />

    <button type="submit" class="btn px-btn-primary">{{ __('common.save') }}</button>
</form>

<hr class="my-4">

{{-- ── What the administrator copies ──────────────────────────────────── --}}
<h3 class="h6 text-muted">{{ __('appointments::messages.online.publish') }}</h3>

@if (! $booking->enabled())
    <div class="alert alert-warning small">{{ __('appointments::messages.online.publish_disabled') }}</div>
@endif

<div class="mb-3">
    <label class="form-label" for="booking-url">{{ __('appointments::messages.online.page_url') }}</label>
    <input type="text" class="form-control font-monospace" id="booking-url"
           value="{{ $booking->pageUrl() }}" readonly data-clinic-select-on-focus>
    <div class="form-text">{{ __('appointments::messages.online.page_url_help') }}</div>
</div>

<div class="mb-3">
    <label class="form-label" for="booking-iframe">{{ __('appointments::messages.online.iframe') }}</label>
    <textarea class="form-control font-monospace small" id="booking-iframe" rows="3" readonly
              data-clinic-select-on-focus>{{ $booking->iframeEmbed() }}</textarea>
    <div class="form-text">{{ __('appointments::messages.online.iframe_help') }}</div>
</div>

<div class="mb-3">
    <label class="form-label" for="booking-script">{{ __('appointments::messages.online.script') }}</label>
    <textarea class="form-control font-monospace small" id="booking-script" rows="3" readonly
              data-clinic-select-on-focus>{{ $booking->scriptEmbed() }}</textarea>
    <div class="form-text">{{ __('appointments::messages.online.script_help') }}</div>
</div>

{{--
    Which clinicians this actually publishes. Without it the screen says booking
    is on while the public page shows an empty list, and the reason — nobody has
    the per-clinician switch turned on — lives on a different screen entirely.
--}}
<div class="alert {{ $publishedDoctors === 0 ? 'alert-warning' : 'alert-secondary' }} small mb-0">
    @if ($publishedDoctors === 0)
        {{ __('appointments::messages.online.no_doctors') }}
    @else
        {{ trans_choice('appointments::messages.online.doctor_count', $publishedDoctors, ['count' => $publishedDoctors]) }}
    @endif
</div>