@extends('layouts.app')

@section('title', 'Cek Alat Montir')
@section('page-title', 'Cek Alat Montir')

@section('header-actions')
    <a href="{{ route('montir.cek-rutin-alat') }}" class="btn btn-primary shadow-sm">
        <i class="fas fa-plus"></i> Tambah Cek Alat
    </a>
@endsection

@section('content')
<div class="container-fluid">
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white py-3">
            <h6 class="mb-0 fw-bold text-dark"><i class="fas fa-tools me-2 text-primary"></i> Daftar Monitoring Alat</h6>
        </div>
        <div class="card-body">
            <!-- Filter Form -->
            <form method="GET" class="mb-4">
                <div class="row">
                    @if(auth()->user()->role === 'admin')
                    <div class="col-md-4">
                        <label for="montir_id" class="form-label">Filter Montir</label>
                        <select name="montir_id" id="montir_id" class="form-select">
                            <option value="">Semua Montir</option>
                            @foreach($montir as $item)
                            <option value="{{ $item->id }}" {{ request('montir_id') == $item->id ? 'selected' : '' }}>
                                {{ $item->name }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    @endif
                    <div class="col-md-4">
                        <label for="status" class="form-label">Filter Status</label>
                        <select name="status" id="status" class="form-select">
                            <option value="">Semua Status</option>
                            <option value="lengkap" {{ request('status') === 'lengkap' ? 'selected' : '' }}>Lengkap</option>
                            <option value="tidak_lengkap" {{ request('status') === 'tidak_lengkap' ? 'selected' : '' }}>Tidak Lengkap</option>
                        </select>
                    </div>
                    <div class="col-md-4 d-flex align-items-end">
                        <button type="submit" class="btn btn-secondary me-2">
                            <i class="fas fa-filter"></i> Filter
                        </button>
                        <a href="{{ route('admin.cek-alat-montir.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-times"></i> Reset
                        </a>
                    </div>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Montir</th>
                            <th>Nama Alat</th>
                            <th>Tanggal Cek</th>
                            <th>Kondisi</th>
                            <th>Catatan</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($cekAlat as $index => $item)
                        <tr>
                            <td>{{ $cekAlat->firstItem() + $index }}</td>
                            <td>
                                <strong>{{ $item->montir->name }}</strong>
                            </td>
                            <td>{{ $item->nama_alat }}</td>
                            <td>{{ $item->created_at->format('d M Y') }}</td>
                            <td>
                                @if($item->kondisi === 'baik')
                                <span class="badge bg-success">Baik</span>
                                @else
                                <span class="badge bg-danger">Rusak</span>
                                @endif
                            </td>
                            <td>
                                {{ Str::limit($item->catatan, 30) ?: '-' }}
                            </td>
                            <td>
                                <a href="{{ route('admin.cek-alat-montir.show', $item->id) }}" class="btn btn-sm btn-info">
                                    <i class="fas fa-eye"></i> Detail
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center py-4 text-muted">
                                <i class="fas fa-tools fa-3x mb-2 d-block"></i>
                                Belum ada data cek alat montir
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>