@extends('layouts.app')

@section('title', 'Ubah Laporan Insiden ' . $incident->incident_number)

@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-pen-to-square text-primary"></i> Ubah Laporan Insiden: {{ $incident->incident_number }}
        </h4>
        <small class="text-muted">Perbarui data investigasi teknis, waktu on-air, atau tindakan perbaikan</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">
                <strong><i class="fa-solid fa-file-pen me-2 text-primary"></i> Formulir Edit Insiden</strong>
                <span class="badge bg-secondary font-mono">{{ $incident->incident_number }}</span>
            </div>
            <div class="card-body p-4">
                <form action="{{ route('incidents.update', $incident->id) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <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" required>
                                @foreach($transmitters as $tx)
                                <option value="{{ $tx->id }}" {{ old('transmitter_id', $incident->transmitter_id) == $tx->id ? 'selected' : '' }}>
                                    [{{ $tx->type }}] {{ $tx->name }} - {{ $tx->frequency }}
                                </option>
                                @endforeach
                            </select>
                        </div>

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

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">WAKTU ON-AIR KEMBALI</label>
                            <input type="datetime-local" name="on_air_at" class="form-control font-mono" value="{{ old('on_air_at', $incident->on_air_at ? $incident->on_air_at->format('Y-m-d\TH:i') : '') }}">
                        </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>
                                @foreach(['PLN Blackout', 'Overheat', 'High VSWR', 'STL Failure', 'PA Module Fault', 'Exciter Failure', 'Lightning/Weather', 'Scheduled Maintenance', 'Other'] as $cat)
                                <option value="{{ $cat }}" {{ old('category', $incident->category) == $cat ? 'selected' : '' }}>{{ $cat }}</option>
                                @endforeach
                            </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>
                                @foreach(['Total Off-Air', 'Low Power', 'Dead Air Silent', 'Distorted Audio'] as $imp)
                                <option value="{{ $imp }}" {{ old('impact', $incident->impact) == $imp ? 'selected' : '' }}>{{ $imp }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">STATUS PENYELESAIAN *</label>
                            <select name="status" class="form-select" required>
                                <option value="Open" {{ old('status', $incident->status) == 'Open' ? 'selected' : '' }}>Open</option>
                                <option value="In_Progress" {{ old('status', $incident->status) == 'In_Progress' ? 'selected' : '' }}>In Progress</option>
                                <option value="Resolved" {{ old('status', $incident->status) == 'Resolved' ? 'selected' : '' }}>Resolved</option>
                            </select>
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">GEJALA AWAL (SYMPTOMS) *</label>
                            <textarea name="symptoms" rows="2" class="form-control" required>{{ old('symptoms', $incident->symptoms) }}</textarea>
                        </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', $incident->cause) }}">
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">TINDAKAN PERBAIKAN TEKNIS</label>
                            <textarea name="action_taken" rows="3" class="form-control">{{ old('action_taken', $incident->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-primary px-4">
                            <i class="fa-solid fa-floppy-disk me-1"></i> Perbarui Laporan
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection