@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="params-tab" aria-selected="true">{{ __("Option/paramètres") }}</a>
    </li>
    @if (Session::get('management_astreinte')=='oui')
    <li class="nav-item">
        <a href="#astreinte" class="nav-link" data-toggle="tab" role="tab" aria-controls="sites" id="astreinte-tab" aria-selected="true">{{ __("Astreinte") }}</a>
    </li>
    @endif
</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   @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  @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 class="card card-outline card-warning">
                                        <div class="card-header">
                                          <h5>Thème visuel</h5>
                                        </div>
                                        <!-- /.card-header -->
                                        <div class="card-body">

                                            <div class="form-check form-check-inline w-25 pr-5">
                                                <input class="form-check-input" type="radio" name="usePar_template" id="skinTheme1" value="1" {{ $utilisateur->usePar_template==1 ? 'checked' : '' }}>
                                                <label class="form-check-label" for="skinTheme1">
                                                    <img src="/images/skin1.png"  alt="theme1">
                                                </label>
                                            </div>
                                            <div class="form-check form-check-inline w-25">
                                                <input class="form-check-input" type="radio" name="usePar_template" id="skinTheme2" value="2" {{ $utilisateur->usePar_template==2 ? 'checked' : '' }}>
                                                <label class="form-check-label" for="skinTheme2">
                                                    <img src="/images/skin2.png"  alt="theme2">
                                                </label>
                                            </div>
                                            <br><br>
                                            <span class="info-box-text">{{ __('NB : Pour que le nouveau thème s\'applique, pensez à vous déconnecter et vous reconnecter.') }}</span>

                                        </div>
                                    </div>


                                </div> --}}

                            </div>

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

                        </div>

                        <!---------------------------------------------------------------------------------------------------------------------------------------------------------->
                        <!---------------------------------------------------------------------------------------------------------------------------------------------------------->
                        <!-------------------------------------------------astreinte--------------------------------------------------------------------------------------->
                        <!---------------------------------------------------------------------------------------------------------------------------------------------------------->
                        <div class="tab-pane fade" id="astreinte" role="tabpanel" aria-labelledby="site-tab">

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card card-outline card-warning">
                                        <div class="card-header">
                                        <h5>Gestion des astreintes</h5>
                                        </div>
                                        <!-- /.card-header -->
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <!-------------DI-------------------------------------->
                                                    <label class="d-flex">{{ __('Je suis d’astreinte') }}</label>
                                                    <div class="form-group btn-group btn-group-toggle" data-toggle="buttons">
                                                        <label id="lbl_astreinte1" class="btn btn-default">
                                                        <input type="radio" name="use_astreinte" id="astreinte1" autocomplete="off"  value="1" {{ $utilisateur->use_astreinte == 1 ? 'checked' : ''  }}>{{ __('Oui') }}</label>


                                                        <label id="lbl_astreinte0" class="btn btn-default">
                                                        <input type="radio" name="use_astreinte" id="astreinte0" autocomplete="off"  value="0" {{ $utilisateur->use_astreinte == 0  ? 'checked' : '' }}>{{ __('Non') }}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    <!-------------------------------------------------->
                                                    <H3>Mes astreintes</H3>
                                                    <table id="TabAstreintes" class="table table-striped table-compact"  width="100%" cellspacing="0" data-order='[[ 1, "desc" ]]'> 								<thead class="thead-dark">
                                                        <tr>
                                                            <th>{{ __("#") }}</th>
                                                            <th>{{ __("Début") }}</th>
                                                            <th>{{ __("Fin") }}</th>
                                                            <th>{{ __("Etat") }}</th>

                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($list_astreinte as $astreinte)
                                                            <tr>
                                                                <th>{{$astreinte->useAst_id }}</th>
                                                                <th>{{ date('d/m/Y à H:i', strtotime($astreinte->useAst_startDate)) }}</th>
                                                                <th>{!! ($astreinte->useAst_etatAstreinte == 0) ? date('d/m/Y à H:i', strtotime($astreinte->useAst_endDate)) : "" !!}</th>
                                                                <th>{!! ($astreinte->useAst_etatAstreinte == 1) ? '<span class="badge btn-warning">En cours</span>' : '<span class="badge btn-success">Terminé</span>'!!}</th>
                                                            </tr>
                                                        @endforeach

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

                            <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