@extends('layouts.conversion.app') @section('content')
<div class="card mt-2">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="card-title">Agents</h5>
        <div class="btn-group">
            <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Create</button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="{{ route('conversion.agents.create') }}">Agent</a></li>
                <li><a class="dropdown-item" href="{{ route('conversion.managers.create') }}">Manager</a></li>
            </ul>
        </div>
    </div>
    <div class="table-responsive text-nowrap">
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Countries</th>
                    <th>Role</th>
                    <th>FTD</th>
                    <th></th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @foreach ($users as $user)
                <tr>
                    <td>{{$user->id}}</td>
                    <td>{{$user->name}}</td>
                    <td>{{$user->email}}</td>
                    <td>
                        @if($user->countries()->count() > 0)
                            @foreach ($user->countries()->get() as $key=>$country)
                            @if($key < 6)
                                <span class="badge rounded-pill bg-info bg-glow me-1">{{$country->country_name}}</span>
                            @elseif($key == 6)
                                ...
                            @endif
                            @endforeach
                        @endif
                    </td>
                    <td><span class="badge bg-primary bg-glow">{{str_replace(['[', '"', "]"], '', $user->getRoleNames())}}</span></td>
                    <td>{{$user->ftds()->count()}}</td>
                    <td>
                        <a data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit" data-bs-custom-class="tooltip-warning" class="btn btn-sm btn-icon rounded-circle bg-glow btn-warning" href="@if($user->isConversion() == 1) {{route('conversion.agents.edit', $user->id)}} @elseif($user->isConversionManager() == 1) {{route('conversion.managers.edit', $user->id)}} @endif">
                            <i class="ti ti-edit"></i>
                        </a>
                        <button data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Delete" data-bs-custom-class="tooltip-danger" type="button" data-id="{{$user->id}}" class="deleteUser btn btn-sm btn-icon rounded-circle bg-glow btn-danger">
                            <i class="ti ti-trash-x"></i>
                        </button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection

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

    <script>
        sweetAlertConfirmationBeforeAction('.deleteUser', 'Are you sure to delete this user?', 'conversion/agents', 'DELETE', true);
    </script>
@endpush