@extends('layouts.squelette')
<!-- ************************************** -->
@section('css_header')
@endsection
<!-- ************************************** -->
@section('titre')
  {{ __('Mon compte') }}
@endsection
<!-- ************************************** -->
@section('titre_header')
{{ __('Mon compte') }}
@endsection

@section('titre_page')
{{ __('Mon compte') }}
@endsection
<!-- ************************************** -->
@section('contenu')

<form method="post" action="{{ route('monCompte/update',[$utilisateur->id]) }}" enctype="multipart/form-data">
@method('POST')
@csrf

<input type="hidden" name="id" id="id" value="{{ $utilisateur->id }}">

<ul class="nav nav-tabs" role="tablist" id="myTabBilling">
    <li class="nav-item">
        <a href="#information" class="nav-link {{ Route::current()->getName()=='monCompte' ? 'active' : '' }}" data-toggle="tab" role="tab" aria-controls="information" id="info-tab" aria-selected="true">{{ __('Informations') }}</a>
    </li>
    <li class="nav-item">
        <a href="#option" class="nav-link" data-toggle="tab" role="tab" aria-controls="sites" id="site-tab" aria-selected="true">{{ __('Option/paramètres') }}</a>
    </li>
</ul>

<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">
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!-------------------------------------------------INFORMATION---------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
                            <!-- Panel général -->
                            <div class="tab-pane fade show active" id="information" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div align="right"><button ype="submit" class='btn btn-save'>{{ __('Sauvegarder') }} </button></div>
                                    </div>
                                </div>

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

                                        <div class="form-group">
                                            <label for="name">{{ __('Nom - Prénom') }}</label>
                                            <input id="name" name="name" type="text" class="form-control  @error('name') is-invalid @enderror" name="name"
                                                value="{{ $utilisateur->name }}" 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') }}</label>
                                            <input id="email" name="email" type="email" class="form-control  @error('email') is-invalid @enderror" name="email"
                                            value="{{ $utilisateur->email }}" autocomplete="email">
                                            @error('email')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ @$message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                        <label for="use_phone">{{ __('Téléphone') }}</label>
                                            <input type="tel" id="use_phone" class="form-control phone  @error('use_phone') is-invalid @enderror" name="use_phone" value="{{ $utilisateur->use_phone }}" >
                                            @error('use_phone')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ @$message }}</strong>
                                                </span>
                                            @enderror
                                        </div>

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


                                    <div class="col-md-6">
                                        <button id="BTN_changer_mdp" name="BTN_changer_mdp" type="button" class='btn btn-info btn-app mt-4'>
                                            <i class="fa fa-key"></i> {{ __('Changer mon mot de passe') }}
                                        </button>
                                    </div>

                                </div>
                            </div>
                        </form>
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
<!-------------------------------------------------options/parametres--------------------------------------------------------------------------------------->
<!---------------------------------------------------------------------------------------------------------------------------------------------------------->
                        <div class="tab-pane fade" id="option" role="tabpanel" aria-labelledby="site-tab">

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="card card-outline card-warning">
                                        <div class="card-header">
                                          <h5>{{__('Options')}}</h5>
                                        </div>
                                        <!-- /.card-header -->
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <!-------------DI-------------------------------------->
                                                    <label class="d-flex">{{ __('Ouverture des DI dans un nouvel onglet') }}</label>
                                                    <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                                        <label id="lbl_di1" class="btn btn-default">
                                                        <input type="radio" name="usePar_diNewOnglet" id="di1" autocomplete="off"  value="1" {{ $utilisateur->usePar_diNewOnglet == 1 ? 'checked' : ''  }}>{{ __('Oui') }}</label>


                                                        <label id="lbl_di0" class="btn btn-default">
                                                        <input type="radio" name="usePar_diNewOnglet" id="di0" autocomplete="off"  value="0" {{ $utilisateur->usePar_diNewOnglet == 0  ? 'checked' : '' }}>{{ __('Non') }}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <!-------------PDF------------------------------------->
                                                    <label class="d-flex">{{ __('Edition pdf') }}</label>
                                                    <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                                        <label id="lbl_pdf1" class="btn btn-default">
                                                        <input type="radio" name="usePar_editPdfOption" id="pdf1" autocomplete="off"  value="download" {{ $utilisateur->usePar_editPdfOption=='download' ? 'checked' : ''  }}>{{ __('Télécharger') }}</label>

                                                        <label id="lbl_pdf0" class="btn btn-default">
                                                        <input type="radio" name="usePar_editPdfOption" id="pdf0" autocomplete="off"  value="see" {{ $utilisateur->usePar_editPdfOption=='see'  ? 'checked' : '' }}>{{ __('Voir') }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @if (Session::get('active_notifications')=='oui')
                                    <div class="card card-outline card-warning">
                                        <div class="card-header">
                                          <h5>{{__('Notifications')}}</h5>
                                        </div>
                                        <!-- /.card-header -->
                                        <div class="card-body">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="create_user" name="create_user" {{ @$user_params_notifs->create_user=='1' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="create_user">
                                                  {{__('Création nouvel utilisateur')}}
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="add_proQuo_presta" name="add_proQuo_presta" {{ @$user_params_notifs->add_proQuo_presta=='1' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="add_proQuo_presta">
                                                    {{__('Ajout d\'un devis par un prestataire')}}
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="int_planification_presta" name="int_planification_presta" {{ @$user_params_notifs->int_planification_presta=='1' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="int_planification_presta">
                                                    {{__('Planification d\'une intervention par un prestataire')}}
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="int_realisation_presta" name="int_realisation_presta" {{ @$user_params_notifs->int_realisation_presta=='1' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="int_realisation_presta">
                                                    {{__('Validation réalisation d\'une intervention par le prestataire')}}
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="add_int_site" name="add_int_site" {{ @$user_params_notifs->add_int_site=='1' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="add_int_site">
                                                    {{__('Nouvelle demande d\'intervention site')}}
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="add_int_message" name="add_int_message" {{ @$user_params_notifs->add_int_message=='1' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="add_int_message">
                                                    {{__('Nouveau message sur une DI')}}
                                                </label>
                                            </div>

                                        </div>
                                    </div>
                                    @endif

                                </div>

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

                            </div>

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

                        </div>

                        </div>
                        <!-- Panel coordonnées -->

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

              </div>

            </div>
          </div>

</form>

</div>

@endsection

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

@section('modale')

<!-- Modale de changement de mot de passe --> --}}
    <div id="ChangerMdpModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
          <!-- Modal content-->
            <form method="post" class="" id="form_modalechgmdp" name="form_modalechgmdp" action="{{ route('changer_mdp_compte') }}" enctype="multipart/form-data">
            @csrf
            {{ csrf_field() }}
              <div class="modal-content">
                  <div class="modal-header bg-danger">

                      <h4 class="modal-title text-center">{{__('Changement de mot de passe')}} </h4>
                  </div>
                  <div class="modal-body">

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

                                <div class="form-group row">
                                    <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

                                    <div class="col-md-6">
                                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">

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

                                <div class="form-group row">
                                    <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>

                                    <div class="col-md-6">
                                        <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                                    </div>
                                </div>

                        </div>
                    </div>

                  </div>
                  <div class="modal-footer">
                      <center>
                          <button type="button" name="BTN_fermermodale_cg_mdp" id="BTN_fermermodale_cg_mdp"  data-dismiss="modal" class="btn btn-warning">Annuler</button>
                          <button type="submit" name="BTN_change_mdp_ok" id="BTN_change_mdp_ok" class="btn btn-success">Enregistrer</button>
                      </center>
                  </div>

                  </form>
              </div>
        </div>
       </div>
 @endsection