@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, 'btn_import_users'=> true])
@endsection
<!-- ************************************** -->
@section('contenu')


@section('contenu')

<div class="row">
    <div class="col-md-4">
        <button class="btn btn-default btn-search" data-toggle="collapse" data-target="#formSearch">{{ __('Recherche') }}</button>
    </div>
</div>
<br>
<form id="formSearch" class="{{ @$filtering=='ok' ? 'collapse show' : 'collapse' }}" method="POST" action="">
    <input type="hidden" name="filtering" value="ok">
    @csrf
                <div class="h-20"></div>
                <div class="panel">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="wrapped">{{ __('Nom') }}</label>
                                    <div class="input-group">
                                        <div class="input-group-addon">
                                            <select class="form-control" name="searchActionUseName">
                                            <option value="contient">{{__('Contient')}}</option>
                                            <option value="commence">{{__('Commence par')}}</option>
                                            </select>
                                        </div>
                                        <input class="form-control" name="name" type="text" >
                                    </div>
                                </div>
                            </div>

							<div class="col-sm-4">
								<div class="form-group">
									<label>{{ __('Type de compte') }}</label>
									<select id="role" name="role" class="form-control selectpicker" >
                                        <option value="" selected=""></option>
                                        <option value="admin">{{ __('Administrateur') }}</option>
                                        <option value="responsable maintenance">{{ __('Responsable maintenance') }}</option>
                                        <option value="responsable secteur">{{ __('Responsable secteur') }}</option>
                                        <option value="responsable site">{{ __('Responsable site') }}</option>
                                        <option value="prestataire">{{ __('Prestataire') }}</option>
                                        <option value="technicien">{{ __('Technicien') }}</option>
                                        <option value="site">{{ __('Site') }}</option>
									</select>
								</div>
                            </div>

                            <div class="col-sm-4">
								<div class="form-group">
									<label>{{ __('Actif') }}</label>
									<select id="use_active" name="use_active" class="form-control selectpicker" >
										<option value="" > {{ __('Indifférent') }}</option>
										<option value="1" > {{ __('Oui') }}</option>
										<option value="0" > {{ __('Non') }}</option>
									</select>
								</div>
							</div>
                            

                            <div class="col-sm-4">
                                <div class="form-group">
                                    {{-- @component('components.select.select_sign',['signs' => '','value' => '','search' => 'true','emptyValue' => 'true'])
                                    @endcomponent --}}

                                    @component('components.select.select_sig_sec_site',[
                                        'customers' => '',
                                        'signs' => '',
                                        'secteurs' => '',
                                        'sites' => '',
                                        'sig_value' => '',
                                        'sec_value' => '',
                                        'sit_value' => '',
                                        'required' => array(false,false,false),
                                        'search' => array(true,true,true),
                                        'multiples' => array(false,false,false),
                                        'emptyValues' => array(true,true,true),
                                        'initialiser' => true
                                        ])
                      @endcomponent
								</div>
							</div>

                            <div class="col-sm-4">
                                <div class="form-group">
									<label>{{ __('Email') }}</label>
									<input class="form-control" name="email" type="text" >
								</div>
							</div>


                        </div>

                        <div class="text-center"><button type="button" id="BTN_valid_formsearch" class="btn btn-secondary l-search" >{{ __('Recherche') }}</button></div>
                    </div>
            </div>
    </form>

<!-- 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 id="tab_utilisateurs" class="table table-striped table-compact table-advance table-hover"  width="100%" cellspacing="0" data-order='[[ 2, "asc" ]]'>
                                <thead class="thead-dark">
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('Type') }}</th>
                                        <th>{{ __('Nom prénom') }}</th>
                                        <th>{{ __('Actif') }}</th>
                                        <th>{{ __('Email / login') }}</th>
                                        <th>{{ __('Enseigne') }}</th>
                                        <th class="action">{{ __('Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {{-- @foreach ($utilisateurs as $utilisateur)
                                    <tr>
                                        <td>{!! $utilisateur->id !!}</td>
                                        <td>{!! $utilisateur->role !!}</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>{!! $utilisateur->sig_socialReason !!}</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/fonctions/init_datatables.js')}}"></script>
        <script src="{{ asset('js/utilisateurs/list.js')}}"></script>
        @endsection

        @section('modale')

        @include('modales.delete_standard')

        @endsection