@extends('layouts.app')

@section('title', 'Ubah Catatan 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-to-square text-primary"></i> Ubah Catatan Logbook
        </h4>
        <small class="text-muted">Edit parameter teknis logbook tanggal {{ $log->recorded_at->format('d/m/Y H:i') }} WIB</small>
    </div>
    <a href="{{ route('logs.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-10">
        <form action="{{ route('logs.update', $log->id) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="card card-engineering mb-3">
                <div class="card-header">
                    <span><i class="fa-solid fa-clock me-2 text-primary"></i> Identitas Pemancar & Waktu Shift</span>
                    <span class="badge bg-secondary font-mono">ID Log: #{{ $log->id }}</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">UNIT PEMANCAR *</label>
                            <select name="transmitter_id" class="form-select @error('transmitter_id') is-invalid @enderror" required>
                                @foreach($transmitters as $tx)
                                <option value="{{ $tx->id }}" {{ old('transmitter_id', $log->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">SHIFT JAGA *</label>
                            <select name="shift" class="form-select" required>
                                @foreach($shifts as $sh)
                                <option value="{{ $sh->name }}" {{ old('shift', $log->shift) == $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 *</label>
                            <select name="user_id" class="form-select" required>
                                @foreach($technicians as $t)
                                <option value="{{ $t->id }}" {{ old('user_id', $log->user_id) == $t->id ? 'selected' : '' }}>
                                    {{ $t->name }}
                                </option>
                                @endforeach
                            </select>
                        </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', $log->recorded_at->format('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', $log->recorded_at->format('H:i')) }}" required>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card card-engineering mb-3">
                <div class="card-header">
                    <span><i class="fa-solid fa-satellite-dish me-2 text-primary"></i> Parameter RF & Antena</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) [W] *</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="forward_power" id="input_fwd" class="form-control font-mono fs-5" value="{{ old('forward_power', $log->forward_power) }}" required>
                                <span class="input-group-text">W</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">REFLECTED POWER (PREFL) [W] *</label>
                            <div class="input-group">
                                <input type="number" step="0.1" name="reflected_power" id="input_refl" class="form-control font-mono fs-5" value="{{ old('reflected_power', $log->reflected_power) }}" required>
                                <span class="input-group-text">W</span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label small fw-semibold text-secondary">VSWR</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 text-success" value="{{ old('vswr', $log->vswr) }}">
                                <span class="input-group-text font-mono" id="vswrBadgePreview">OK</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <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> Kelistrikan PA & Suhu</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 [V]</label>
                            <input type="number" step="0.1" name="pa_voltage" class="form-control font-mono" value="{{ old('pa_voltage', $log->pa_voltage) }}">
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">ARUS PA [A]</label>
                            <input type="number" step="0.1" name="pa_current" class="form-control font-mono" value="{{ old('pa_current', $log->pa_current) }}">
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">SUHU PA [°C]</label>
                            <input type="number" step="0.1" name="temperature_pa" class="form-control font-mono" value="{{ old('temperature_pa', $log->temperature_pa) }}">
                        </div>

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

            <div class="card card-engineering mb-4">
                <div class="card-header">
                    <span><i class="fa-solid fa-plug me-2 text-warning"></i> Catu Daya, Audio & Status</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 DAYA</label>
                            <select name="power_source" class="form-select">
                                <option value="PLN" {{ old('power_source', $log->power_source) == 'PLN' ? 'selected' : '' }}>PLN</option>
                                <option value="Genset" {{ old('power_source', $log->power_source) == 'Genset' ? 'selected' : '' }}>Genset</option>
                                <option value="UPS" {{ old('power_source', $log->power_source) == 'UPS' ? 'selected' : '' }}>UPS</option>
                                <option value="Solar/Battery" {{ old('power_source', $log->power_source) == 'Solar/Battery' ? 'selected' : '' }}>Solar/Battery</option>
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">STATUS STL</label>
                            <select name="stl_status" class="form-select">
                                <option value="Normal" {{ old('stl_status', $log->stl_status) == 'Normal' ? 'selected' : '' }}>Normal</option>
                                <option value="Degraded" {{ old('stl_status', $log->stl_status) == 'Degraded' ? 'selected' : '' }}>Degraded</option>
                                <option value="Loss" {{ old('stl_status', $log->stl_status) == 'Loss' ? 'selected' : '' }}>Loss</option>
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">MODULASI [%]</label>
                            <input type="number" step="0.1" name="modulation_level" class="form-control font-mono" value="{{ old('modulation_level', $log->modulation_level) }}">
                        </div>

                        <div class="col-md-3">
                            <label class="form-label small fw-semibold text-secondary">STATUS OPERASIONAL *</label>
                            <select name="status" class="form-select" required>
                                <option value="Normal" {{ old('status', $log->status) == 'Normal' ? 'selected' : '' }}>Normal</option>
                                <option value="Warning" {{ old('status', $log->status) == 'Warning' ? 'selected' : '' }}>Warning</option>
                                <option value="Critical" {{ old('status', $log->status) == 'Critical' ? 'selected' : '' }}>Critical</option>
                            </select>
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-semibold text-secondary">CATATAN</label>
                            <textarea name="notes" rows="2" class="form-control">{{ old('notes', $log->notes) }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-between mb-5">
                <a href="{{ route('logs.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 Catatan Log
                </button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function calculateVSWR() {
        const fwd = parseFloat(document.getElementById('input_fwd').value) || 0;
        const refl = parseFloat(document.getElementById('input_refl').value) || 0;
        const vswrInput = document.getElementById('input_vswr');
        const badge = document.getElementById('vswrBadgePreview');

        if (fwd > 0 && refl >= 0) {
            if (refl === 0) {
                vswrInput.value = "1.00";
                badge.textContent = "IDEAL";
                return;
            }
            const gamma = Math.sqrt(refl / fwd);
            if (gamma >= 1.0) {
                vswrInput.value = "9.99";
                badge.textContent = "ALARM";
                return;
            }
            let vswr = (1 + gamma) / (1 - gamma);
            vswrInput.value = Math.min(vswr, 9.99).toFixed(2);
            badge.textContent = vswr <= 1.25 ? "OK" : "CHECK";
        }
    }
    document.getElementById('input_fwd').addEventListener('input', calculateVSWR);
    document.getElementById('input_refl').addEventListener('input', calculateVSWR);
</script>
@endpush