@extends('layouts.app')

@section('title', 'Data Inspeksi')
@section('page-title', auth()->user()->role === 'admin' ? 'Cek Alat Montir' : 'Inspeksi Saya')

@section('content')
<div class="container-fluid">
    <div class="card shadow-sm">

        {{-- HEADER --}}
        <div class="card-header d-flex justify-content-between align-items-center">
            <span class="fw-semibold">
                <i class="fas fa-clipboard-check me-1"></i>
                Daftar Inspeksi
            </span>
        </div>

        <div class="card-body">
            <div class="table-responsive">

                <table class="table table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            @if(auth()->user()->role === 'admin')
                                <th>Montir</th>
                            @endif
                            <th>Tanggal Inspeksi</th>
                            <th>Status / Progress</th>
                            <th class="text-center">Aksi</th>
                        </tr>
                    </thead>

                    <tbody>
                    @forelse($inspeksi as $index => $item)

                        @php
                            $totalSteps  = 20;
                            $currentStep = $item->current_step ?? 0;
                            $progress    = min(($currentStep / $totalSteps) * 100, 100);
                            $status      = $item->status ?? 'pending';

                            $badgeColor = match($status) {
                                'pending'   => 'bg-warning',
                                'draft'     => 'bg-primary',
                                'selesai'   => 'bg-success',
                                'suspended' => 'bg-danger',
                                default     => 'bg-secondary',
                            };

                            // 🔒 AMAN: relasi cekAlat bisa null
                            $cekAlat = $item->cekAlat ?? collect();

                            // ✅ FOTO ADA JIKA ADA ISI ARRAY FOTO
                            $hasFoto = $cekAlat->filter(function ($cek) {
                                return !empty($cek->foto)
                                    && is_array($cek->foto)
                                    && count($cek->foto) > 0;
                            })->count() > 0;
                        @endphp

                        <tr>
                            <td>{{ $inspeksi->firstItem() + $index }}</td>

                            @if(auth()->user()->role === 'admin')
                                <td>
                                    <strong>{{ $item->montir->name ?? '-' }}</strong>
                                </td>
                            @endif

                            <td>
                                {{ $item->inspection_date
                                    ? \Carbon\Carbon::parse($item->inspection_date)->format('d-m-Y')
                                    : '-' }}
                            </td>

                            {{-- STATUS & PROGRESS --}}
                            <td>
                                <span class="badge {{ $badgeColor }}">
                                    {{ ucfirst($status) }}
                                </span>

                                {{-- ✅ HANYA TAMPIL JIKA FOTO ADA --}}
                                @if($hasFoto)
                                    <small class="text-success d-block mt-1">
                                        <i class="fas fa-check-circle"></i>
                                        Foto alat sudah diupload
                                    </small>
                                @endif

                                {{-- PROGRESS BAR --}}
                                <div class="progress mt-2" style="height:6px;">
                                    <div class="progress-bar {{ $badgeColor }}"
                                         role="progressbar"
                                         style="width: {{ $progress }}%;">
                                    </div>
                                </div>

                                <small class="text-muted">
                                    Step: {{ $currentStep }} / {{ $totalSteps }}
                                </small>
                            </td>

                            {{-- AKSI --}}
                            <td class="text-center d-flex gap-1 justify-content-center">

                                {{-- DETAIL --}}
                                <a href="{{ route('inspeksi.show', $item->id) }}"
                                   class="btn btn-sm btn-info">
                                    <i class="fas fa-eye"></i>
                                </a>

                                {{-- EDIT --}}
                                @if($status !== 'selesai')
                                    <a href="{{ route('inspeksi.edit', $item->id) }}"
                                       class="btn btn-sm btn-warning">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                @endif

                                {{-- HAPUS --}}
                                <form action="{{ route('inspeksi.destroy', $item->id) }}"
                                      method="POST"
                                      onsubmit="return confirm('Yakin ingin menghapus inspeksi ini?')">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-danger">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>

                                {{-- APPROVE (ADMIN + FOTO ADA) --}}
                                @if(auth()->user()->role === 'admin' && $status === 'pending' && $hasFoto)
                                    <form action="{{ route('inspeksi.approve', $item->id) }}"
                                          method="POST">
                                        @csrf
                                        <button class="btn btn-sm btn-success">
                                            <i class="fas fa-check"></i>
                                        </button>
                                    </form>
                                @endif

                                {{-- SUSPEND (ADMIN + FOTO BELUM ADA) --}}
                                @if(auth()->user()->role === 'admin' && !$hasFoto && $status !== 'selesai')
                                    <form action="{{ route('inspeksi.suspend', $item->id) }}"
                                          method="POST"
                                          onsubmit="return confirm('Suspend inspeksi ini?')">
                                        @csrf
                                        <button class="btn btn-sm btn-danger">
                                            <i class="fas fa-ban"></i>
                                        </button>
                                    </form>
                                @endif

                            </td>
                        </tr>

                    @empty
                        <tr>
                            <td colspan="{{ auth()->user()->role === 'admin' ? 5 : 4 }}"
                                class="text-center py-4 text-muted">
                                <i class="fas fa-clipboard fa-3x mb-2 d-block"></i>
                                Belum ada data inspeksi
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            {{-- PAGINATION --}}
            <div class="mt-3">
                {{ $inspeksi->withQueryString()->links() }}
            </div>

        </div>
    </div>
</div>
@endsection