@extends('layouts.app')

@section('title', 'Catat Insiden Gangguan Pemancar')

@section('page_header')
<div class="d-flex justify-content-between align-items-center">
    <div>
        <h4 class="mb-0 fw-bold text-dark d-flex align-items-center gap-2">
            <i class="fa-solid fa-triangle-exclamation text-danger"></i> Catat Insiden Gangguan / Off-Air Baru
        </h4>
        <small class="text-muted">Dokumentasikan waktu mati siaran, gejala awal, dan investigasi teknis lapangan</small>
    </div>
    <a href="{{ route('incidents.index') }}" class="btn btn-outline-secondary">
        <i class="fa-solid fa-arrow-left me-1"></i> Kembali
    </a>
</div>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-9">
        <div class="card card-engineering">
            <div class="card-header bg-danger text-white">
                <strong><i class="fa-solid fa-bell me-2"></i> Formulir Laporan Pemadaman / Gangguan Pemancar</strong>
                <span class="badge bg-white text-danger font-mono">{{ $incidentNumber }}</span>
            </div>
            <div class="card-body p-4">
                <form action="{{ route('incidents.store') }}" method="POST">
                    @csrf

                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label small fw-semibold text-secondary">UNIT PEMANCAR TERDAMPAK *</label>
                            <select name="transmitter_id" class="form-select @error('transmitter_id') is-invalid @enderror" required>
                                <option value="">-- Pilih Pemancar --</option>
                                @foreach($transmitters as $tx)
                                <option value="{{ $tx->id }}" {{ old('transmitter_id') == $tx->id ? 'selected' : '' }}>
                                    [{{ $tx->type }}] {{ $tx->name }} - {{ $tx->frequency }}
                                </option>
                                @endforeach
                            </select>
                            @error('transmitter_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">WAKTU MULAI OFF-AIR *</label>
                            <input type="datetime-local" name="off_air_at" class="form-control font-mono @error('off_air_at') is-invalid @enderror" value="{{ old('off_air_at', date('Y-m-d\TH:i')) }}" required>
                            @error('off_air_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">WAKTU ON-AIR (OPSIONAL)</label>
                            <input type="datetime-local" name="on_air_at" class="form-control font-mono" value="{{ old('on_air_at') }}" placeholder="Biarkan kosong jika masih padam">
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">KATEGORI GANGGUAN *</label>
                            <select name="category" class="form-select" required>
                                <option value="PLN Blackout" {{ old('category') == 'PLN Blackout' ? 'selected' : '' }}>PLN Blackout / Kelistrikan</option>
                                <option value="Overheat" {{ old('category') == 'Overheat' ? 'selected' : '' }}>Overheat Modul / Pendingin Rusak</option>
                                <option value="High VSWR" {{ old('category') == 'High VSWR' ? 'selected' : '' }}>High VSWR / Antena / Feeder Problem</option>
                                <option value="STL Failure" {{ old('category') == 'STL Failure' ? 'selected' : '' }}>STL Loss / Microwave Link Putus</option>
                                <option value="PA Module Fault" {{ old('category') == 'PA Module Fault' ? 'selected' : '' }}>Kerusakan Modul Power Amplifier</option>
                                <option value="Exciter Failure" {{ old('category') == 'Exciter Failure' ? 'selected' : '' }}>Kerusakan Exciter / Modulator</option>
                                <option value="Lightning/Weather" {{ old('category') == 'Lightning/Weather' ? 'selected' : '' }}>Sambaran Petir / Cuaca Ekstrem</option>
                                <option value="Scheduled Maintenance" {{ old('category') == 'Scheduled Maintenance' ? 'selected' : '' }}>Pemeliharaan Terjadwal</option>
                                <option value="Other" {{ old('category') == 'Other' ? 'selected' : '' }}>Lainnya</option>
                            </select>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">DAMPAK SIARAN *</label>
                            <select name="impact" class="form-select" required>
                                <option value="Total Off-Air" {{ old('impact') == 'Total Off-Air' ? 'selected' : '' }}>Total Off-Air (Mati Total)</option>
                                <option value="Low Power" {{ old('impact') == 'Low Power' ? 'selected' : '' }}>Daya Turun (Foldback / Low Power)</option>
                                <option value="Dead Air Silent" {{ old('impact') == 'Dead Air Silent' ? 'selected' : '' }}>Carrier Ada, Audio Hening (Dead Air)</option>
                                <option value="Distorted Audio" {{ old('impact') == 'Distorted Audio' ? 'selected' : '' }}>Audio Cacat / Noise Berat</option>
                            </select>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">STATUS AWAL *</label>
                            <select name="status" class="form-select" required>
                                <option value="Open" {{ old('status') == 'Open' ? 'selected' : '' }}>Open (Belum Selesai)</option>
                                <option value="In_Progress" {{ old('status') == 'In_Progress' ? 'selected' : '' }}>In Progress (Sedang Dikerjakan)</option>
                                <option value="Resolved" {{ old('status') == 'Resolved' ? 'selected' : '' }}>Resolved (Sudah Normal Kembali)</option>
                            </select>
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">GEJALA AWAL YANG TERLIHAT (SYMPTOMS) *</label>
                            <textarea name="symptoms" rows="2" class="form-control @error('symptoms') is-invalid @enderror" placeholder="Contoh: Alarm VSWR menyala di panel depan, daya output drop ke 0 Watt, indikator proteksi trip..." required>{{ old('symptoms') }}</textarea>
                            @error('symptoms')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">PENYEBAB UTAMA (ROOT CAUSE)</label>
                            <input type="text" name="cause" class="form-control" value="{{ old('cause') }}" placeholder="Contoh: Sambaran petir pada arrester feeder tower atau fuse modul PA putus">
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">TINDAKAN PERBAIKAN TEKNIS (ACTION TAKEN)</label>
                            <textarea name="action_taken" rows="3" class="form-control" placeholder="Jelaskan tindakan teknisi yang telah dilakukan...">{{ old('action_taken') }}</textarea>
                        </div>
                    </div>

                    <div class="d-flex justify-content-end gap-2 pt-3 border-top">
                        <a href="{{ route('incidents.index') }}" class="btn btn-outline-secondary">Batal</a>
                        <button type="submit" class="btn btn-danger px-4">
                            <i class="fa-solid fa-floppy-disk me-1"></i> Simpan Laporan Insiden
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection