@extends('admin.layouts.app')

@section('title','Technicians')

@section('content')

<div class="page-header">
    <div>
        <h2>Technicians</h2>
        <p>Manage pest control service technicians</p>
    </div>

    <a href="{{ route('admin.technicians.create') }}" class="btn-primary">
        <i class="fas fa-plus"></i> Add Technician
    </a>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="table-card">
    <table class="admin-table data-table">
        <thead>
            <tr>
                <th>S.No</th>
                <th>Technician</th>
                <th>Mobile</th>
                <th>Email</th>
                <th>Status</th>
                <th width="150" class="no-sort">Action</th>
            </tr>
        </thead>

        <tbody>
            @foreach($technicians as $key => $technician)
                <tr>
                    <td>{{ $key + 1 }}</td>
                    <td>{{ $technician->technician_name }}</td>
                    <td>{{ $technician->mobile }}</td>
                    <td>{{ $technician->email ?? '-' }}</td>
                    <td>
                        <span class="badge {{ $technician->status == 'Active' ? 'badge-success' : 'badge-danger' }}">
                            {{ $technician->status }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('admin.technicians.show', $technician->id) }}" class="btn-sm btn-timeline" title="View">
                            <i class="fas fa-eye"></i>
                        </a>

                        <a href="{{ route('admin.technicians.edit', $technician->id) }}" class="btn-sm btn-edit" title="Edit">
                            <i class="fas fa-edit"></i>
                        </a>

                        <form action="{{ route('admin.technicians.destroy', $technician->id) }}"
                              method="POST"
                              class="d-inline"
                              onsubmit="return confirm('Delete this technician?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn-sm btn-delete" title="Delete">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

@endsection