@extends('layouts.app')

@section('title', __('cdss::messages.rules.title'))

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

    {{--
        The state of the whole assistant in one sentence. A clinic running with
        no rules active is running without decision support at all — a
        legitimate choice, but not one anybody should make by accident.
    --}}
    <div class="px-advice px-advice--{{ $activeCount === 0 ? 'caution' : 'info' }} mb-4">
        <span class="fw-semibold">
            {{ trans_choice('cdss::messages.rules.active_count', $activeCount, ['active' => $activeCount, 'total' => $totalCount]) }}
        </span>
        <p class="small text-body-secondary mb-0 mt-1">{{ __('cdss::messages.rules.adoption_note') }}</p>
    </div>

    <div class="px-panel p-3 p-md-4 mb-4">
        <form method="GET" action="{{ route('cdss.rules.index') }}" data-clinic-filter class="row g-3 align-items-end">
            <div class="col-12 col-md-6 col-xl-4">
                <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="{{ __('cdss::messages.rules.search_placeholder') }}">
                </div>
            </div>

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

            <div class="col-6 col-md-3 col-xl-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="active" @selected($filters['state'] === 'active')>{{ __('common.active') }}</option>
                    <option value="inactive" @selected($filters['state'] === 'inactive')>{{ __('common.inactive') }}</option>
                </select>
            </div>
        </form>
    </div>

    <x-results>
        <div class="px-panel overflow-hidden">
            @if ($rules->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="M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2Z" />
                        </svg>
                    </div>

                    <p class="px-empty__title">{{ __('cdss::messages.rules.empty_title') }}</p>
                    <p class="px-empty__text">{{ __('cdss::messages.rules.empty_text') }}</p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table px-table px-table--cards align-middle">
                        <thead>
                            <tr>
                                <th scope="col">{{ __('cdss::messages.rules.rule') }}</th>
                                <th scope="col">{{ __('cdss::messages.rules.fires_when') }}</th>
                                <th scope="col">{{ __('cdss::messages.rules.source') }}</th>
                                <th scope="col">{{ __('common.status') }}</th>
                                <th scope="col" class="text-end">{{ __('common.actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($rules as $rule)
                                <tr>
                                    <td data-label="{{ __('cdss::messages.rules.rule') }}">
                                        <span class="fw-semibold d-block">{{ $rule->title }}</span>
                                        <span class="px-pill px-pill--violet">
                                            <i class="{{ $rule->kind->icon() }}" aria-hidden="true"></i>
                                            {{ $rule->kind->label() }}
                                        </span>
                                        <span class="px-pill {{ $rule->severity->pill() }}">{{ $rule->severity->label() }}</span>

                                        @if ($rule->rationale)
                                            <span class="px-hint">{{ $rule->rationale }}</span>
                                        @endif
                                    </td>

                                    <td data-label="{{ __('cdss::messages.rules.fires_when') }}">
                                        {{-- Rendered from the stored conditions rather than a
                                             description somebody typed, so what is shown is
                                             always what the engine will actually do. --}}
                                        <ul class="small mb-0 ps-3">
                                            @foreach ($rule->parsedConditions() as $condition)
                                                <li>{{ $condition->describe() }}</li>
                                            @endforeach
                                        </ul>

                                        @if ($rule->hasUnreadableConditions())
                                            <span class="px-pill px-pill--red mt-1">
                                                {{ __('cdss::messages.rules.unreadable') }}
                                            </span>
                                            <span class="px-hint">{{ __('cdss::messages.rules.unreadable_note') }}</span>
                                        @endif
                                    </td>

                                    <td data-label="{{ __('cdss::messages.rules.source') }}">
                                        @if ($rule->isSourced())
                                            <span class="small">{{ $rule->source }}</span>
                                            @if ($rule->reviewed_on)
                                                <span class="px-hint">
                                                    {{ __('cdss::messages.rules.reviewed', ['date' => $rule->reviewed_on->format('M Y')]) }}
                                                </span>
                                            @endif
                                        @else
                                            {{-- Shown, not hidden. An unsourced rule may be
                                                 perfectly good local protocol; the reviewer
                                                 should be the one deciding that. --}}
                                            <span class="px-pill px-pill--amber">{{ __('cdss::messages.rules.unsourced') }}</span>
                                        @endif
                                    </td>

                                    <td data-label="{{ __('common.status') }}">
                                        <span class="px-pill {{ $rule->is_active ? 'px-pill--green' : 'px-pill--grey' }}">
                                            <span class="px-dot" aria-hidden="true"></span>
                                            {{ $rule->is_active ? __('common.active') : __('common.inactive') }}
                                        </span>

                                        @if ($rule->is_active && $rule->activatedBy)
                                            <span class="px-hint">
                                                {{ __('cdss::messages.rules.activated_by', [
                                                    'name' => $rule->activatedBy->name,
                                                    'date' => $rule->activated_at?->format('d M Y') ?? '—',
                                                ]) }}
                                            </span>
                                        @endif
                                    </td>

                                    <td data-label="{{ __('common.actions') }}" class="text-end">
                                        <form method="POST" action="{{ route('cdss.rules.toggle', $rule) }}">
                                            @csrf
                                            <button type="submit"
                                                    class="btn btn-sm {{ $rule->is_active ? 'px-btn-ghost' : 'px-btn-primary' }} text-nowrap">
                                                {{ $rule->is_active
                                                    ? __('cdss::messages.rules.switch_off')
                                                    : __('cdss::messages.rules.switch_on') }}
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if ($rules->hasPages())
                    <div class="px-pagination d-flex justify-content-center justify-content-md-end px-3 px-md-4 py-3 border-top"
                         style="border-color: var(--px-border) !important;">
                        {{ $rules->links() }}
                    </div>
                @endif
            @endif
        </div>
    </x-results>
@endsection