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

<div class="row">
    <div class="col-md-12">
        <div class="card card-info">
            <div class="card-body p-100">
                {{-- <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="collapse show" 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-3">
                                <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-3">
								<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="planneur_central">{{ __('Planneur central') }}</option>
                                        <option value="planneur_local">{{ __('Planneur') }}</option>
                                        <option value="lead_tech">{{ __('Lead Technicien') }}</option>
                                        <option value="client">{{ __('Client') }}</option>
                                        <option value="exploitant">{{ __('Exploitant') }}</option>
                                        <option value="prestataire">{{ __('Prestataire') }}</option>
                                        <option value="fournisseur">{{ __('Fournisseur') }}</option>
									</select>
								</div>
                            </div>

                            <div class="col-sm-3">
								<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_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-3">
                                <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>
        </div>
    </form>

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

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

                    <!-- /.card-header -->
                    <div class="card-body card-body-with-table 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 class="action">{{ __('Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </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