@extends('layouts.app')

@section('title', 'Tambah Entri Logbook 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-pen-nib text-primary"></i> Form Pencatatan Parameter Pemancar (Logbook)
        </h4>
        <small class="text-muted">Pencatatan rutin parameter daya RF, kelistrikan PA, suhu modul, dan kondisi link studio</small>
    </div>
    <a href="{{ route('logs.index') }}" class="btn btn-outline-secondary">
        <i class="fa-solid fa-arrow-left me-1"></i> Kembali ke Daftar Log
    </a>
</div>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-10">
        <form action="{{ route('logs.store') }}" method="POST" id="logForm">
            @csrf

            <!-- Section 1: Header & Identitas Shift -->
            <div class="card card-engineering mb-3">
                <div class="card-header">
                    <span><i class="fa-solid fa-clock me-2 text-primary"></i> 1. Identitas Pemancar & Waktu Shift</span>
                    <span class="badge bg-secondary font-mono">{{ Auth::user()->name }}</span>
                </div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">PILIH UNIT PEMANCAR *</label>
                            <select name="transmitter_id" id="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 }}" data-power="{{ $tx->nominal_power }}" {{ old('transmitter_id') == $tx->id ? 'selected' : '' }}>
                                    [{{ $tx->type }}] {{ $tx->name }} - {{ $tx->frequency }} ({{ $tx->formatted_power }})
                                </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">SHIFT JAGA *</label>
                            <select name="shift" class="form-select" required>
                                <option value="">-- Pilih Shift Jaga --</option>
                                @foreach($shifts as $sh)
                                <option value="{{ $sh->name }}" {{ old('shift', $currentShift?->name) == $sh->name ? 'selected' : '' }}>
                                    {{ $sh->name }} ({{ substr($sh->start_time, 0, 5) }}-{{ substr($sh->end_time, 0, 5) }})
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-2">
                            <label class="form-label small fw-semibold text-secondary">PETUGAS TEKNISI JAGA *</label>
                            @if(Auth::check() && Auth::user()->role === 'technician')
                            <input type="text" class="form-control font-mono bg-light text-dark fw-semibold" value="{{ Auth::user()->name }}" readonly>
                            <input type="hidden" name="user_id" value="{{ Auth::id() }}">
                            @else
                            <select name="user_id" class="form-select" required>
                                @foreach($technicians as $t)
                                <option value="{{ $t->id }}" {{ old('user_id', Auth::id()) == $t->id ? 'selected' : '' }}>
                                    {{ $t->name }}
                                </option>
                                @endforeach
                            </select>
                            @endif
                        </div>

                        <div class="col-md-2">
                            <label class="form-label small fw-semibold text-secondary">TANGGAL CATAT *</label>
                            <input type="date" name="recorded_date" class="form-control font-mono @error('recorded_at') is-invalid @enderror" value="{{ old('recorded_date', date('Y-m-d')) }}" required>
                            @error('recorded_at')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-2">
                            <label class="form-label small fw-semibold text-secondary">JAM CATAT *</label>
                            <input type="time" name="recorded_time" class="form-control font-mono" value="{{ old('recorded_time', date('H:i')) }}" required>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Section 2: RF Output & VSWR -->
            <div class="card card-engineering mb-3">
                <div class="card-header">
                    <span><i class="fa-solid fa-satellite-dish me-2 text-primary"></i> 2. Parameter Daya Frekuensi Radio (RF) & Antena</span>
                    <span class="small text-muted font-mono">VSWR Auto Calculation Ready</span>
                </div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">FORWARD POWER (PFWD) *</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="forward_power" id="input_fwd" class="form-control font-mono fs-5 @error('forward_power') is-invalid @enderror" value="{{ old('forward_power') }}" placeholder="--" required>
                                <span class="input-group-text font-mono">Watt</span>
                            </div>
                            <small class="text-muted">Daya pancar maju terbaca di directional coupler</small>
                            @error('forward_power')<div class="text-danger small">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">REFLECTED POWER (PREFL) *</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="reflected_power" id="input_refl" class="form-control font-mono fs-5 @error('reflected_power') is-invalid @enderror" value="{{ old('reflected_power') }}" placeholder="--" required>
                                <span class="input-group-text font-mono">Watt</span>
                            </div>
                            <small class="text-muted">Daya pantul dari feeder/antena</small>
                            @error('reflected_power')<div class="text-danger small">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">VSWR (VOLTAGE STANDING WAVE RATIO)</label>
                            <div class="input-group">
                                <input type="number" step="0.01" name="vswr" id="input_vswr" class="form-control font-mono fs-5 fw-bold" value="{{ old('vswr') }}" placeholder="--">
                                <span class="input-group-text font-mono text-secondary bg-light fw-bold" id="vswrBadgePreview" style="min-width: 80px; justify-content: center;">--</span>
                            </div>
                            <small class="text-muted">Ideal &lt; 1.20 | Warning &gt; 1.30 | Bahaya &gt; 1.50</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Section 3: PA Electrical & Temperatures -->
            <div class="card card-engineering mb-3">
                <div class="card-header">
                    <span><i class="fa-solid fa-temperature-three-quarters me-2 text-danger"></i> 3. Kelistrikan Power Amplifier & Temperatur</span>
                </div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">TEGANGAN PA (VOLTAGE)</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="pa_voltage" class="form-control font-mono" value="{{ old('pa_voltage') }}" placeholder="--">
                                <span class="input-group-text">Volt</span>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">ARUS PA (CURRENT)</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="pa_current" class="form-control font-mono" value="{{ old('pa_current') }}" placeholder="--">
                                <span class="input-group-text">Ampere</span>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">SUHU MODUL PA / HEATSINK</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="temperature_pa" class="form-control font-mono" value="{{ old('temperature_pa') }}" placeholder="--">
                                <span class="input-group-text">°C</span>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">SUHU RUANG TRANSMITTER</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="temperature_room" class="form-control font-mono" value="{{ old('temperature_room') }}" placeholder="--">
                                <span class="input-group-text">°C</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Section 4: Catu Daya, Audio & Status -->
            <div class="card card-engineering mb-4">
                <div class="card-header">
                    <span><i class="fa-solid fa-plug me-2 text-warning"></i> 4. Sumber Daya, Audio STL & Catatan Jaga</span>
                </div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">SUMBER CATU DAYA *</label>
                            <select name="power_source" class="form-select" required>
                                <option value="">-- Pilih Sumber Catu Daya --</option>
                                <option value="PLN" {{ old('power_source') == 'PLN' ? 'selected' : '' }}>PLN (Normal)</option>
                                <option value="Genset" {{ old('power_source') == 'Genset' ? 'selected' : '' }}>Genset Darurat</option>
                                <option value="UPS" {{ old('power_source') == 'UPS' ? 'selected' : '' }}>UPS Online</option>
                                <option value="Solar/Battery" {{ old('power_source') == 'Solar/Battery' ? 'selected' : '' }}>Baterai / Solar Panel</option>
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">STATUS AUDIO STL *</label>
                            <select name="stl_status" class="form-select" required>
                                <option value="">-- Pilih Status Audio STL --</option>
                                <option value="Normal" {{ old('stl_status') == 'Normal' ? 'selected' : '' }}>Normal (Jernih)</option>
                                <option value="Degraded" {{ old('stl_status') == 'Degraded' ? 'selected' : '' }}>Degraded (Bising/Noise)</option>
                                <option value="Loss" {{ old('stl_status') == 'Loss' ? 'selected' : '' }}>Loss (Terputus / Silence)</option>
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">DEVIASI / MODULASI AUDIO</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="modulation_level" class="form-control font-mono" value="{{ old('modulation_level') }}" placeholder="--">
                                <span class="input-group-text">%</span>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">STATUS AKHIR OPERASIONAL *</label>
                            <select name="status" class="form-select fw-semibold" required>
                                <option value="">-- Pilih Status --</option>
                                <option value="Normal" {{ old('status') == 'Normal' ? 'selected' : '' }} class="text-success">Normal</option>
                                <option value="Warning" {{ old('status') == 'Warning' ? 'selected' : '' }} class="text-warning">Warning (Perhatian)</option>
                                <option value="Critical" {{ old('status') == 'Critical' ? 'selected' : '' }} class="text-danger">Critical (Bahaya)</option>
                            </select>
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">KETERANGAN & CATATAN OPERASIONAL SHIFT</label>
                            <textarea name="notes" rows="3" class="form-control" placeholder="-- Tulis catatan teknis jika ada (opsional) --">{{ old('notes') }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Submit Button Bar -->
            <div class="d-flex justify-content-between align-items-center mb-5">
                <a href="{{ route('logs.index') }}" class="btn btn-outline-secondary">
                    <i class="fa-solid fa-xmark me-1"></i> Batalkan
                </a>
                <button type="submit" class="btn btn-primary px-4 py-2 fs-6">
                    <i class="fa-solid fa-floppy-disk me-2"></i> Simpan Catatan Logbook
                </button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function calculateVSWR() {
        const fwdStr = (document.getElementById('input_fwd').value || '').trim();
        const reflStr = (document.getElementById('input_refl').value || '').trim();
        const vswrInput = document.getElementById('input_vswr');
        const badge = document.getElementById('vswrBadgePreview');

        if (!fwdStr || isNaN(parseFloat(fwdStr)) || parseFloat(fwdStr) <= 0) {
            vswrInput.value = '';
            badge.className = 'input-group-text font-mono text-secondary bg-light fw-bold';
            badge.textContent = '--';
            return;
        }

        const fwd = parseFloat(fwdStr);
        const refl = (reflStr && !isNaN(parseFloat(reflStr))) ? parseFloat(reflStr) : 0;

        if (refl === 0) {
            vswrInput.value = "1.00";
            vswrInput.className = "form-control font-mono fs-5 fw-bold text-success";
            badge.className = "input-group-text font-mono text-bg-success fw-bold";
            badge.textContent = "IDEAL";
            return;
        }

        const gamma = Math.sqrt(refl / fwd);
        if (gamma >= 1.0) {
            vswrInput.value = "9.99";
            vswrInput.className = "form-control font-mono fs-5 fw-bold text-danger";
            badge.className = "input-group-text font-mono text-bg-danger fw-bold";
            badge.textContent = "ALARM";
            return;
        }

        let vswr = (1 + gamma) / (1 - gamma);
        vswr = Math.min(vswr, 9.99);
        vswrInput.value = vswr.toFixed(2);

        if (vswr <= 1.20) {
            vswrInput.className = "form-control font-mono fs-5 fw-bold text-success";
            badge.className = "input-group-text font-mono text-bg-success fw-bold";
            badge.textContent = "NORMAL";
        } else if (vswr <= 1.35) {
            vswrInput.className = "form-control font-mono fs-5 fw-bold text-warning";
            badge.className = "input-group-text font-mono text-bg-warning fw-bold";
            badge.textContent = "WARNING";
        } else {
            vswrInput.className = "form-control font-mono fs-5 fw-bold text-danger";
            badge.className = "input-group-text font-mono text-bg-danger fw-bold";
            badge.textContent = "HIGH";
        }
    }

    document.getElementById('input_fwd').addEventListener('input', calculateVSWR);
    document.getElementById('input_refl').addEventListener('input', calculateVSWR);
</script>
@endpush