@extends('layouts.app')

@section('title', 'Detail Pemancar: ' . $transmitter->name)

@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">
            <span class="badge bg-secondary font-mono">{{ $transmitter->type }}</span>
            <span>{{ $transmitter->name }}</span>
            <small class="text-primary font-mono fw-normal">({{ $transmitter->frequency }})</small>
        </h4>
        <small class="text-muted">Lembar data teknis pemancar dan riwayat pencatatan log telemetri</small>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('transmitters.edit', $transmitter->id) }}" class="btn btn-outline-primary btn-sm">
            <i class="fa-solid fa-pen-to-square me-1"></i> Ubah Data
        </a>
        <a href="{{ route('transmitters.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fa-solid fa-arrow-left me-1"></i> Kembali
        </a>
    </div>
</div>
@endsection

@section('content')
<div class="row g-4">
    <!-- Transmitter Technical Datasheet -->
    <div class="col-12 col-lg-4">
        <div class="card card-engineering">
            <div class="card-header">
                <strong><i class="fa-solid fa-microchip me-2 text-primary"></i> Spesifikasi Teknis Pemancar</strong>
            </div>
            <div class="card-body p-3">
                <table class="table table-sm table-borderless small mb-0 font-mono">
                    <tr>
                        <td class="text-muted" style="width: 45%;">Kode Unit:</td>
                        <td class="fw-bold">{{ $transmitter->code }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Modulasi:</td>
                        <td><span class="badge bg-dark">{{ $transmitter->type }}</span></td>
                    </tr>
                    <tr>
                        <td class="text-muted">Frekuensi:</td>
                        <td class="text-primary fw-bold">{{ $transmitter->frequency }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Call Sign:</td>
                        <td>{{ $transmitter->call_sign ?? '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Daya Nominal:</td>
                        <td class="fw-bold text-success">{{ $transmitter->formatted_power }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Daya Maksimal:</td>
                        <td>{{ $transmitter->max_power ? $transmitter->max_power . ' W' : '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Merk / Model:</td>
                        <td>{{ $transmitter->brand_model ?? '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Nomor Seri:</td>
                        <td>{{ $transmitter->serial_number ?? '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Tahun Rakit:</td>
                        <td>{{ $transmitter->installed_year ?? '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Lokasi Site:</td>
                        <td>{{ $transmitter->site_location ?? '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Status:</td>
                        <td>
                            <span class="badge {{ $transmitter->status === 'active' ? 'bg-success' : 'bg-warning text-dark' }} text-uppercase">
                                {{ $transmitter->status }}
                            </span>
                        </td>
                    </tr>
                </table>

                @if($transmitter->notes)
                <div class="p-2 bg-light border rounded small mt-3">
                    <strong class="text-muted d-block mb-1">Catatan Tambahan:</strong>
                    {{ $transmitter->notes }}
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Telemetry History Table for this Transmitter -->
    <div class="col-12 col-lg-8">
        <div class="card card-engineering">
            <div class="card-header">
                <div>
                    <i class="fa-solid fa-clock-rotate-left me-2 text-primary"></i>
                    <strong>20 Catatan Telemetri Terakhir</strong>
                </div>
                <a href="{{ route('logs.index') }}?transmitter_id={{ $transmitter->id }}" class="btn btn-sm btn-link text-decoration-none">Lihat Semua di Logbook &raquo;</a>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0 font-mono small">
                        <thead class="table-light">
                            <tr>
                                <th>Waktu Catat</th>
                                <th>Shift</th>
                                <th class="text-end">Pfwd (W)</th>
                                <th class="text-end">Prefl (W)</th>
                                <th class="text-center">VSWR</th>
                                <th class="text-center">Suhu PA</th>
                                <th>Petugas</th>
                                <th class="text-center">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($transmitter->logs as $log)
                            <tr>
                                <td>{{ $log->recorded_at->format('d/m/Y H:i') }}</td>
                                <td><span class="badge bg-light text-dark border">{{ $log->shift }}</span></td>
                                <td class="text-end fw-bold">{{ number_format($log->forward_power, 0) }}</td>
                                <td class="text-end">{{ number_format($log->reflected_power, 1) }}</td>
                                <td class="text-center">
                                    <span class="badge {{ $log->vswr > 1.3 ? 'bg-danger' : 'bg-success' }}">
                                        {{ number_format($log->vswr, 2) }}
                                    </span>
                                </td>
                                <td class="text-center text-danger">{{ $log->temperature_pa ? $log->temperature_pa . '°C' : '-' }}</td>
                                <td>{{ $log->user->name }}</td>
                                <td class="text-center">
                                    <span class="badge {{ $log->status === 'Normal' ? 'bg-success' : 'bg-warning text-dark' }}">
                                        {{ $log->status }}
                                    </span>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="text-center py-4 text-muted">Belum ada catatan logbook untuk pemancar ini.</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection