{{--
    Messaging's contribution to the settings screen.

    Rendered into the `settings.tab.messaging` slot. Settings knows nothing
    about WhatsApp — remove this module and the tab disappears with it.

    Credentials are write-only here. The composer never hands the view a token
    or an auth string, only whether one exists: a settings page is exactly the
    screen somebody is standing behind, and a secret rendered into a value
    attribute is one screenshot away from being somebody else's.
--}}
<h2 class="h6 mb-3">{{ __('messaging::messages.settings.heading') }}</h2>

<div class="alert alert-secondary small">
    {{ __('messaging::messages.settings.intro') }}
</div>

<div class="row g-3 mb-4">
    @foreach ($channelStatus as $channel => $state)
        <div class="col-12 col-md-6">
            <div class="px-note h-100">
                <div class="d-flex justify-content-between align-items-center gap-2">
                    <span class="fw-semibold">{{ __('messaging::messages.channels.'.$channel) }}</span>
                    <span class="px-pill {{ $state['live'] ? 'px-pill--green' : 'px-pill--grey' }}">
                        {{ $state['live']
                            ? __('messaging::messages.settings.live')
                            : __('messaging::messages.settings.log_only') }}
                    </span>
                </div>

                <div class="small text-muted mt-1">
                    {{ __('messaging::messages.settings.driver') }}: <code>{{ $state['driver'] }}</code>
                    · {{ trans_choice('messaging::messages.settings.active_templates', $state['templates'], ['count' => $state['templates']]) }}
                </div>
            </div>
        </div>
    @endforeach
</div>

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

    <div class="row g-3">
        <div class="col-12 col-md-4">
            <x-form.select name="messaging_preferred_channel"
                           :label="__('messaging::messages.settings.preferred_channel')"
                           :options="['whatsapp' => __('messaging::messages.channels.whatsapp'), 'sms' => __('messaging::messages.channels.sms')]"
                           :value="$preferredChannel" />
        </div>

        {{-- The driver is the control that decides whether anything reaches a
             real handset, so it sits with the rest of the behaviour rather than
             being buried beside the credentials it uses. --}}
        <div class="col-6 col-md-4">
            <x-form.select name="messaging_driver_sms"
                           :label="__('messaging::messages.settings.driver_sms')"
                           :options="['log' => __('messaging::messages.settings.log_only'), 'twilio' => 'Twilio']"
                           :value="$channelStatus['sms']['driver']" />
        </div>

        <div class="col-6 col-md-4">
            <x-form.select name="messaging_driver_whatsapp"
                           :label="__('messaging::messages.settings.driver_whatsapp')"
                           :options="['log' => __('messaging::messages.settings.log_only'), 'twilio' => 'Twilio', 'meta' => 'Meta']"
                           :value="$channelStatus['whatsapp']['driver']" />
        </div>

        <div class="col-6 col-md-4">
            <x-form.input name="messaging_quiet_from" type="time"
                          :label="__('messaging::messages.settings.quiet_from')"
                          :value="$quietFrom" />
        </div>

        <div class="col-6 col-md-4">
            <x-form.input name="messaging_quiet_to" type="time"
                          :label="__('messaging::messages.settings.quiet_to')"
                          :value="$quietTo"
                          :help="__('messaging::messages.settings.quiet_hint')" />
        </div>

        <div class="col-12 col-md-4">
            <x-form.input name="messaging_appointment_lead_days" type="number" min="0" max="14"
                          :label="__('messaging::messages.settings.lead_days')"
                          :value="$leadDays" />
        </div>

        <div class="col-12 col-md-8">
            <x-form.input name="messaging_lab_due_intervals"
                          :label="__('messaging::messages.settings.lab_intervals')"
                          :value="$labIntervals"
                          :help="__('messaging::messages.settings.lab_intervals_hint')" />
        </div>
    </div>

    <hr>

    <h3 class="h6">{{ __('messaging::messages.settings.twilio') }}</h3>
    <p class="small text-muted">{{ __('messaging::messages.settings.twilio_hint') }}</p>

    <div class="row g-3">
        <div class="col-12 col-md-6">
            <x-form.input name="messaging_twilio_account_sid"
                          :label="__('messaging::messages.settings.twilio_sid')"
                          :placeholder="$twilioConfigured ? __('messaging::messages.settings.unchanged') : ''" />
        </div>

        <div class="col-12 col-md-6">
            {{-- Never pre-filled, on any redraw. --}}
            <x-form.input name="messaging_twilio_auth_token" type="password" autocomplete="new-password"
                          :label="__('messaging::messages.settings.twilio_token')"
                          :placeholder="$twilioConfigured ? __('messaging::messages.settings.unchanged') : ''" />
        </div>

        <div class="col-12 col-md-6">
            <x-form.input name="messaging_twilio_from_sms" :label="__('messaging::messages.settings.from_sms')" />
        </div>

        <div class="col-12 col-md-6">
            <x-form.input name="messaging_twilio_from_whatsapp" :label="__('messaging::messages.settings.from_whatsapp')" />
        </div>
    </div>

    <hr>

    <h3 class="h6">{{ __('messaging::messages.settings.meta') }}</h3>
    <p class="small text-muted">{{ __('messaging::messages.settings.meta_hint') }}</p>

    <div class="row g-3">
        <div class="col-12 col-md-6">
            <x-form.input name="messaging_meta_phone_number_id"
                          :label="__('messaging::messages.settings.meta_phone_id')"
                          :placeholder="$metaConfigured ? __('messaging::messages.settings.unchanged') : ''" />
        </div>

        <div class="col-12 col-md-6">
            <x-form.input name="messaging_meta_access_token" type="password" autocomplete="new-password"
                          :label="__('messaging::messages.settings.meta_token')"
                          :placeholder="$metaConfigured ? __('messaging::messages.settings.unchanged') : ''" />
        </div>
    </div>

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