@extends('layouts.app')

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

@section('content')
    <div style="margin-bottom:14px;">
        <h2 style="margin:0 0 6px;">Servis / Perbaikan</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
            $mekanikParam = request('mekanik');
        @endphp
        <a href="{{ route('servis.index', array_filter(['mekanik' => $mekanikParam])) }}" style="color:#111; {{ $filterStatus === '' ? 'font-weight:700;' : '' }}">Semua</a>
        <span>|</span>
        <a href="{{ route('servis.index', array_filter(['status' => 'open', 'mekanik' => $mekanikParam])) }}" style="color:#111; {{ $filterStatus === 'open' ? 'font-weight:700;' : '' }}">Terbuka</a>
        <span>|</span>
        <a href="{{ route('servis.index', array_filter(['status' => 'in_progress', 'mekanik' => $mekanikParam])) }}" style="color:#111; {{ $filterStatus === 'in_progress' ? 'font-weight:700;' : '' }}">Sedang dikerjakan</a>
        <span>|</span>
        <a href="{{ route('servis.index', array_filter(['status' => 'completed', 'mekanik' => $mekanikParam])) }}" style="color:#111; {{ $filterStatus === 'completed' ? 'font-weight:700;' : '' }}">Selesai</a>

        @if($filterMekanik)
            <div style="margin-left:auto; background:#f0fdf4; color:#166534; padding:6px 12px; border-radius:30px; font-size:12px; font-weight:700; display:flex; align-items:center; gap:6px; border:1px solid #dcfce7;">
                <span>⚙️ Menampilkan Riwayat Servis Saya</span>
                <a href="{{ route('servis.index') }}" style="color:#166534; 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:900px;">
            <thead>
                <tr style="text-align:left;">
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Kode alat</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Status</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Info mekanik</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Lokasi</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Estimasi</th>
                    <th style="border-bottom:1px solid #eee; padding:10px 8px;">Operator</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($repairs as $repair)
                    <tr>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            <a href="{{ route('servis.show', $repair) }}" style="color:#1d4ed8; text-decoration:none; font-weight:600;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">{{ $repair->equipment?->code ?? '-' }}</a>
                        </td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">
                            @if ($repair->status === 'open')
                                Terbuka
                            @elseif ($repair->status === 'in_progress')
                                Sedang dikerjakan
                            @elseif ($repair->status === 'completed')
                                Selesai
                            @else
                                {{ $repair->status }}
                            @endif
                        </td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $repair->mechanic_notes ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $repair->location?->name ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $repair->estimated_finish_at?->format('d/m/Y') ?? '-' }}</td>
                        <td style="padding:12px 8px; border-bottom:1px solid #f2f2f2;">{{ $repair->operator?->name ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" style="padding:16px; color:#666;">Belum ada data servis.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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