@extends('layouts.admin.master')

@php($isEdit = $camera->exists)

@section('content')
    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
            <div>
                <h3 class="mb-1">{{ $isEdit ? 'Ubah CCTV' : 'Tambah CCTV' }}</h3>
                <p class="text-muted mb-0">Form master kamera pengawas untuk command center dan inventaris Smart City.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                <a href="{{ route('admin.smart_city.cctv') }}" class="btn btn-outline-secondary btn-sm">Kembali ke Daftar</a>
                @if ($isEdit)
                    <a href="{{ route('admin.smart_city.cctv.show', $camera) }}" class="btn btn-outline-primary btn-sm">Lihat Detail</a>
                @endif
            </div>
        </div>

        @if ($errors->any())
            <div class="alert alert-danger">
                Data CCTV belum bisa disimpan. Cek kembali field yang wajib diisi.
            </div>
        @endif

        <form method="POST" action="{{ $isEdit ? route('admin.smart_city.cctv.update', $camera) : route('admin.smart_city.cctv.store') }}">
            @csrf
            @if ($isEdit)
                @method('PUT')
            @endif

            <div class="row g-3">
                <div class="col-xl-8">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Data Kamera</h5>
                        </div>
                        <div class="card-body pt-2">
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="form-label">Kode CCTV</label>
                                    <input type="text" name="camera_code" class="form-control" value="{{ old('camera_code', $camera->camera_code) }}" placeholder="Otomatis bila kosong">
                                </div>
                                <div class="col-md-8">
                                    <label class="form-label">Nama Kamera</label>
                                    <input type="text" name="name" class="form-control" value="{{ old('name', $camera->name) }}" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Organisasi / OPD</label>
                                    <select name="organization_id" class="form-select" required>
                                        <option value="">Pilih OPD</option>
                                        @foreach ($organizations as $organization)
                                            <option value="{{ $organization->id }}" @selected((int) old('organization_id', $camera->organization_id) === (int) $organization->id)>
                                                {{ $organization->short_name ?: $organization->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Aset Terkait</label>
                                    <select name="asset_id" class="form-select">
                                        <option value="">Tanpa tautan aset</option>
                                        @foreach ($assets as $asset)
                                            <option value="{{ $asset->id }}" @selected((int) old('asset_id', $camera->asset_id) === (int) $asset->id)>
                                                {{ $asset->asset_code }} | {{ $asset->name }}{{ $asset->category ? ' | ' . $asset->category->name : '' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Nama Lokasi</label>
                                    <input type="text" name="location_name" class="form-control" value="{{ old('location_name', $camera->location_name) }}" placeholder="Contoh: Simpang Tugu Tololiu">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Tipe Penempatan</label>
                                    <select name="placement_type" class="form-select">
                                        <option value="">Pilih tipe</option>
                                        @foreach ($placementOptions as $key => $label)
                                            <option value="{{ $key }}" @selected(old('placement_type', $camera->placement_type) === $key)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Status</label>
                                    <select name="status" class="form-select" required>
                                        @foreach ($statusOptions as $key => $label)
                                            <option value="{{ $key }}" @selected(old('status', $camera->status) === $key)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Kesehatan</label>
                                    <select name="health_status" class="form-select" required>
                                        @foreach ($healthOptions as $key => $label)
                                            <option value="{{ $key }}" @selected(old('health_status', $camera->health_status) === $key)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Protokol</label>
                                    <select name="protocol" class="form-select" required>
                                        @foreach ($protocolOptions as $key => $label)
                                            <option value="{{ $key }}" @selected(old('protocol', $camera->protocol) === $key)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">IP Address</label>
                                    <input type="text" name="ip_address" class="form-control" value="{{ old('ip_address', $camera->ip_address) }}">
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label">Port</label>
                                    <input type="number" min="1" max="65535" name="port" class="form-control" value="{{ old('port', $camera->port) }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Resolusi</label>
                                    <input type="text" name="resolution" class="form-control" value="{{ old('resolution', $camera->resolution) }}" placeholder="1080p">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">FPS</label>
                                    <input type="number" min="0" max="240" name="fps" class="form-control" value="{{ old('fps', $camera->fps) }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Catatan</label>
                                    <textarea name="notes" rows="3" class="form-control">{{ old('notes', $camera->notes) }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm mt-3">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Stream dan Integrasi</h5>
                        </div>
                        <div class="card-body pt-2">
                            <div class="row g-3">
                                <div class="col-12">
                                    <label class="form-label">Stream URL</label>
                                    <input type="text" name="stream_url" class="form-control" value="{{ old('stream_url', $camera->stream_url) }}" placeholder="rtsp://..., https://.../stream.m3u8">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Snapshot URL</label>
                                    <input type="text" name="snapshot_url" class="form-control" value="{{ old('snapshot_url', $camera->snapshot_url) }}" placeholder="https://.../snapshot.jpg">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Public Embed URL</label>
                                    <input type="text" name="public_embed_url" class="form-control" value="{{ old('public_embed_url', $camera->public_embed_url) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Referensi Username</label>
                                    <input type="text" name="username_reference" class="form-control" value="{{ old('username_reference', $camera->username_reference) }}" placeholder="Akun NVR / vault ref">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Referensi Kredensial</label>
                                    <input type="text" name="auth_reference" class="form-control" value="{{ old('auth_reference', $camera->auth_reference) }}" placeholder="Secret vault / dokumen internal">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm mt-3">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Lokasi dan Jadwal</h5>
                        </div>
                        <div class="card-body pt-2">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Latitude</label>
                                    <input type="number" step="0.0000001" name="latitude" class="form-control" value="{{ old('latitude', $camera->latitude) }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Longitude</label>
                                    <input type="number" step="0.0000001" name="longitude" class="form-control" value="{{ old('longitude', $camera->longitude) }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Alamat</label>
                                    <input type="text" name="address_text" class="form-control" value="{{ old('address_text', $camera->address_text) }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Tanggal Pasang</label>
                                    <input type="date" name="installation_date" class="form-control" value="{{ old('installation_date', optional($camera->installation_date)->format('Y-m-d')) }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Heartbeat Terakhir</label>
                                    <input type="datetime-local" name="last_seen_at" class="form-control" value="{{ old('last_seen_at', optional($camera->last_seen_at)->format('Y-m-d\\TH:i')) }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Maintenance Terakhir</label>
                                    <input type="datetime-local" name="last_maintenance_at" class="form-control" value="{{ old('last_maintenance_at', optional($camera->last_maintenance_at)->format('Y-m-d\\TH:i')) }}">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Maintenance Berikutnya</label>
                                    <input type="datetime-local" name="next_maintenance_at" class="form-control" value="{{ old('next_maintenance_at', optional($camera->next_maintenance_at)->format('Y-m-d\\TH:i')) }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Metadata Teknis (JSON)</label>
                                    <textarea name="metadata_json" rows="4" class="form-control">{{ old('metadata_json', $camera->metadata ? json_encode($camera->metadata, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) : '') }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Operasional</h5>
                        </div>
                        <div class="card-body pt-2">
                            <div class="mb-3">
                                <label class="form-label">Retensi Rekaman (hari)</label>
                                <input type="number" min="0" max="3650" name="retention_days" class="form-control" value="{{ old('retention_days', $camera->retention_days) }}">
                            </div>
                            <div class="form-check mb-2">
                                <input type="checkbox" name="is_recording" value="1" class="form-check-input" id="is_recording" @checked(old('is_recording', $camera->is_recording))>
                                <label class="form-check-label" for="is_recording">Sedang direkam</label>
                            </div>
                            <div class="form-check mb-2">
                                <input type="checkbox" name="is_ptz" value="1" class="form-check-input" id="is_ptz" @checked(old('is_ptz', $camera->is_ptz))>
                                <label class="form-check-label" for="is_ptz">Mendukung PTZ</label>
                            </div>
                            <div class="form-check mb-2">
                                <input type="checkbox" name="is_public" value="1" class="form-check-input" id="is_public" @checked(old('is_public', $camera->is_public))>
                                <label class="form-check-label" for="is_public">Boleh tampil di feed/layer publik</label>
                            </div>
                            <div class="form-check mb-4">
                                <input type="checkbox" name="is_active" value="1" class="form-check-input" id="is_active" @checked(old('is_active', $camera->is_active ?? true))>
                                <label class="form-check-label" for="is_active">Data CCTV aktif</label>
                            </div>
                            <button type="submit" class="btn btn-primary w-100">{{ $isEdit ? 'Simpan Perubahan' : 'Simpan CCTV' }}</button>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm mt-3">
                        <div class="card-header bg-white border-0 pt-4">
                            <h5 class="mb-1">Keamanan Data Stream</h5>
                        </div>
                        <div class="card-body pt-2">
                            <div class="small text-muted">Hindari menaruh password langsung di URL stream. Simpan credential pada vault/NVR, lalu isi referensi kredensial di form ini.</div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection