@extends('layouts.app')

@section('title', __('messaging::messages.consent.title'))

@section('content')
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h1 class="px-title">{{ __('messaging::messages.consent.title') }}</h1>
            <p class="px-subtitle">{{ __('messaging::messages.consent.subtitle') }}</p>
        </div>
    </div>

    {{--
        The rule the whole screen exists to serve, said once at the top. A member
        of reception recording an opt-in is asserting that a conversation
        happened; they should be able to read what that means before they do it.
    --}}
    <div class="px-advice px-advice--info mb-4">
        <span class="fw-semibold">{{ __('messaging::messages.consent.rule_title') }}</span>
        <p class="small text-body-secondary mb-0 mt-1">{{ __('messaging::messages.consent.rule_text') }}</p>
    </div>

    @if (session('status'))
        <x-alert type="success" :message="session('status')" />
    @endif

    @can('messaging.consent')
        {{-- ── Record for a patient not on the list ───────────────────────── --}}
        <div class="px-panel p-3 p-md-4 mb-4">
            <h2 class="px-aside__title mb-1">{{ __('messaging::messages.consent.record_title') }}</h2>
            <p class="px-hint mt-0 mb-3">{{ __('messaging::messages.consent.record_hint') }}</p>

            {{--
                The same type-ahead the booking and lab-order screens use, against
                the Patients module's published directory. No patient id is ever
                typed, and this module never touches a Patient model to find one.
            --}}
            <div data-messaging-consent-picker
                 data-source="{{ route('patients.search') }}"
                 data-action="{{ route('messaging.consent.store', ['patient' => '__ULID__']) }}">

                <div class="row g-3 align-items-end">
                    <div class="col-12 col-md-5">
                        <label for="consent-patient" class="px-field-label">
                            {{ __('appointments::messages.appointments.patient') }}
                        </label>
                        <div class="px-search">
                            <i class="bi bi-search" aria-hidden="true"></i>
                            <input type="search" id="consent-patient" class="form-control px-input"
                                   autocomplete="off" data-consent-search
                                   placeholder="{{ __('messaging::messages.consent.search_patient') }}">
                        </div>
                        <ul class="list-unstyled mt-1 mb-0 d-none" data-consent-results></ul>
                    </div>

                    <div class="col-12 col-md-7">
                        {{-- Revealed once a patient is chosen: an opt-in button with
                             nobody attached to it is a control that can only go
                             wrong. --}}
                        <div class="d-none" data-consent-form>
                            <p class="mb-2">
                                <span class="px-hint">{{ __('messaging::messages.consent.recording_for') }}</span>
                                <strong data-consent-chosen></strong>
                            </p>

                            <div class="d-flex flex-wrap gap-2">
                                @foreach ($channels as $value => $label)
                                    @foreach (['opt_in', 'opt_out'] as $decision)
                                        <form method="POST" data-consent-action>
                                            @csrf
                                            <input type="hidden" name="channel" value="{{ $value }}">
                                            <input type="hidden" name="decision" value="{{ $decision }}">
                                            <button type="submit"
                                                    class="btn btn-sm {{ $decision === 'opt_in' ? 'px-btn-ghost' : 'px-btn-danger-ghost' }}">
                                                {{ __('messaging::messages.consent.'.$decision.'_channel', ['channel' => $label]) }}
                                            </button>
                                        </form>
                                    @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endcan

    {{-- ── Filters ────────────────────────────────────────────────────────── --}}
    <div class="px-panel p-3 p-md-4 mb-4">
        <form method="GET" action="{{ route('messaging.consent.index') }}" data-clinic-filter
              class="row g-3 align-items-end">
            <div class="col-12 col-md-5">
                <label for="search" class="px-field-label">{{ __('common.search') }}</label>
                <div class="px-search">
                    <i class="bi bi-search" aria-hidden="true"></i>
                    <input type="search" id="search" name="search" class="form-control px-input"
                           value="{{ $filters['search'] }}"
                           placeholder="{{ __('messaging::messages.consent.search_patient') }}">
                </div>
            </div>

            <div class="col-6 col-md-3">
                <label for="channel" class="px-field-label">{{ __('messaging::messages.consent.channel') }}</label>
                <select id="channel" name="channel" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    @foreach ($channels as $value => $label)
                        <option value="{{ $value }}" @selected($filters['channel'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-6 col-md-2">
                <label for="state" class="px-field-label">{{ __('common.status') }}</label>
                <select id="state" name="state" class="form-select px-select">
                    <option value="">{{ __('common.all') }}</option>
                    <option value="allowed" @selected($filters['state'] === 'allowed')>
                        {{ __('messaging::messages.consent.allowed') }}
                    </option>
                    <option value="withdrawn" @selected($filters['state'] === 'withdrawn')>
                        {{ __('messaging::messages.consent.withdrawn') }}
                    </option>
                </select>
            </div>

            <div class="col-12 col-md-2 d-flex gap-2">
                <a href="{{ route('messaging.consent.index') }}" class="btn px-btn-ghost flex-grow-1 text-center">
                    {{ __('common.reset') }}
                </a>
            </div>
        </form>
    </div>

    {{-- ── What is on record ──────────────────────────────────────────────── --}}
    <x-results>
        <div class="px-panel overflow-hidden">
            @if ($rows->isEmpty())
                <div class="px-empty">
                    <div class="px-empty__art" aria-hidden="true">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path d="M4 5h16v11H7l-3 3z" /><path d="M8 10h8M8 13h5" />
                        </svg>
                    </div>

                    <p class="px-empty__title">{{ __('messaging::messages.consent.empty_title') }}</p>
                    <p class="px-empty__text mb-0">{{ __('messaging::messages.consent.empty_text') }}</p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table px-table align-middle mb-0">
                        <thead>
                            <tr>
                                <th scope="col">{{ __('appointments::messages.appointments.patient') }}</th>
                                <th scope="col">{{ __('messaging::messages.consent.channel') }}</th>
                                <th scope="col">{{ __('common.status') }}</th>
                                <th scope="col">{{ __('messaging::messages.consent.recorded') }}</th>
                                <th scope="col" class="text-end">{{ __('common.actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($rows as $consent)
                                @php
                                    $patient = $patients[$consent->patient_id] ?? null;
                                    $allowed = $consent->isActive();
                                @endphp

                                <tr>
                                    <td>
                                        @if ($patient === null)
                                            <span class="text-body-secondary">
                                                {{ __('appointments::messages.appointments.unknown_patient') }}
                                            </span>
                                        @else
                                            <a href="{{ route('patients.show', $patient->ulid) }}"
                                               class="fw-semibold text-body text-decoration-none">{{ $patient->name }}</a>
                                            <span class="d-block small text-body-secondary font-monospace">{{ $patient->mrn }}</span>
                                        @endif
                                    </td>

                                    <td>{{ $consent->channel->label() }}</td>

                                    <td>
                                        <span class="px-pill {{ $allowed ? 'px-pill--green' : 'px-pill--red' }}">
                                            <span class="px-dot" aria-hidden="true"></span>
                                            {{ $allowed
                                                ? __('messaging::messages.consent.allowed')
                                                : __('messaging::messages.consent.withdrawn') }}
                                        </span>
                                    </td>

                                    <td class="small text-body-secondary">
                                        {{ $consent->recordedBy?->name ?? __('messaging::messages.consent.by_patient') }}
                                        @php($at = $allowed ? $consent->opted_in_at : $consent->opted_out_at)
                                        @if ($at)
                                            · {{ $at->format('d M Y') }}
                                        @endif
                                        @if ($consent->note)
                                            <span class="d-block fst-italic">{{ $consent->note }}</span>
                                        @endif
                                    </td>

                                    <td class="text-end">
                                        @can('messaging.consent')
                                            {{-- Only the opposite of what is on record: a button
                                                 that re-asserts the current state does nothing
                                                 and invites a click that means nothing. --}}
                                            @if ($patient !== null)
                                                <form method="POST"
                                                      action="{{ route('messaging.consent.store', ['patient' => $patient->ulid]) }}">
                                                    @csrf
                                                    <input type="hidden" name="channel" value="{{ $consent->channel->value }}">
                                                    <input type="hidden" name="decision"
                                                           value="{{ $allowed ? 'opt_out' : 'opt_in' }}">
                                                    <button type="submit"
                                                            class="btn btn-sm {{ $allowed ? 'px-btn-danger-ghost' : 'px-btn-ghost' }}">
                                                        {{ $allowed
                                                            ? __('messaging::messages.consent.record_opt_out')
                                                            : __('messaging::messages.consent.record_opt_in') }}
                                                    </button>
                                                </form>
                                            @endif
                                        @endcan
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>

        @if ($consents->hasPages())
            <div class="mt-3">{{ $consents->links() }}</div>
        @endif
    </x-results>
@endsection