@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Utilisateurs") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Gestion des utilisateurs") }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
@include('layouts.partials.panelboutons', ['btn_ajout' => 'route', 'btn_imprim'=> true, 'btn_export'=> true])
@endsection
<!-- ************************************** -->
@section('contenu')

<!-- Main content -->
<div class="panel">

    <section class="content">
        <div class="row">

            <!-- /.col -->
            <div class="col-md-12">
                <div class="card card-info">

                    <!-- /.card-header -->
                    <div class="card-body p-100">

                        <div class="table-responsive mailbox-messages">
                            <table class="table table-striped table-compact table-advance table-hover" id="tab_utilisateurs" name="tab_utilisateurs" data-order='[[ 2, "asc" ]]'>
                                <thead class="thead-dark">
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __("Type") }}</th>
                                        <th>{{ __("Nom prénom") }}</th>
                                        <th>{{ __("Actif") }}</th>
                                        <th>{{ __("Email") }}</th>
                                        <th class="action">{{ __("Actions") }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($utilisateurs as $utilisateur)
                                    <tr>
                                        <td>{!! $utilisateur->id !!}</td>
                                        <td>

                                            @switch( $utilisateur->role)
                                            @case('agent')
                                                {{ __("Assistant") }}
                                                @break

                                            @case('responsable')
                                                {{ __("Chargé d'affaires") }}
                                                @break

                                            @default
                                            {!! $utilisateur->role !!}
                                            @endswitch
                                        </td>
                                        <td><strong>{!! $utilisateur->name !!}</strong></td>
                                        <td>
                                            @if ($utilisateur->use_active == 1)
                                            <i class="fas fa-check"></i>
                                            @endif
                                        </td>
                                        <td>{!! $utilisateur->email !!}</td>
                                        <td class="action">

                                            <a href="{{ route('users.edit',[$utilisateur->id])}}">
                                                <button type="button" class='btn btn-sm btn-success btn-edit btn-circle' data-toggle="tooltip" title="Modifier" id="btn_edit_{{ $utilisateur->id }}" data-id="{{ $utilisateur->id }}">
                                                    {{ __("Modifier") }}
                                                </button>
                                            </a>
                                            <button type="button" class='btn btn-sm btn-danger btn-delete btn-circle' data-toggle="tooltip" title="Supprimer" id="btn_suppr_{{ $utilisateur->id }}" data-id="{{ $utilisateur->id }}">
                                                {{ __("Supprimer") }}
                                            </button>

                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

            </div>

        </div>


        @endsection

        @section('js_footer')
        <script src="{{ asset('js/utilisateurs/list.js')}}"></script>
        @endsection

        @section('modale')

        @include('modales.delete_standard')

        @endsection