@extends('master')

@section('content')
@if($message = session('error'))
    <div class="alert alert-danger">
        {{ $message }}
    </div>
@endif
<section class="section dashboard">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h3 class="fw-bold fs-5">Assign List</h3>
                @if(auth()->check() && auth()->user()->role_id == 2)
                    <a href="{{ url('assign/add') }}">
                        <button type="button" class="btn btn-success" id="add_vehicle">Assign</button>
                    </a>
                @endif
            </div>
            <div class="card mt-3">
                <div class="card-body px-0 py-4">
                    <div class="table-responsive">
                        <table id="customer_tbl" class="table customer-tbl" style="width:100%">
                            <thead>
                                <tr>
                                    <th><input type="checkbox" class="select-all-checkbox"></th>
                                    <th>Employee ID</th>
                                    <th>Employee</th>
                                    <th>Dept ID</th>
                                    <th>Vehicles</th>
                                    <th class="all">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($usersWithVehicles as $userId => $userData)
                                    <tr>
                                        <td><input type="checkbox" class="select-checkbox"></td>
                                        <td>{{ $userData['emp_id'] }}</td>
                                        <td>{{ $userData['name'] }}</td>
                                        <td>{{ $userData['dept_id'] }}</td>
                                        <td>
                                            <ul>
                                                @foreach($userData['vehicles'] as $vehicle)
                                                    <li>{{ $vehicle->make . ' ' . $vehicle->model . ' ' . $vehicle->year }}</li>
                                                @endforeach
                                            </ul>
                                        </td>
                                        <td>
                                            <a href="{{ route('edit_assign',['id' => $userId]) }}" class="edit-employee-link" data-employee-id="{{ $userId }}">
                                                <i class="bi bi-pencil-square me-2"></i>Edit
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@push('scripts')
<script>
    $(document).ready(function () {
        $('.select-all-checkbox').change(function () {
            $('.select-checkbox').prop('checked', $(this).prop('checked'));
        });
    
        $('.select-checkbox').change(function () {
            $('.select-checkbox').not(this).prop('checked', false);
            $('.select-all-checkbox').prop('checked', false);
        });

        $('#customer_tbl').DataTable({
            responsive: true,
        });

    });
</script>
@endpush