{{-- The test-send box goes in the aside: it is a one-field action beside a
     fifteen-field form, and px-layout's rail is exactly that shape. --}}
<div class="px-layout">
    <div class="min-w-0">
        <form method="POST" action="{{ route('settings.mail.update') }}">
            @csrf
            @method('PUT')

            <div class="px-panel p-3 p-md-4">
                <h2 class="h6 fw-semibold mb-2">{{ __('settings::messages.mail.heading') }}</h2>
                <p class="px-subtitle mb-4 pb-3 border-bottom"
                   style="border-color: var(--px-border) !important;">
                    {{ __('settings::messages.mail.intro') }}
                </p>

                @php($mailer = old('mail_mailer', $settings->get('mail.mailer') ?: 'smtp'))

                <div class="mb-3">
                    <label for="mail_mailer" class="px-field-label">{{ __('settings::messages.mail.mailer') }}</label>
                    <select id="mail_mailer" name="mail_mailer" @disabled(! $canUpdate)
                            class="form-select px-select @error('mail_mailer') is-invalid @enderror">
                        <option value="smtp" @selected($mailer === 'smtp')>{{ __('settings::messages.mail.mailer_smtp') }}</option>
                        <option value="log" @selected($mailer === 'log')>{{ __('settings::messages.mail.mailer_log') }}</option>
                    </select>
                    <span class="px-hint">{{ __('settings::messages.mail.mailer_log_help') }}</span>
                    @error('mail_mailer')<div class="d-block invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="row g-3">
                    <div class="col-12 col-sm-8 mb-3">
                        <label for="mail_host" class="px-field-label">{{ __('settings::messages.mail.host') }}</label>
                        <input type="text" id="mail_host" name="mail_host" @disabled(! $canUpdate)
                               value="{{ old('mail_host', $settings->get('mail.host')) }}"
                               class="form-control px-input @error('mail_host') is-invalid @enderror">
                        @error('mail_host')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12 col-sm-4 mb-3">
                        <label for="mail_port" class="px-field-label">{{ __('settings::messages.mail.port') }}</label>
                        <input type="number" id="mail_port" name="mail_port" min="1" max="65535" @disabled(! $canUpdate)
                               value="{{ old('mail_port', $settings->get('mail.port')) }}"
                               class="form-control px-input @error('mail_port') is-invalid @enderror">
                        @error('mail_port')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-12 col-sm-4 mb-3">
                        <label for="mail_encryption" class="px-field-label">{{ __('settings::messages.mail.encryption') }}</label>
                        @php($encryption = old('mail_encryption', $settings->get('mail.encryption') ?: 'tls'))
                        <select id="mail_encryption" name="mail_encryption" @disabled(! $canUpdate)
                                class="form-select px-select @error('mail_encryption') is-invalid @enderror">
                            <option value="tls" @selected($encryption === 'tls')>TLS</option>
                            <option value="ssl" @selected($encryption === 'ssl')>SSL</option>
                            <option value="none" @selected($encryption === 'none')>{{ __('settings::messages.mail.encryption_none') }}</option>
                        </select>
                        @error('mail_encryption')<div class="d-block invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12 col-sm-8 mb-3">
                        <label for="mail_username" class="px-field-label">{{ __('settings::messages.mail.username') }}</label>
                        <input type="text" id="mail_username" name="mail_username" autocomplete="off" @disabled(! $canUpdate)
                               value="{{ old('mail_username', $settings->get('mail.username')) }}"
                               class="form-control px-input @error('mail_username') is-invalid @enderror">
                        @error('mail_username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                {{-- The stored password is never sent to the browser. The field
                     shows whether one exists; leaving it blank keeps it. --}}
                <div class="mb-3">
                    <label for="mail_password" class="px-field-label">{{ __('settings::messages.mail.password') }}</label>
                    <input type="password" id="mail_password" name="mail_password" autocomplete="new-password" @disabled(! $canUpdate)
                           class="form-control px-input @error('mail_password') is-invalid @enderror">
                    <span class="px-hint">
                        {{ $mailPasswordSet
                            ? __('settings::messages.mail.password_set')
                            : __('settings::messages.mail.password_not_set') }}
                    </span>
                    @error('mail_password')<div class="d-block invalid-feedback">{{ $message }}</div>@enderror

                    @if ($mailPasswordSet && $canUpdate)
                        <div class="form-check mt-2">
                            <input type="checkbox" id="clear_password" name="clear_password" value="1" class="form-check-input">
                            <label for="clear_password" class="form-check-label small">
                                {{ __('settings::messages.mail.clear_password') }}
                            </label>
                        </div>
                    @endif
                </div>

                <div class="row g-3">
                    <div class="col-12 col-sm-6 mb-0">
                        <label for="mail_from_address" class="px-field-label">{{ __('settings::messages.mail.from_address') }}</label>
                        <input type="email" id="mail_from_address" name="mail_from_address" required @disabled(! $canUpdate)
                               value="{{ old('mail_from_address', $settings->get('mail.from_address')) }}"
                               class="form-control px-input @error('mail_from_address') is-invalid @enderror">
                        @error('mail_from_address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="col-12 col-sm-6 mb-0">
                        <label for="mail_from_name" class="px-field-label">{{ __('settings::messages.mail.from_name') }}</label>
                        <input type="text" id="mail_from_name" name="mail_from_name" required @disabled(! $canUpdate)
                               value="{{ old('mail_from_name', $settings->get('mail.from_name') ?: $settings->get('clinic.name')) }}"
                               class="form-control px-input @error('mail_from_name') is-invalid @enderror">
                        @error('mail_from_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>

            @if ($canUpdate)
                <div class="mt-4">
                    <button type="submit" class="btn px-btn-primary">{{ __('common.save') }}</button>
                </div>
            @endif
        </form>
    </div>

    @if ($canUpdate)
        <aside class="px-aside">
            {{-- Its own form: sending a test must not save half-typed settings,
                 and saving must not send mail to a patient by accident. --}}
            <div class="px-panel p-3 p-md-4">
                <h2 class="h6 fw-semibold mb-3">{{ __('settings::messages.mail.test') }}</h2>

                <form method="POST" action="{{ route('settings.mail.test') }}">
                    @csrf

                    <label for="test_recipient" class="px-field-label">{{ __('settings::messages.mail.test_to') }}</label>
                    <input type="email" id="test_recipient" name="test_recipient" required
                           value="{{ old('test_recipient', auth()->user()?->email) }}"
                           class="form-control px-input mb-2 @error('test_recipient') is-invalid @enderror">
                    @error('test_recipient')<div class="d-block invalid-feedback mb-2">{{ $message }}</div>@enderror

                    <button type="submit" class="btn px-btn-ghost w-100">
                        {{ __('settings::messages.mail.test_send') }}
                    </button>
                </form>
            </div>
        </aside>
    @endif
</div>