@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
{{ __("Utilisateurs") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
    {{ __("Gestion des utilisateurs") }}
    {{ isset($utilisateur->id) ? "(#".$utilisateur->id.")" :'' }}
@endsection
<!-- ************************************** -->
@section('panel_boutons')
<small class="float-right">
    <a class="btn btn-defaut app2 retour" href="/users"><i class="fa fa-arrow-circle-left"></i> Retour</a>
</small>
@endsection

<!-- ************************************** -->
@section('contenu')

@isset($utilisateur->id)
<form method="post" action="{{ route('users.update',[@$utilisateur->id]) }}" enctype="multipart/form-data">
    @method('PATCH')
    @else
    <form method="post" action="{{ route('users.store') }}" enctype="multipart/form-data">
        @endisset
        @csrf
        <input type="hidden" name="id" id="id" value="{{ @$utilisateur->id }}">

        <div class="panel">
            <div class="panel-body">

                <div class="row">

                    <div class="col-md-12">

                        <div class="card card-info card-tabs">

                            <div class="card-body">
                                <div class="tab-content" id="custom-tabs-one-tabContent">
                                    <!-- Panel général -->
                                    <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">

                                        <div class="row">
                                            <div class="col-md-6">

                                                <div class="form-group">
                                                    <label for="name">{{ __('Nom / prénom') }}</label>
                                                    <input id="name" type="text" class="form-control  @error('name') is-invalid @enderror" name="name" value="{{ @$utilisateur->name }}" required autocomplete="name" autofocus>

                                                    @error('name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ @$message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="email">{{ __('Adresse email / login') }}</label>
                                                    <input id="email" type="email" class="form-control  @error('email') is-invalid @enderror" name="email" value="{{ @$utilisateur->email }}" required autocomplete="email">
                                                    @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ @$message }}</strong>
                                                    </span>
                                                    @enderror
                                                </div>

                                                <div class="form-group">
                                                    <label for="role">{{ __("Type de compte") }}</label>
                                                    <select class="form-control " id="role" name="role">
                                                        @if (Auth::user()->role == 'admin')
                                                        <option value="admin" {{ @$utilisateur->role=='admin' ? 'selected' : ''  }}>{{ __("Administrateur") }}</option>
                                                        @endif
                                                        <option value="responsable" {{ @$utilisateur->role=='responsable' ? 'selected' : ''  }}>{{ __("Chargé d'affaires") }}</option>
                                                        <option value="agent" {{ @$utilisateur->role=='agent' ? 'selected' : ''  }}>{{ __("Assistant") }}</option>
                                                        <option value="client" {{ @$utilisateur->role=='client' ? 'selected' : ''  }}>{{ __("Client") }}</option>
                                                        <option value="comptable" {{ @$utilisateur->role=='comptable' ? 'selected' : ''  }}>{{ __("Comptable") }}</option>
                                                    </select>
                                                </div>

                                                @if (Session::get('gestion_portefeuilles')=='oui')
                                                <div class="form-group" id="div_wal_id">
                                                    <label for="role">{{ __("Portefeuille") }}</label>
                                                    <select class="selectpicker form-control " id="wal_id" name="wal_id[]"  multiple >
                                                    </select>
                                                </div>
                                                @endif

                                                <div class="form-group" id="div_sig_id">
                                                    <label for="role">{{ __("Enseignes") }}</label>
                                                    <select class="selectpicker form-control " id="sig_id" name="sig_id[]" multiple data-live-search="true">
                                                    </select>
                                                </div>

                                                <div class="form-group">
                                                    <label for="use_fonction">{{ __('Fonction') }}</label>
                                                    <input type="text" id="use_fonction" class="form-control @error('use_fonction') is-invalid @enderror" name="use_fonction" value="{{ @$utilisateur->use_fonction }}">
                                                </div>

                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="use_phone">{{ __('Téléphone') }}</label>
                                                            <input type="tel" id="use_phone" class="form-control   @error('use_phone') is-invalid @enderror" name="use_phone" value="{{ @$utilisateur->use_phone }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="use_mobile">{{ __('Mobile') }}</label>
                                                            <input type="tel" id="use_mobile" class="form-control  @error('use_mobile') is-invalid @enderror" name="use_mobile" value="{{ @$utilisateur->use_mobile }}">
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="col-md-6">

                                                <div class="card card-dark">
                                                    <div class="card-header">
                                                        <h3 class="card-title">{{ __('Accès et mot de passe') }}</h3>
                                                    </div>
                                                    <div class="card-body">

                                                        <div class="row">
                                                            @isset($utilisateur->id)
                                                            <div class="col-md-6">
                                                                @component('components.cb_ouinon',['title' => 'Actif',
                                                                'name' => 'use_active',
                                                                'value' => @$utilisateur->use_active ])
                                                                @endcomponent

                                                                <ul>
                                                                    <li> <b>{{ __('Dernière visite le :') }}</b> {{ @$utilisateur->use_lastVisit }}
                                                                    <li> <b>{{ __('Dernière IP utilisée :') }}</b> {{ @$utilisateur->use_lastIP }}
                                                                    <li> <b>{{ __('Dernier envoi mot de passe :') }}</b> {{ @$utilisateur->use_pwdSendedDate }}
                                                                </ul>
                                                            </div>
                                                            @endisset
                                                            @isset($utilisateur->id)
                                                            <div class="col-md-6">
                                                                @else
                                                                <div class="col-md-12">
                                                                    @endisset

                                                                    @isset($utilisateur->id)
                                                                    <button id="BTN_generermdp" name="BTN_generermdp" type="button" class='btn btn-info btn-app'>
                                                                        <i class="fa fa-key"></i> {{ __("Regénérer un mot de passe") }}
                                                                    </button>
                                                                    @endisset

                                                                    @empty($utilisateur->id)
                                                                    <div class="card card-dark">
                                                                        <div class="card-header">
                                                                            <h3 class="card-title">{{ __("Mot de passe de connexion") }}</h3>
                                                                        </div>
                                                                        <!-- /.card-header -->
                                                                        <div class="card-body">
                                                                            <div class="row">
                                                                                <div class="col-md-4">
                                                                                    <div class="form-group">
                                                                                        <label for="password">{{ __('Mot de passe') }}</label>
                                                                                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror max200" name="password" required autocomplete="new-password">

                                                                                        @error('password')
                                                                                        <span class="invalid-feedback" role="alert">
                                                                                            <strong>{{ $message }}</strong>
                                                                                        </span>
                                                                                        @enderror
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4">
                                                                                    <div class="form-group">
                                                                                        <label for="password-confirm">{{ __('Mot de passe (confirmation)') }}</label>
                                                                                        <input id="password-confirm" type="password" class="form-control max200" name="password_confirmation" required autocomplete="new-password">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-md-4">
                                                                                    <button id="BTN_ajoutermdp" name="BTN_ajoutermdp" type="button" class='btn btn-info btn-app'>
                                                                                        <i class="fa fa-plus"></i> {{ __("Générer un mot de passe") }}
                                                                                    </button>


                                                                                    @component('components.cb_ouinon',['title' => "Envoyer par email ?",
                                                                                    'name' => 'mail_mdp',
                                                                                    'value' => '0'])
                                                                                    @endcomponent

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <!-- /.card-body -->
                                                                    </div>

                                                                    @endempty
                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>

                                                    <div class="card card-dark">
                                                        <div class="card-header">
                                                            <h3 class="card-title">{{ __('Droits et limitations du logiciel') }}</h3>
                                                        </div>
                                                        <div class="card-body">

                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    @component('components.cb_ouinon',['title' => 'Ajouter',
                                                                    'name' => 'use_roleAdd',
                                                                    'value' => @$utilisateur->use_roleAdd])
                                                                    @endcomponent
                                                                    @component('components.cb_ouinon',['title' => 'Modifier',
                                                                    'name' => 'use_roleEdit',
                                                                    'value' => @$utilisateur->use_roleEdit])
                                                                    @endcomponent
                                                                </div>
                                                                <div class="col-md-4">
                                                                    @component('components.cb_ouinon',['title' => 'Supprimer',
                                                                    'name' => 'use_roleDelete',
                                                                    'value' => @$utilisateur->use_roleDelete])
                                                                    @endcomponent
                                                                    @component('components.cb_ouinon',['title' => 'Exporter',
                                                                    'name' => 'use_roleExport',
                                                                    'value' => @$utilisateur->use_roleExport])
                                                                    @endcomponent

                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                    {{-- <div class="card card-dark" id="affect_client">
                                                        <div class="card-header">
                                                            <h3 class="card-title">{{ __('Portefeuille') }}</h3>
                                                        </div>
                                                        <div class="card-body">

                                                            @component('components.select.select_customer',['customers' => '','value' => '','search' => 'true','emptyValue' => 'false', 'multiple' => 'true'])
                                                            @endcomponent

                                                        </div>
                                                    </div> --}}

                                                    {{-- <div class="card card-dark" id="affect_enseigne">
                                                        <div class="card-header">
                                                            <h3 class="card-title">{{ __('Enseignes affectées') }}</h3>
                                                        </div>
                                                        <div class="card-body">

                                                            @component('components.select.select_sign',['signs' => '','value' => '','search' => 'true','emptyValue' => 'false', 'multiple' => 'true'])
                                                            @endcomponent

                                                        </div>
                                                    </div> --}}


                                                    <button ype="submit" class='btn btn-save'>{{ __("Sauvegarder") }} </button>
                                                </div>

                                            </div>

                                        </div>
                                    </div>

    </form>

    </div>
    @endsection

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

    @section('modale')

    <!-- Modale de confirmation modification du mot de passe -->
    <div id="ConfirmMDPModal" class="modal fade modal-info" role="dialog">
        <div class="modal-dialog ">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <h4 class="modal-title text-center">{{ __("Confirmation de changement de mot de passe") }}</h4>
                </div>
                <div class="modal-body">
                    {{ csrf_field() }}
                    <p class="text-center">{{ __("Voulez-vous vraiment réaffecter le mot de passe de cet utilisateur ?") }}
                        <br><br>
                        <font size="2">{{ __("NB : le nouveau mot de passe lui sera renvoyé par email.") }}</font>
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __("Abandonner") }}</button>
                    <button type="button" name="BTN_change_mdp_ok" id="BTN_change_mdp_ok" class="btn btn-save">{{ __("Oui, changer le mot de passe") }}</button>

                </div>
            </div>
        </div>
    </div>

    <!-- Modale de confirmation modification du mot de passe -->
    <div id="ModalListeSites" class="modal fade modal-info" role="dialog">
        <div class="modal-dialog ">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->
                    <h4 class="modal-title text-center">{{ __("Liste des sites") }}</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-striped" id='tab_listesites'>
                        <thead class="thead-dark">
                            <tr>
                                <th style="width: 10px">#</th>
                                <th>{{ __("Nom") }}</th>
                                <th>{{ __("Voir") }}</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-abort" data-dismiss="modal">{{ __("Fermer") }}</button>
                </div>
            </div>
        </div>
    </div>

    @endsection