@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="mb-0">Kelola Teknisi</h4>
        <a href="{{ route('admin.technicians.create') }}" class="btn btn-primary">
            <i class="ri-add-line"></i> Tambah Teknisi
        </a>
    </div>

    <div class="table-responsive table-card">
        <table class="table table-striped table-nowrap mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Nama</th>
                    <th>Nomor Telepon</th>
                    <th>Tanggal Ditambahkan</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($technicians as $technician)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $technician->name }}</td>
                    <td>{{ $technician->phone }}</td>
                    <td>{{ $technician->created_at->format('d M Y') }}</td>
                    <td>
                        <a href="{{ route('admin.technicians.edit', $technician) }}" class="btn btn-sm btn-warning">Edit</a>
                        <form action="{{ route('admin.technicians.destroy', $technician) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus teknisi ini?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-sm btn-danger">Hapus</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center">Belum ada teknisi terdaftar.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection