{{--
    Which services the clinic runs itself.

    Two answers, and both change what the product does rather than how it looks.
    Said plainly on the screen, because somebody setting this up is deciding how
    their clinic works, not ticking a preference.
--}}
<form method="POST" action="{{ route('settings.services.update') }}">
    @csrf
    @method('PUT')

    <div class="px-panel p-3 p-md-4">
        <h2 class="px-aside__title">{{ __('settings::messages.services.title') }}</h2>
        <p class="px-hint mt-0 mb-4">{{ __('settings::messages.services.intro') }}</p>

        @php
            $services = [
                [
                    'name' => 'own_laboratory',
                    'on' => $clinicServices->ownsLaboratory(),
                    'icon' => 'bi-clipboard2-data',
                    'label' => __('settings::messages.services.own_laboratory'),
                    'yes' => __('settings::messages.services.laboratory_yes'),
                    'no' => __('settings::messages.services.laboratory_no'),
                ],
                [
                    'name' => 'own_pharmacy',
                    'on' => $clinicServices->ownsPharmacy(),
                    'icon' => 'bi-capsule',
                    'label' => __('settings::messages.services.own_pharmacy'),
                    'yes' => __('settings::messages.services.pharmacy_yes'),
                    'no' => __('settings::messages.services.pharmacy_no'),
                ],
            ];
        @endphp

        @foreach ($services as $service)
            <div class="px-note {{ ! $loop->last ? 'mb-3' : '' }}">
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" role="switch"
                           id="{{ $service['name'] }}" name="{{ $service['name'] }}" value="1"
                           @checked($service['on']) @disabled(! $canUpdate)>

                    <label class="form-check-label" for="{{ $service['name'] }}">
                        <strong>
                            <i class="bi {{ $service['icon'] }} me-1" aria-hidden="true"></i>
                            {{ $service['label'] }}
                        </strong>
                    </label>
                </div>

                {{-- Both outcomes spelled out, not just the one being turned on.
                     The consequence of "no" is a different flow, not a missing
                     feature, and somebody choosing needs to see both. --}}
                <ul class="px-hint mt-2 mb-0 ps-3">
                    <li>{{ $service['yes'] }}</li>
                    <li>{{ $service['no'] }}</li>
                </ul>
            </div>
        @endforeach
    </div>

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