@extends('layouts.app')

@section('title', 'Baterai — Monitoring Alat Berat')

@section('content')
    <div style="margin-bottom:14px;">
        <div style="display:flex; justify-content:space-between; align-items:flex-start;">
            <div>
                <h2 style="margin:0 0 6px;">Baterai</h2>
                <div style="color:#666;">Gudang: {{ $warehouse?->name ?? '-' }} — Daftar baterai per alat (bisa lebih dari satu per kendaraan).</div>
            </div>
            <a href="{{ route('battery.create') }}"
               style="background:#16a34a; color:#fff; padding:8px 16px; border-radius:8px; text-decoration:none; font-weight:600; font-size:14px; display:inline-flex; align-items:center; gap:6px;">
                <span style="font-size:12px;">&#43;</span> Tambah Baterai
            </a>
        </div>
    </div>

    <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; align-items:center;">
        <span style="color:#666;">Filter status operasi:</span>
        <a href="{{ route('baterai.index') }}" style="color:#111; {{ $filterStatus === '' ? 'font-weight:700;' : '' }}">Semua</a>
        <span>|</span>
        <a href="{{ route('baterai.index', ['status' => 'rusak']) }}" style="color:#111; {{ $filterStatus === 'rusak' ? 'font-weight:700;' : '' }}">Rusak</a>
        <span>|</span>
        <a href="{{ route('baterai.index', ['status' => 'charging']) }}" style="color:#111; {{ $filterStatus === 'charging' ? 'font-weight:700;' : '' }}">Di charge</a>
        <span>|</span>
        <a href="{{ route('baterai.index', ['status' => 'digunakan']) }}" style="color:#111; {{ $filterStatus === 'digunakan' ? 'font-weight:700;' : '' }}">Digunakan</a>
    </div>

    <div style="background:#fff; padding:16px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.06); overflow:auto;">
        <table style="width:100%; border-collapse:collapse; min-width:920px;">
            <thead>
                <tr style="text-align:left;">
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Alat (kode)</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Status</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">No. seri</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Tgl cek</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Tegangan (V)</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">%</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Kondisi</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Tgl ganti</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($batteries as $b)
                    <tr>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $b->equipment?->code ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            @if ($b->status === 'rusak')
                                Rusak
                            @elseif ($b->status === 'charging')
                                Di charge
                            @elseif ($b->status === 'digunakan')
                                Digunakan
                            @else
                                {{ $b->status }}
                            @endif
                        </td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $b->serial_number ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $b->tanggal_cek?->format('d/m/Y') ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $b->tegangan_volts !== null ? number_format((float) $b->tegangan_volts, 2, ',', '.') : '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $b->persentase !== null ? number_format((float) $b->persentase, 0, ',', '.').'%' : '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            @if ($b->kondisi === 'baik')
                                Baik
                            @elseif ($b->kondisi === 'lemah')
                                Lemah
                            @elseif ($b->kondisi === 'rusak')
                                Rusak
                            @else
                                {{ $b->kondisi ?? '-' }}
                            @endif
                        </td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $b->tanggal_ganti?->format('d/m/Y') ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            <a href="{{ route('battery.show', $b) }}"
                               style="color:#2563eb; text-decoration:none; font-weight:500;">Lihat</a>
                            <span style="color:#ccc; margin:0 8px;">|</span>
                            <a href="{{ route('battery.edit', $b) }}"
                               style="color:#059669; text-decoration:none; font-weight:500;">Edit</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="9" style="padding:16px; color:#666;">Belum ada data baterai. Nanti bisa diisi lewat form input operator.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:14px;">
        {{ $batteries->links() }}
    </div>
@endsection