@extends('layouts.app')

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

@section('content')
    <div style="margin-bottom:14px;">
        <h2 style="margin:0 0 6px;">Kendaraan (Alat Berat)</h2>
        <div style="color:#666;">Gudang: {{ $warehouse?->name ?? '-' }}</div>
    </div>

    <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; align-items:center;">
        <span style="color:#666;">Filter status:</span>
        @php
            $qParam = $searchQ ?? request('q');
            $opParam = request('operator');
            $typeParam = request('type');
        @endphp
        <a href="{{ route('kendaraan.index', array_filter(['q' => $qParam, 'operator' => $opParam, 'type' => $typeParam])) }}" style="color:#111; {{ $filterStatus === '' ? 'font-weight:700;' : '' }}">Semua</a>
        <span>|</span>
        <a href="{{ route('kendaraan.index', array_filter(['status' => 'active', 'q' => $qParam, 'operator' => $opParam, 'type' => $typeParam])) }}" style="color:#111; {{ $filterStatus === 'active' ? 'font-weight:700;' : '' }}">Aktif</a>
        <span>|</span>
        <a href="{{ route('kendaraan.index', array_filter(['status' => 'standby', 'q' => $qParam, 'operator' => $opParam, 'type' => $typeParam])) }}" style="color:#111; {{ $filterStatus === 'standby' ? 'font-weight:700;' : '' }}">Stand By</a>
        <span>|</span>
        <a href="{{ route('kendaraan.index', array_filter(['status' => 'damaged', 'q' => $qParam, 'operator' => $opParam, 'type' => $typeParam])) }}" style="color:#111; {{ $filterStatus === 'damaged' ? 'font-weight:700;' : '' }}">Rusak</a>
        
        @if($filterOperator)
            <div style="margin-left:auto; background:#eff6ff; color:#1d4ed8; padding:6px 12px; border-radius:30px; font-size:12px; font-weight:700; display:flex; align-items:center; gap:6px; border:1px solid #dbeafe;">
                <span>👤 Menampilkan Riwayat Equipment Saya</span>
                <a href="{{ route('kendaraan.index') }}" style="color:#1d4ed8; text-decoration:none; font-size:14px;" title="Hapus Filter">×</a>
            </div>
        @endif
    </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:640px;">
            <thead>
                <tr style="text-align:left;">
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Kode</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Nama</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Status</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Lokasi</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">{{ $filterOperator ? 'Relasi Saya' : 'Operator' }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($equipments as $eq)
                    <tr>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $eq->code }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            <a href="{{ route('kendaraan.show', $eq) }}" style="color:#1d4ed8; text-decoration:none; font-weight:600;">{{ $eq->name ?? '-' }}</a>
                        </td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            @if ($eq->status === 'active')
                                <span style="color:#059669; font-weight:700;">● Aktif</span>
                            @elseif ($eq->status === 'standby')
                                <span style="color:#6b7280; font-weight:700;">○ Stand By</span>
                            @elseif ($eq->status === 'damaged')
                                <span style="color:#dc2626; font-weight:700;">⚠ Rusak</span>
                            @else
                                {{ $eq->status }}
                            @endif
                        </td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $eq->location?->name ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            @if($filterOperator)
                                <span style="background:#d1fae5; color:#065f46; padding:2px 8px; border-radius:4px; font-size:12px; font-weight:700;">Pegang Saya</span>
                            @else
                                @if ($eq->operator)
                                    <a href="{{ route('operator.show', $eq->operator) }}" style="color:#1d4ed8; text-decoration:none; font-weight:600;">{{ $eq->operator->name }}</a>
                                @else
                                    -
                                @endif
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" style="padding:16px; color:#666;">Belum ada data kendaraan.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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