@php
    $statusOptions = \App\Support\Lookup::options('analyzer_status');
    $connectionOptions = \App\Support\Lookup::options('analyzer_connection');
    $departmentOptions = \App\Support\Lookup::options('lab_department');
@endphp

<x-app-layout title="Analyzer bridge">
    <x-page-header
        title="Analyzer bridge"
        subtitle="The machines on the bench, the wire they speak, and the traffic they have carried"
        icon="scan"
        :back="route('lab-orders.index')"
        backLabel="Laboratory">
        <x-slot:meta>
            <span class="inline-flex items-center gap-1 text-xs font-medium text-slate-500">
                <x-icon name="activity" size="xs" />
                {{ $stats['messagesToday'] }} message(s) on the wire today
            </span>
        </x-slot:meta>
    </x-page-header>

    <x-flash />

    {{-- ------------------------------------------------------------ stats --}}
    <div class="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
        <div class="rounded-xl border border-slate-200 bg-white p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-400">Registered</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['total'] }}</p>
            <p class="mt-0.5 text-xs text-slate-500">Machines the lab owns</p>
        </div>
        <div class="rounded-xl border border-emerald-200 bg-emerald-50 p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-emerald-600">On the bench</p>
            <p class="mt-1 text-2xl font-bold text-emerald-700">{{ $stats['active'] }}</p>
            <p class="mt-0.5 text-xs text-emerald-600">Talking to the LIS right now</p>
        </div>
        <div class="rounded-xl border {{ $stats['maintenance'] > 0 ? 'border-amber-200 bg-amber-50' : 'border-slate-200 bg-white' }} p-4">
            <p class="text-xs font-medium uppercase tracking-wide {{ $stats['maintenance'] > 0 ? 'text-amber-600' : 'text-slate-400' }}">In maintenance</p>
            <p class="mt-1 text-2xl font-bold {{ $stats['maintenance'] > 0 ? 'text-amber-700' : 'text-slate-900' }}">{{ $stats['maintenance'] }}</p>
            <p class="mt-0.5 text-xs {{ $stats['maintenance'] > 0 ? 'text-amber-600' : 'text-slate-500' }}">The bridge refuses these</p>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-4">
            <p class="text-xs font-medium uppercase tracking-wide text-slate-400">Wire today</p>
            <p class="mt-1 text-2xl font-bold text-slate-900">{{ $stats['messagesToday'] }}</p>
            <p class="mt-0.5 text-xs text-slate-500">Outbound worklists + inbound batches</p>
        </div>
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            {{-- ------------------------------------------------- registry --}}
            <x-card title="The registry" icon="grid" :padded="false">
                <x-slot:header>
                    {{ $analyzers->total() }} machine(s)
                </x-slot:header>

                <form method="GET" action="{{ route('analyzers.index') }}"
                      class="flex flex-wrap items-end gap-3 border-b border-slate-100 px-5 py-4">
                    <div class="min-w-[160px] flex-1">
                        <label class="block text-xs font-medium text-slate-500">Search</label>
                        <input type="text" name="q" value="{{ $request->string('q') }}" placeholder="Name, code or manufacturer"
                               class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                    </div>
                    <div class="min-w-[140px]">
                        <label class="block text-xs font-medium text-slate-500">Status</label>
                        <select name="status" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                            <option value="">Any status</option>
                            @foreach ($statusOptions as $value => $label)
                                <option value="{{ $value }}" @selected($request->string('status') === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="min-w-[140px]">
                        <label class="block text-xs font-medium text-slate-500">Connection</label>
                        <select name="connection" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                            <option value="">Any connection</option>
                            @foreach ($connectionOptions as $value => $label)
                                <option value="{{ $value }}" @selected($request->string('connection') === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="hms-btn-secondary hms-btn-sm">
                        <x-icon name="filter" size="xs" /> Apply
                    </button>
                    <a href="{{ route('analyzers.index') }}" class="hms-link text-xs">Reset</a>
                </form>

                <div class="overflow-x-auto">
                    <table class="hms-table">
                        <thead>
                            <tr>
                                <th>Machine</th>
                                <th>Department</th>
                                <th>Connection</th>
                                <th class="text-right">Maps · msgs · QC</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($analyzers as $analyzer)
                                <tr>
                                    <td>
                                        <span class="font-mono text-xs text-slate-400">{{ $analyzer->code }}</span>
                                        <span class="block font-medium text-slate-900">{{ $analyzer->name }}</span>
                                        <span class="block text-xs text-slate-500">
                                            {{ collect([$analyzer->manufacturer, $analyzer->model])->filter()->implode(' · ') ?: '—' }}
                                            @if ($analyzer->software_version)
                                                &middot; v{{ $analyzer->software_version }}
                                            @endif
                                        </span>
                                    </td>
                                    <td class="text-xs text-slate-600">
                                        {{ $analyzer->department_label }}
                                        @if ($analyzer->section)
                                            <span class="block text-slate-400">{{ $analyzer->section }}</span>
                                        @endif
                                    </td>
                                    <td class="text-xs text-slate-600">
                                        {{ $analyzer->connection_label }}
                                        @if ($analyzer->connection_type === 'tcp_ip' && $analyzer->host)
                                            <span class="block font-mono text-slate-400">{{ $analyzer->host }}:{{ $analyzer->port }}</span>
                                        @endif
                                        @if ($analyzer->is_bidirectional)
                                            <span class="mt-0.5 inline-flex items-center gap-1 rounded-md bg-emerald-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-emerald-700">
                                                two-way
                                            </span>
                                        @endif
                                    </td>
                                    <td class="text-right text-xs font-mono text-slate-600">
                                        {{ $analyzer->test_maps_count }} · {{ $analyzer->messages_count }} · {{ $analyzer->qc_records_count }}
                                    </td>
                                    <td>
                                        <x-status-badge field="analyzer_status" :value="$analyzer->status" size="sm" dot />
                                    </td>
                                    <td class="text-right">
                                        <div class="flex items-center justify-end gap-1">
                                            <a href="{{ route('analyzers.messages', $analyzer) }}" class="hms-btn-ghost hms-btn-sm"
                                               title="Read the raw wire traffic">
                                                <x-icon name="chat" size="xs" />
                                            </a>

                                            <button type="button" class="hms-btn-ghost hms-btn-sm"
                                                    x-on:click="$dispatch('open-modal', 'analyzer-edit-{{ $analyzer->id }}')"
                                                    title="Edit the machine's details">
                                                <x-icon name="edit" size="xs" />
                                            </button>

                                            @if ($analyzer->status !== 'retired')
                                                <form method="POST" action="{{ route('analyzers.status', $analyzer) }}"
                                                      onsubmit="return confirm('Set {{ $analyzer->code }} to {{ $statusOptions[$analyzer->status === 'active' ? 'maintenance' : 'active'] }}?');">
                                                    @csrf
                                                    @method('PATCH')
                                                    <input type="hidden" name="status" value="{{ $analyzer->status === 'active' ? 'maintenance' : 'active' }}">
                                                    <button type="submit" class="hms-btn-ghost hms-btn-sm"
                                                            title="{{ $analyzer->status === 'active' ? 'Take off the bench for maintenance' : 'Put back on the bench' }}">
                                                        <x-icon name="{{ $analyzer->status === 'active' ? 'warning' : 'refresh' }}" size="xs" />
                                                    </button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="py-10 text-center text-sm text-slate-400">
                                        No analyzer registered yet — add the first machine on the right.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if ($analyzers->hasPages())
                    <div class="border-t border-slate-100 px-5 py-3">
                        {{ $analyzers->links() }}
                    </div>
                @endif
            </x-card>
        </div>

        {{-- ------------------------------------------------------ register --}}
        <div class="space-y-6">
            <x-card title="Register a machine" icon="plus">
                <form method="POST" action="{{ route('analyzers.store') }}" class="space-y-3">
                    @csrf
                    <div class="grid grid-cols-2 gap-3">
                        <x-form.input name="code" label="Code" value="{{ old('code') }}" required maxlength="30"
                                      :hint="'Short bench code, e.g. CHEM-01.'" />
                        <x-form.select name="department" label="Department" :options="$departmentOptions" required />
                    </div>
                    <x-form.input name="name" label="Name" value="{{ old('name') }}" required />
                    <div class="grid grid-cols-2 gap-3">
                        <x-form.input name="manufacturer" label="Manufacturer" value="{{ old('manufacturer') }}" />
                        <x-form.input name="model" label="Model" value="{{ old('model') }}" />
                    </div>
                    <div class="grid grid-cols-2 gap-3">
                        <x-form.input name="serial_number" label="Serial number" value="{{ old('serial_number') }}" />
                        <x-form.input name="section" label="Section" value="{{ old('section') }}" />
                    </div>
                    <x-form.select name="connection_type" label="Connection" :options="$connectionOptions" required />
                    <div class="grid grid-cols-2 gap-3">
                        <x-form.input name="host" label="Host / IP" value="{{ old('host') }}" :hint="'For TCP/IP links.'" />
                        <x-form.input name="port" label="Port" type="number" value="{{ old('port') }}" />
                    </div>
                    <x-form.input name="software_version" label="Software version" value="{{ old('software_version') }}" />
                    <x-form.input name="installed_on" label="Installed on" type="date" value="{{ old('installed_on') }}" />
                    <x-form.checkbox name="is_bidirectional" label="Speaks both ways (sends worklists, returns results)" />
                    <x-form.textarea name="notes" label="Notes" rows="2" />

                    <button type="submit" class="hms-btn-primary w-full">
                        <x-icon name="plus" size="sm" /> Register the machine
                    </button>
                </form>
            </x-card>

            <x-card title="How the bridge behaves" icon="info">
                <dl class="space-y-3 text-xs text-slate-600">
                    <div>
                        <dt class="font-semibold text-slate-800">Worklist out</dt>
                        <dd>From a request's workspace: transmit the pending lines as an ORM worklist to a live, two-way machine for that department.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-slate-800">Results in</dt>
                        <dd>Pull the ORU batch back onto the same request. Flags are applied, but the bench still verifies before release.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-slate-800">Off the bench</dt>
                        <dd>Setting a machine to maintenance or retired stops the bridge — no worklist out, no batch in — until it is back.</dd>
                    </div>
                </dl>
            </x-card>
        </div>
    </div>

    {{-- ------------------------------------------------------- edit modals --}}
    @foreach ($analyzers as $analyzer)
        <x-modal name="analyzer-edit-{{ $analyzer->id }}" maxWidth="2xl">
            <form method="POST" action="{{ route('analyzers.update', $analyzer) }}" class="space-y-4">
                @csrf
                @method('PUT')

                <div>
                    <h2 class="text-base font-semibold text-slate-900">Edit {{ $analyzer->code }}</h2>
                    <p class="mt-1 text-sm text-slate-500">Details of the machine on the bench. Status is changed from the list, not here.</p>
                </div>

                <div class="grid gap-3 sm:grid-cols-2">
                    <x-form.input name="code" label="Code" :value="old('code', $analyzer->code)" required maxlength="30" />
                    <x-form.select name="department" label="Department" :options="$departmentOptions" :value="$analyzer->department" required />
                    <x-form.input name="name" label="Name" :value="old('name', $analyzer->name)" required />
                    <x-form.input name="manufacturer" label="Manufacturer" :value="old('manufacturer', $analyzer->manufacturer)" />
                    <x-form.input name="model" label="Model" :value="old('model', $analyzer->model)" />
                    <x-form.input name="serial_number" label="Serial number" :value="old('serial_number', $analyzer->serial_number)" />
                    <x-form.input name="section" label="Section" :value="old('section', $analyzer->section)" />
                    <x-form.select name="connection_type" label="Connection" :options="$connectionOptions" :value="$analyzer->connection_type" required />
                    <x-form.input name="host" label="Host / IP" :value="old('host', $analyzer->host)" />
                    <x-form.input name="port" label="Port" type="number" :value="old('port', $analyzer->port)" />
                    <x-form.input name="software_version" label="Software version" :value="old('software_version', $analyzer->software_version)" />
                    <x-form.input name="installed_on" label="Installed on" type="date" :value="old('installed_on', $analyzer->installed_on?->format('Y-m-d'))" />
                </div>
                <x-form.checkbox name="is_bidirectional" label="Speaks both ways (sends worklists, returns results)" :checked="$analyzer->is_bidirectional" />
                <x-form.textarea name="notes" label="Notes" rows="2" :value="old('notes', $analyzer->notes)" />

                <div class="flex justify-end gap-2">
                    <button type="button" class="hms-btn-secondary" x-on:click="$dispatch('close-modal', 'analyzer-edit-{{ $analyzer->id }}')">Discard</button>
                    <button type="submit" class="hms-btn-primary">Save the machine</button>
                </div>
            </form>
        </x-modal>
    @endforeach
</x-app-layout>