@php
    $camera = $camera ?? null;
    $mainUrl = old('rtsp_main', $camera?->streams->firstWhere('role', 'main')?->rtsp_url);
    $subUrl = old('rtsp_sub', $camera?->streams->firstWhere('role', 'sub')?->rtsp_url);
@endphp

@if ($errors->any())
    <div class="mb-4 bg-red-50 border border-red-200 text-red-800 rounded-lg px-4 py-3">
        <ul class="list-disc ms-5 space-y-1">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
        <x-input-label for="name" value="Nome" />
        <x-text-input id="name" name="name" type="text" class="mt-1 block w-full" :value="old('name', $camera?->name)" required />
    </div>

    <div>
        <x-input-label for="camera_group_id" value="Grupo" />
        <select id="camera_group_id" name="camera_group_id" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
            <option value="">—</option>
            @foreach ($groups as $group)
                <option value="{{ $group->id }}" @selected(old('camera_group_id', $camera?->camera_group_id) == $group->id)>{{ $group->name }}</option>
            @endforeach
        </select>
    </div>

    <div>
        <x-input-label for="manufacturer_id" value="Fabricante" />
        <select id="manufacturer_id" name="manufacturer_id" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
            <option value="">—</option>
            @foreach ($manufacturers as $m)
                <option value="{{ $m->id }}" @selected(old('manufacturer_id', $camera?->manufacturer_id) == $m->id)>{{ $m->name }}</option>
            @endforeach
        </select>
    </div>

    <div>
        <x-input-label for="model_name" value="Modelo (opcional)" />
        <x-text-input id="model_name" name="model_name" type="text" class="mt-1 block w-full" :value="old('model_name', $camera?->model?->name)" />
    </div>

    <div>
        <x-input-label for="host" value="IP / Hostname" />
        <x-text-input id="host" name="host" type="text" class="mt-1 block w-full" :value="old('host', $camera?->host)" required />
    </div>

    <div>
        <x-input-label for="location" value="Localização" />
        <x-text-input id="location" name="location" type="text" class="mt-1 block w-full" :value="old('location', $camera?->location)" />
    </div>

    <div>
        <x-input-label for="onvif_port" value="Porta ONVIF" />
        <x-text-input id="onvif_port" name="onvif_port" type="number" min="1" max="65535" class="mt-1 block w-full" :value="old('onvif_port', $camera?->onvif_port ?? 80)" required />
    </div>

    <div>
        <x-input-label for="rtsp_port" value="Porta RTSP" />
        <x-text-input id="rtsp_port" name="rtsp_port" type="number" min="1" max="65535" class="mt-1 block w-full" :value="old('rtsp_port', $camera?->rtsp_port ?? 554)" required />
    </div>

    <div>
        <x-input-label for="username" value="Usuário" />
        <x-text-input id="username" name="username" type="text" class="mt-1 block w-full" :value="old('username', $camera?->username)" autocomplete="off" />
    </div>

    <div>
        <x-input-label for="password" value="Senha {{ $camera ? '(deixe em branco para manter)' : '' }}" />
        <x-text-input id="password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" />
    </div>

    <div>
        <x-input-label for="primary_protocol" value="Protocolo principal" />
        <select id="primary_protocol" name="primary_protocol" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
            @foreach (['onvif' => 'ONVIF (descoberta)', 'rtsp_manual' => 'RTSP manual', 'vendor' => 'Adapter de fabricante'] as $val => $label)
                <option value="{{ $val }}" @selected(old('primary_protocol', $camera?->primary_protocol ?? 'onvif') === $val)>{{ $label }}</option>
            @endforeach
        </select>
    </div>

    <div class="grid grid-cols-2 gap-4">
        <div>
            <x-input-label for="record_stream_role" value="Stream de gravação" />
            <select id="record_stream_role" name="record_stream_role" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
                @foreach (['main' => 'Principal', 'sub' => 'Secundário'] as $val => $label)
                    <option value="{{ $val }}" @selected(old('record_stream_role', $camera?->record_stream_role ?? 'main') === $val)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <x-input-label for="live_stream_role" value="Stream ao vivo" />
            <select id="live_stream_role" name="live_stream_role" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
                @foreach (['main' => 'Principal', 'sub' => 'Secundário'] as $val => $label)
                    <option value="{{ $val }}" @selected(old('live_stream_role', $camera?->live_stream_role ?? 'sub') === $val)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="md:col-span-2">
        <x-input-label for="rtsp_main" value="URL RTSP principal (opcional — usado quando ONVIF não descobre)" />
        <x-text-input id="rtsp_main" name="rtsp_main" type="text" class="mt-1 block w-full font-mono text-xs" :value="$mainUrl" placeholder="rtsp://..." />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="rtsp_sub" value="URL RTSP secundária (opcional)" />
        <x-text-input id="rtsp_sub" name="rtsp_sub" type="text" class="mt-1 block w-full font-mono text-xs" :value="$subUrl" placeholder="rtsp://..." />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="notes" value="Observações" />
        <textarea id="notes" name="notes" rows="2" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm">{{ old('notes', $camera?->notes) }}</textarea>
    </div>

    <div class="md:col-span-2">
        <label class="inline-flex items-center">
            <input type="hidden" name="recording_enabled" value="0">
            <input type="checkbox" name="recording_enabled" value="1" class="rounded border-gray-300 text-indigo-600" @checked(old('recording_enabled', $camera?->recording_enabled)) >
            <span class="ms-2 text-sm text-gray-700">Habilitar gravação (efetivada pelo Recorder em fase futura)</span>
        </label>
    </div>
</div>

<div class="mt-6 flex items-center gap-3">
    <x-primary-button>Salvar</x-primary-button>
    <a href="{{ route('cameras.index') }}" class="text-gray-600 hover:underline">Cancelar</a>
</div>