@extends('layouts.admin.app')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between">
        <h5 class="card-title">Desks</h5>
        <div class="btn-group">
            <button type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Create</button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="{{route('dashboard.departments.create')}}?type=retention">Retention Desk</a></li>
                <li><a class="dropdown-item" href="{{route('dashboard.departments.create')}}?type=conversion">Conversion Desk</a></li>
            </ul>
        </div>
    </div>
    <div class="table-responsive text-nowrap">
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>NAME</th>
                    <th>manager</th>
                    <th>agents</th>
                    <th>countries</th>
                    <th>actions</th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @foreach ($departments as $department)
                    <tr>
                        <td>{{$department->id}}</td>
                        <td>{{$department->name}}</td>
                        <td>{{$department->manager ? $department->manager->name : 'Manager Not Selected'}}</td>
                        <td>
                            @forelse ($department->users()->get() as $agent)
                                <span class="badge bg-label-primary">{{$agent->name}}</span>
                            @empty
                            No agents attached
                            @endforelse
                        </td>
                        <td>
                            @forelse ($department->countries()->get() as $country)
                                <span class="badge bg-label-primary">{{$country->alpha_2}}</span>
                            @empty
                            No countries attached
                            @endforelse
                        </td>
                        <td>
                            <a class="btn btn-sm btn-icon rounded-circle btn-success" href="{{route('dashboard.departments.show', $department->id)}}"><i class="ti ti-eye"></i></a>
                            <a class="btn btn-sm btn-icon rounded-circle btn-warning" href="{{route('dashboard.departments.edit', $department->id)}}?type={{$department->manager ? $department->manager->hasRole('Retention_Manager') ? 'retention' : 'conversion' : '#'}}"><i class="ti ti-edit"></i></a>
                            <button type="button" data-id="{{$department->id}}" class="btn btn-sm btn-icon rounded-circle btn-danger deleteDesk"><i class="ti ti-trash"></i></button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

@endsection


@push('script')
    <script src="/assets/vendor/js/sweet.js"></script>

    <script>
        sweetAlertConfirmationBeforeAction('.deleteDesk', 'Are you sure to delete this user?', 'dashboard/departments', 'DELETE', true);
    </script>
@endpush