@extends('layouts.app',[
'class' => '',
'folderActive' => '',
'elementActive' => ''
])

@section('head_supplement')
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.css">
    <style>
        .custom-file-label::after {
            content: "Chercher" !important;
        }

        .form-group.day_bloc {
            display: inline-block;
            text-align: center;
            border: 1px solid #ccc;
            clear: both;
            width: 13%;
            max-width: 13%;
        }

        .form-group.day_bloc .col-md-6.col-sm-6.col-xs-12 {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
        }

        .form-group.day_bloc label {
            margin-right: 0;
            min-width: 76%;
            max-width: 50%;
        }

    </style>
@endsection

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-users icon-gradient bg-mean-fruit"></i>
                </div>
                <div>
                    {{ $user->user_firstname }} {{ $user->user_lastname }}
                    <div class="page-title-subheading">
                    </div>
                </div>
            </div>
            <div class="page-title-actions">
            </div>
        </div>
    </div>

    @if (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id))
        <form method="post" action="{{ route('users.update', $user->user_id) }}" enctype="multipart/form-data"
            style="width: 100%">
            @method('put')
            @csrf
            {{-- <div class="row">
                 <div class="col-md-6">
                     <div class="form-group"> --}}{{-- <img class="rounded-circle"
                                                      src="/storage/avatars/{{ $user->avatar ?? 'men_avatar.jpg' }}"
                                                      alt="" id="image-preview"
                                                      style="width: 300px !important; height: 300px !important;">
                                                 <div class="form-control-file custom-file mt-3 col-md-6 col-sm-6 col-xs-12">
                                                     <input type="file" name="file" class="custom-file-input" id="customFile"
                                                            accept=".jpeg,.jpg,.png,.bitmap,.gif">
                                                     <label class="custom-file-label" for="customFile">
                                                         Choisir un fichier (jpg, jpeg, png, ...)
                                                     </label>
                                                 </div> --}}{{-- </div>
                 </div>
                 <div class="col-md-6">

                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Type d'utilisateur
                         </label>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <select class="form-control" name="user_type" required>
                                 <option value="">Choisir un type d'utilisateur</option>
                                 @foreach (config('types.type_user') as $key => $type)
                                     <option
                                         {{ $user->user_type == $key ? 'selected' : '' }} value="{{ $key }}">{{ $type }}</option>
                                 @endforeach

                             </select>
                         </div>
                     </div>
                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Login
                         </label>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <input autocomplete="off" required="true" type="text" name="user_login"
                                    value="{{ $user['user_login'] }}" class="form-control">
                         </div>
                     </div>
                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Nom
                         </label>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <input required type="text" name="user_lastname"
                                    value="{{ $user['user_lastname'] }}" class="form-control">
                         </div>
                     </div>
                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Prénom
                         </label>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <input required type="text" name="user_firstname"
                                    value="{{ $user['user_firstname'] }}" class="form-control">
                         </div>
                     </div>
                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Mot de passe
                         </label>
                         <div class="col-md-9 col-sm-9  col-xs-12">
                             <input type="password" name="user_password"
                                    value="" class="form-control">
                         </div>
                         <div class="col-md-6 col-sm-6 col-xs-12">
                             <div class="alert alert-warning password-alert mt-2" role="alert">
                                 <ul>
                                     <li class="requirements leng"><i class="fas fa-check green-text"></i><i
                                             class="fas fa-times red-text"></i> Le mot de passe doit faire 8
                                         caractère
                                         minimum.
                                     </li>
                                     <li class="requirements big-letter"><i
                                             class="fas fa-check green-text"></i><i
                                             class="fas fa-times red-text"></i> Le mot de passe doit comprendre
                                         une
                                         lettre en
                                         majuscule.
                                     </li>
                                     <li class="requirements num"><i class="fas fa-check green-text"></i><i
                                             class="fas fa-times red-text"></i> Le mot de passe doit contenir un
                                         nombre.
                                     </li>
                                     <li class="requirements special-char"><i
                                             class="fas fa-check green-text"></i><i
                                             class="fas fa-times red-text"></i> Le mot de passe doit contenir un
                                         caractère
                                         special.
                                     </li>
                                 </ul>
                             </div>
                         </div>

                     </div>
                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Confirmation du mot de passe
                         </label>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <input type="password" name="user_password_confirm"
                                    value="" class="form-control">
                         </div>
                     </div>
                     <div class="form-group">
                         <label class="control-label col-md-9 col-sm-9 col-xs-12" for="last-name">
                             Couleur
                         </label>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <div id="color-picker-1" class="mx-auto"></div>
                             <input type="text" name="color" id="color-picker" value="{{ $user['color'] }}"
                                    class="form-control">
                         </div>
                     </div>

                     <div class="form-group">
                         <div class="custom-control custom-checkbox">
                             <input type="checkbox" class="custom-control-input" name="user_activation"
                                    id="activation" {{ $user->user_activation == 1 ? 'checked' : '' }}>
                             <label class="custom-control-label" for="activation">Activation du
                                 compte</label>
                         </div>
                     </div>
                 </div>
             </div> --}}
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-5">
                    <div class="card card-user p-3">
                        <div class="header">
                            <h4 class="title">Photo de profil</h4>
                        </div>
                        <div class="form-group">
                            <div class="image text-center">
                                <img class="rounded-circle" src="/storage/avatars/{{ $user->avatar ?? 'men_avatar.jpg' }}"
                                    alt="avatar" id="image-preview"
                                    style="width: 10rem !important; height: 10rem !important;">
                            </div>
                        </div>
                        <hr>
                        <div class="form-group">
                            <div class="custom-file">
                                <input type="file" name="file" class="custom-file-input" id="customFile"
                                    accept=".jpeg,.jpg,.png,.bitmap,.gif">
                                <label class="custom-file-label" for="customFile" aria-describedby="inputGroupFileAddon02">
                                    Choisir un fichier (jpg, jpeg, png, ...)
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-8 col-lg-8 col-md-7">
                    <div class="card p-3">
                        <div class="header">
                            <h4 class="title">Éditer les informations</h4>
                        </div>
                        <div class="content">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Type d'utilisateur
                                        </label>
                                        <div class="">
                                            <select class="form-control" name="user_type" required>
                                                <option value="">Choisir un type d'utilisateur</option>
                                                @foreach (config('types.type_user') as $key => $type)
                                                    <option {{ $user->user_type == $key ? 'selected' : '' }}
                                                        value="{{ $key }}">{{ $type }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Fonction</label>
                                        <div class="">
                                            <select class="form-control" name="fonction_id">
                                                <option value="">Choisir une fonction</option>
                                                @foreach (config('various.fonction') as $index => $fonction)
                                                    <option {{ $index == $user->fonction_id ? 'selected' : '' }}
                                                        value="{{ $index }}"> {{ $fonction }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Client </label>
                                        <div class="">
                                            <input type="hidden" name="client_id" value="0">
                                            <select class="form-control" name="client_id">
                                                <option value="0">Choisir un client</option>
                                                @foreach ($clients as $index => $client)
                                                    <option
                                                        {{ $client->client_id == $user->client_id ? 'selected' : '' }}
                                                        value="{{ $client->client_id }}">
                                                        {{ $client->client_title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Login
                                        </label>
                                        <div class="">
                                            <input autocomplete="off" required="true" type="text" name="user_login"
                                                value="{{ $user['user_login'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="email">
                                            Email
                                        </label>
                                        <div class="">
                                            <input autocomplete="off" type="text" name="email"
                                                value="{{ $user['user_email'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Nom
                                        </label>
                                        <div class="">
                                            <input required type="text" name="user_lastname"
                                                value="{{ $user['user_lastname'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Prénom
                                        </label>
                                        <div class="">
                                            <input required type="text" name="user_firstname"
                                                value="{{ $user['user_firstname'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Mot de passe
                                        </label>
                                        <div class="">
                                            <input type="password" name="user_password" value="" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Confirmation du mot de passe
                                        </label>
                                        <div class="">
                                            <input type="password" name="user_password_confirm" value=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Couleur
                                        </label>
                                        <div class="">
                                            <div id="color-picker-1" class="mx-auto"></div>
                                            <input type="text" name="color" id="color-picker"
                                                value="{{ $user['color'] }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label" for="last-name">
                                            Habilitation de Rapports
                                        </label>



                                        @foreach (config('types.type_rapport') as $key => $value)
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="hidden" name="autorisation[{{ $key }}]"
                                                            value="0">
                                                        <input type="checkbox" class="custom-control-input"
                                                            name="autorisation[{{ $key }}]"
                                                            id="autorisation[{{ $key }}]"
                                                            {{ $autorisations[$key] == 1 ? 'checked' : '' }}>
                                                        <label class="custom-control-label"
                                                            for="autorisation[{{ $key }}]">
                                                            {{ $value }}
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>



                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="custom-control custom-checkbox">
                                            <input type="hidden" name="user_activation" value="0">
                                            <input type="checkbox" class="custom-control-input" name="user_activation"
                                                id="activation" {{ $user->user_activation == 1 ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="activation">
                                                Activation du compte
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center">
                                <input style="min-width: 12%; min-height: 51px;" type="submit" class="btn btn-primary mt-3"
                                    value="Valider" id="">
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        {{-- <div class="row">
             <div class="col-sm-12 col-lg-12">
                 <div class="card-hover-shadow-2x mb-3 card">
                     <div class="card-header">Statut et fonction</div>
                     <form method="post" action="{{ route('users.update', $user->user_id) }}" class="form-horizontal form-label-left">
                         @method('put')
                         @csrf
                         <div class="form-group regular">
                             <label class="control-label col-md-12 col-sm-12 col-xs-12">Statut</label>
                             <div class="col-md-12 col-sm-12 col-xs-12">
                                 <div>
                                     <select class="form-control" name="user_type">
                                         <option value="">Choisir un statut</option>
                                         @foreach (config('types.type_user') as $index => $type)
                                             <option
                                                 {{ $index == $user->user_type ? 'selected' : '' }} value="{{ $index }}"> {{ $type }}</option>
                                         @endforeach
                                     </select>
                                 </div>
                             </div>
                         </div>
                         <div class="form-group regular ">
                             <label class="control-label col-md-12 col-sm-12 col-xs-12">Fonction </label>
                             <div class="col-md-12 col-sm-12 col-xs-12">
                                 <div>
                                     <select class="form-control" name="fonction_id">
                                         <option value="">Choisir une fonction</option>
                                         @foreach (config('various.fonction') as $index => $fonction)
                                             <option
                                                 {{ $index == $user->fonction_id ? 'selected' : '' }} value="{{ $index }}"> {{ $fonction }}</option>
                                         @endforeach
                                     </select>
                                 </div>
                             </div>
                         </div>
                         <input type="hidden" name="user_id" value="{{ $user->user_id }}">
                         <div class="d-block text-right card-footer">
                             <input type="submit" class="btn btn-primary">
                         </div>
                     </form>
                 </div>
             </div>
         </div> --}}
        @if (auth()->user()->user_type == 1 || (auth()->user()->user_type == 2 && (auth()->user()->client_id == 0 || !isset(auth()->user()->client_id))))
            <div class="row mt-5">
                {{-- <div class="col-sm-12 col-lg-4">
                          <div class="card-hover-shadow-2x mb-3 card">
                              <div class="card-header">Clients</div>
                              <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                    class="form-horizontal form-label-left">
                                  @method('put')
                                  @csrf
                                  <div class="form-group regular">
                                      <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir la liste des
                                          clients</label>
                                      <div class="col-md-6 col-sm-6 col-xs-12">
                                          <div>
                                              <div class="custom-checkbox custom-control">
                                                  <input name="see_client" type="radio" id="see_clients"
                                                         value="1"
                                                      {{ isset($user->see_client) && $user->see_client == 1 || $user['user_type'] <= 3 ? 'checked' : ''}}>
                                                  <label class="" for="see_clients">Autoriser</label>
                                                  <input name="see_client" type="radio"
                                                         id="see_clients_no" value="-1"
                                                      {{ ( !isset($user->see_client) || $user->see_client == -1 ) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                                  <label class="" for="see_clients_no">Refuser</label>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="form-group regular">
                                      <label class="control-label col-md-4 col-sm-4 col-xs-12">Créer un nouveau client</label>
                                      <div class="col-md-6 col-sm-6 col-xs-12">
                                          <div>
                                              <div class="custom-checkbox custom-control">
                                                  <input name="create_client" type="radio" id="create_client"
                                                         value="1"
                                                      {{ isset($user->create_client) && $user->create_client == 1 || $user['user_type'] <= 3 ? 'checked' : ''}}>
                                                  <label class="" for="create_client">Autoriser</label>
                                                  <input name="create_client" type="radio" id="create_client_no"
                                                         value="-1"
                                                      {{ ( !isset($user->create_client) || $user->create_client == -1 ) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                                  <label class="" for="create_client_no">Refuser</label>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="form-group regular ">
                                      <label class="control-label col-md-4 col-sm-4 col-xs-12">Créer un contrat client</label>
                                      <div class="col-md-6 col-sm-6 col-xs-12">
                                          <div>
                                              <div class="custom-checkbox custom-control">
                                                  <input name="create_contrat_client" type="radio"
                                                         id="create_contrat_client" value="1"
                                                      {{ isset($user->create_contrat_client) && $user->create_contrat_client == 1 ||
                                                        ($user->type_user <= 3) ?
                                                          'checked' : ''}}>
                                                  <label class="" for="create_contrat_client">Autoriser</label>
                                                  <input name="create_contrat_client" type="radio"
                                                         id="create_contrat_client_no"
                                                         value="-1"
                                                      {{ (!isset($user->create_contrat_client) || $user->create_contrat_client == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                                  <label class="" for="create_contrat_client_no">Refuser</label>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="d-block text-right card-footer">
                                      <input type="submit" class="btn btn-primary">
                                  </div>
                              </form>
                          </div>
                      </div>

                      <div class="col-sm-12 col-lg-4">
                          <div class="card-hover-shadow-2x mb-3 card">
                              <div class="card-header">RDV</div>
                              <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                    class="form-horizontal form-label-left">
                                  @method('put')
                                  @csrf
                                  <div class="form-group regular ">
                                      <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir tous les RDV</label>
                                      <div class="col-md-6 col-sm-6 col-xs-12">
                                          <div>
                                              <div class="custom-checkbox custom-control">
                                                  <input name="see_rdv" type="radio" id="see_rdv"
                                                         value="1"
                                                      {{ isset($user->see_rdv) && $user->see_rdv == 1 || $user['user_type'] <= 3 ? 'checked' : ''}}>
                                                  <label class="" for="see_rdv">Autoriser</label>
                                                  <input name="see_rdv" type="radio" id="see_rdv_no"
                                                         value="-1"
                                                      {{ (!isset($user->see_rdv) || $user->see_rdv == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                                  <label class="" for="see_rdv_no">Refuser</label>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="form-group regular ">
                                      <label class="control-label col-md-4 col-sm-4 col-xs-12">Créer un nouveau RDV</label>
                                      <div class="col-md-6 col-sm-6 col-xs-12">
                                          <div>
                                              <div class="custom-checkbox custom-control">
                                                  <input name="create_rdv" type="radio" id="create_rdv"
                                                         value="1"
                                                      {{ isset($user->create_rdv) && $user->create_rdv == 1 || $user['user_type'] <= 3 ? 'checked' : ''}}>
                                                  <label class="" for="create_rdv">Autoriser</label>
                                                  <input name="create_rdv" type="radio"
                                                         id="create_rdv_no" value="-1"
                                                      {{ (!isset($user->create_rdv) || $user->create_rdv == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                                  <label class="" for="create_rdv_no">Refuser</label>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="d-block text-right card-footer">
                                      <input type="submit" class="btn btn-primary">
                                  </div>
                              </form>

                          </div>
                      </div> --}}
                <div class="col-sm-12 col-lg-12">
                    <div class="card-hover-shadow-2x mb-3 card">
                        <div class="card-header">Rapports</div>
                        <form method="post" action="{{ route('users.update', $user->user_id) }}"
                            class="form-horizontal form-label-left">
                            @method('put')
                            @csrf
                            <div class="form-group regular ">
                                <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir tous les rapports</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <div>
                                        <div class="custom-checkbox custom-control">
                                            <input name="see_rapports" type="radio" id="see_rapports" value="1"
                                                {{ (isset($user->see_rapports) && $user->see_rapports == 1) || $user['user_type'] <= 3 ? 'checked' : '' }}>
                                            <label class="" for="see_rapports">Autoriser</label>

                                            <input name="see_rapports" type="radio" id="see_rapports_no" value="-1"
                                                {{ (!isset($user->see_rapports) || $user->see_rapports == -1) && $user['user_type'] > 3 ? 'checked' : '' }}>
                                            <label class="" for="see_rapports_no">Refuser</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group regular">
                                <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir les rapports d'un groupe
                                    d'inspecteurs</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <div>
                                        <div class="custom-checkbox custom-control">
                                            <a id="show_list" class="btn btn-success">Gérer la liste des inspecteurs à
                                                controler</a>
                                            <div id="list" style="display:none">
                                                <input type="checkbox" id="select_all" value="Tout cocher"
                                                    {{ count($user['users_to_control']) == count($users_liste) ? 'checked' : '' }}>
                                                <label>Tout sélectionner</label>
                                                <br />
                                                @foreach ($users_liste as $inspecteur)
                                                    <input class="user_list"
                                                        {{ in_array($inspecteur->user_id, $user['users_to_control']) ? 'checked' : '' }}
                                                        type="checkbox" name="users_to_control[]"
                                                        value="{{ $inspecteur->user_id }}">
                                                    <label>{{ $inspecteur->user_firstname }}
                                                        {{ $inspecteur->user_lastname }}</label>
                                                    <br />
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group regular ">
                                    <label class="control-label col-md-4 col-sm-4 col-xs-12">Valider les
                                        rapports</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div>
                                            <div class="custom-checkbox custom-control">
                                                <input name="validate_rapports" type="radio" id="validate_rapports"
                                                    value="1"
                                                    {{ (isset($user->validate_rapports) && $user->validate_rapports == 1) || $user['user_type'] <= 3? 'checked': '' }}>
                                                <label class="" for="validate_rapports">Autoriser</label>
                                                <input name="validate_rapports" type="radio" id="validate_rapports_no"
                                                    value="-1"
                                                    {{ (!isset($user->validate_rapports) || $user->see_rapports == -1) && $user['user_type'] > 3 ? 'checked' : '' }}>
                                                <label class="" for="validate_rapports_no">Refuser</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group regular ">
                                    <label class="control-label col-md-4 col-sm-4 col-xs-12">Modifier un rapport</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div>
                                            <div class="custom-checkbox custom-control">
                                                <input name="modify_rapports" type="radio" id="modify_rapports" value="1"
                                                    {{ (isset($user->modify_rapports) && $user->modify_rapports == 1) || $user['user_type'] <= 3 ? 'checked' : '' }}>
                                                <label class="" for="modify_rapports">Autoriser</label>

                                                <input name="modify_rapports" type="radio" id="modify_rapports_no"
                                                    value="-1"
                                                    {{ (!isset($user->modify_rapports) || $user->modify_rapports == -1) && $user['user_type'] > 3 ? 'checked' : '' }}>
                                                <label class="" for="modify_rapports_no">Refuser</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group regular ">
                                    <label class="control-label col-md-4 col-sm-4 col-xs-12">Supprimer un
                                        rapport</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div>
                                            <div class="custom-checkbox custom-control">
                                                <input name="delete_rapports" type="radio" id="delete_rapports" value="1"
                                                    {{ (isset($user->delete_rapports) && $user->delete_rapports == 1) || $user['user_type'] <= 3 ? 'checked' : '' }}>
                                                <label class="" for="delete_rapports">Autoriser</label>
                                                <input name="delete_rapports" type="radio" id="delete_rapports_no"
                                                    value="-1"
                                                    {{ (!isset($user->modify_rapports) || $user->delete_rapports == -1) &&$user['user_type'] &&$user['user_type'] > 3? 'checked': '' }}>
                                                <label class="" for="delete_rapports_no">Refuser</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-block text-right card-footer">
                                    <input type="submit" class="btn btn-primary">
                                </div>
                        </form>
                    </div>
                </div>
                @if (Auth::user()->client_id == 0)
                    <div>
                        @include('dashboard.taches.details')
                        <br>
                        @include('dashboard.taches.archive')
                    </div>
                @endif
            </div>

            {{-- <div class="row">
                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Utilisateurs</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir la liste des
                                      utilisateurs</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_users" type="radio" id="see_users"
                                                     value="1"
                                                  {{ isset($user->see_users) && $user->see_users == 1 || $user['user_type'] <= 3 ? 'checked' : ''}}>
                                              <label class="" for="see_users">Autoriser</label>
                                              <input name="see_users" type="radio"
                                                     id="see_users_no" value="-1"
                                                  {{ (!isset($user->see_users) || $user->see_users == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_users_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Créer un nouvel
                                      utilisateur</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="create_user" type="radio" id="create_user"
                                                     value="1"
                                                  {{ isset($user->create_user) && $user->create_user == 1
                                              || ($user['user_type'] <= 3)
                                               ? 'checked' : ''}}>
                                              <label class="" for="create_user">Autoriser</label>
                                              <input name="create_user" type="radio"
                                                     id="create_user_no" value="-1"
                                                  {{ (!isset($user->create_user) || $user->create_user == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="create_user_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Modifier les droits
                                      utilisateurs</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="modify_user" type="radio" id="modify_user"
                                                     value="1"
                                                  {{ isset($user->modify_user) && $user->modify_user == 1
                                              || ($user['user_type'] <= 3)
                                               ? 'checked' : ''}}>
                                              <label class="" for="modify_user">Autoriser</label>
                                              <input name="modify_user" type="radio"
                                                     id="modify_user_no" value="-1"
                                                  {{ (!isset($user->modify_user) || $user->modify_user == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="modify_user_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>

                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>
                      </div>
                  </div>

                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Opérations</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir les opérations</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_ope" type="radio" id="see_ope"
                                                     value="1"
                                                  {{ isset($user->see_ope) && $user->see_ope == 1
                                           || ($user['user_type'] <= 3)
                                            ? 'checked' : ''}}>
                                              <label class="" for="see_ope">Autoriser</label>
                                              <input name="see_ope" type="radio"
                                                     id="see_ope_no" value="-1"
                                                  {{ (!isset($user->see_ope) || $user->see_ope == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_ope_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Créer une Opération</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="create_ope" type="radio" id="create_ope"
                                                     value="1"
                                                  {{ isset($user->create_ope) && $user->create_ope == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="create_ope">Autoriser</label>
                                              <input name="create_ope" type="radio"
                                                     id="create_ope_no" value="-1"
                                                  {{ (!isset($user->create_ope) || $user->create_ope == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="create_ope_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Modifier une Opération</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="modify_ope" type="radio" id="modify_ope"
                                                     value="1"
                                                  {{ isset($user->modify_ope) && $user->modify_ope == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="modify_ope">Autoriser</label>
                                              <input name="modify_ope" type="radio"
                                                     id="modify_ope_no" value="-1"
                                                  {{ (!isset($user->modify_ope) || $user->modify_ope == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="modify_ope_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Editer le rapport de
                                      synthèse</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="edit_synthese" type="radio" id="edit_synthese"
                                                     value="1"
                                                  {{ isset($user->edit_synthese) && $user->edit_synthese == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="edit_synthese">Autoriser</label>
                                              <input name="edit_synthese" type="radio"
                                                     id="edit_synthese_no" value="-1"
                                                  {{ (!isset($user->edit_synthese) || $user->edit_synthese == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="edit_synthese_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>
                      </div>
                  </div>

                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Prospection</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir le tableau de
                                      prospection</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_prospection" type="radio" id="see_prospection"
                                                     value="1"
                                                  {{ isset($user->see_prospection) && $user->see_prospection == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="see_prospection">Autoriser</label>
                                              <input name="see_prospection" type="radio"
                                                     id="see_prospection_no" value="-1"
                                                  {{ (!isset($user->see_prospection) || $user->see_prospection == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_prospection_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir la liste des
                                      prospects</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_prospects" type="radio" id="see_prospects"
                                                     value="1"
                                                  {{ isset($user->see_prospection) && $user->see_prospection == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="see_prospects">Autoriser</label>
                                              <input name="see_prospects" type="radio"
                                                     id="see_prospects_no" value="-1"
                                                  {{ (!isset($user->see_prospects) || $user->see_prospects == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_prospects_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>
                      </div>
                  </div>
              </div>
              <div class="row">
                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Facturation</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir la liste des
                                      factures</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_factures" type="radio" id="see_factures"
                                                     value="1"
                                                  {{ isset($user->see_factures) && $user->see_factures == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="see_factures">Autoriser</label>

                                              <input name="see_factures" type="radio"
                                                     id="see_factures_no" value="-1"
                                                  {{ (!isset($user->see_factures) || $user->see_factures == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_factures_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>

                      </div>
                  </div>

                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Gestion documentaire</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir la gestion
                                      documentaire</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_ged" type="radio" id="see_ged"
                                                     value="1"
                                                  {{ isset($user->see_ged) && $user->see_ged == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="see_ged">Autoriser</label>

                                              <input name="see_ged" type="radio"
                                                     id="see_ged_no" value="-1"
                                                  {{ (!isset($user->see_ged) || $user->see_ged == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_ged_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>

                      </div>
                  </div>

                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Outil de suivi de production</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Voir l'OSP</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input name="see_osp" type="radio" id="see_osp"
                                                     value="1"
                                                  {{ isset($user->see_osp) && $user->see_osp == 1
                                                  || ($user['user_type'] <= 3)
                                                    ? 'checked' : ''}}>
                                              <label class="" for="see_osp">Autoriser</label>
                                              <input name="see_osp" type="radio"
                                                     id="see_osp_no" value="-1"
                                                  {{ (!isset($user->see_osp) || $user->see_osp == -1) && $user['user_type'] > 3 ? 'checked' : ''}}>
                                              <label class="" for="see_osp_no">Refuser</label>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>
                      </div>
                  </div>
                  <div class="col-sm-12 col-lg-4">
                      <div class="card-hover-shadow-2x mb-3 card">
                          <div class="card-header">Données</div>
                          <form method="post" action="{{ route('users.update', $user->user_id) }}"
                                class="form-horizontal form-label-left">
                              @method('put')
                              @csrf
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Prix de vente à la
                                      journée</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input class="form-control" name="vente_journee" type="text"
                                                     id="vente_journee" value=" {{ $user['vente_journee'] }} ">
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Taux d'activité</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input class="form-control pickerdate" name="taux_activite"
                                                     type="text" id="taux_activite"
                                                     value="{{ $user['taux_activite'] }}">
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Date d'entrée</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input class="form-control pickerdate" name="date_entree"
                                                     type="text"
                                                     id="date_entree" value="{{ $user['date_entree'] }}">
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group regular ">
                                  <label class="control-label col-md-4 col-sm-4 col-xs-12">Date de sortie</label>
                                  <div class="col-md-6 col-sm-6 col-xs-12">
                                      <div>
                                          <div class="custom-checkbox custom-control">
                                              <input class="form-control" name="date_sortie" type="text"
                                                     id="date_sortie" value="{{ $user['date_sortie'] }}">
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="d-block text-right card-footer">
                                  <input type="submit" class="btn btn-primary">
                              </div>
                          </form>
                      </div>
                  </div>
              </div> --}}
        @endif
        @if ($user['user_type'] == 5 || $user['user_type'] == 4 || $user['user_type'] == 6)
            <form class="mb-3" method="post" action="{{ route('users.update', $user->user_id) }}"
                enctype="multipart/form-data">
                @method('put')
                @csrf
                @if ($user->user_type == 5)
                    <div class="col-md-4 col-lg-4 col-xl-4">
                        <div class="mb-3 card">
                            <div class="card-header-tab card-header">
                                <div class="card-header-title">
                                    Superviseur
                                </div>
                            </div>
                            <div class="card-body">
                                <select class="form-control select2" name="superviseur">
                                    <option value="">Choisir un superviseur</option>

                                    @foreach ($superviseurs as $superviseur)
                                        <option {{ $superviseur->user_id == $user->superviseur ? 'selected' : '' }}
                                            value="{{ $superviseur->user_id }}">
                                            {{ $superviseur->user_firstname }} {{ $superviseur->user_lastname }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                @endif
                @if (in_array($user->user_type, [4, 5]))
                    <div class="col-md-12 col-lg-12 col-xl-12">
                        <div class="mb-3 card">
                            <div class="card-header-tab card-header">
                                <div class="card-header-title">
                                    Départements d'inspection (séparer chaque département par un ;)
                                </div>
                            </div>
                            <div>
                                <input autocomplete="off" type="text" class="form-control" name="dpts" id=""
                                    value="{{ $dpts ? implode(';', $dpts) : '' }}">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12 col-xl-12">
                        <div class="mb-3 card">
                            <div class="card-header-tab card-header">
                                <div class="card-header-title">
                                    jours de disponibilité
                                </div>
                            </div>
                            <div>
                                @for ($i = 1; $i <= 7; $i++)
                                    <div class="form-group day_bloc">
                                        {{ config('various.jours.' . $i) }}
                                        @for ($hr = 8; $hr <= 20; $hr += 1)
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <label class="control-label col-md-3 col-sm-3 col-xs-12"
                                                    for="last-name">{{-- {{ str_replace('.5H', 'H30', $hr.'H') }} --}} {{ $hr }}
                                                    H</label>
                                                <input type="checkbox" style="" class=""
                                                    name="jours[{{ $i == 7 ? 0 : $i }}][]" id=""
                                                    value=" {{ $hr }}"
                                                    {{ isset($dispos[$i == 7 ? 0 : $i][$hr]) && $dispos[$i == 7 ? 0 : $i][$hr] == 1 ? 'checked' : '' }}>
                                            </div>
                                        @endfor
                                    </div>
                                @endfor
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12 col-xl-12">
                        <div class="mb-3 card">
                            <div class="card-header-tab card-header">
                                <div class="card-header-title">
                                    congés
                                </div>
                            </div>
                            <div>
                                <script type="text/javascript">
                                    $('.del_conges').click(function() {
                                        var id = $(this).data('date_id');
                                        $(".to_del_from").each(function(index) {
                                            console.log($(this).data('date_id'));
                                            if ($(this).data('date_id') == id) {
                                                $(this).remove();
                                            }
                                        });
                                        $(".to_del_to").each(function(index) {
                                            console.log($(this).data('date_id'));
                                            if ($(this).data('date_id') == id) {
                                                $(this).remove();
                                            }
                                        });
                                        $(".text_to_del").each(function(index) {

                                            if ($(this).data('date_id') == id) {
                                                $(this).hide();
                                            }
                                        });
                                    });
                                </script>
                                <div style="margin-top:25px;">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">

                                        Ajouter une période de congés
                                    </label>
                                    {{-- <div class="col-md-6 col-sm-6 col-xs-12">
                                                    Du
                                                    <input autocomplete="off" type="text" class="form-control date_picker"
                                                           name="conges_from[1]" id="date1" value="">
                                                    au
                                                    <input autocomplete="off" type="text" class="form-control date_picker"
                                                           name="conges_to[1]" id="date2" value="">
                                                </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12 col-xl-12">
                        <div class="mb-3 card">
                            <div class="card-header-tab card-header">
                                <div class="card-header-title">
                                    Absences
                                </div>
                            </div>
                            <div>
                                                                <script type="text/javascript">
                                    $('.del_absences').click(function() {
                                        var id = $(this).data('date_id');
                                        $(".to_del_from_absences").each(function(index) {
                                            console.log($(this).data('date_id'));
                                            if ($(this).data('date_id') == id) {
                                                $(this).remove();
                                            }
                                        });
                                        $(".to_del_to_absences").each(function(index) {
                                            console.log($(this).data('date_id'));
                                            if ($(this).data('date_id') == id) {
                                                $(this).remove();
                                            }
                                        });
                                        $(".text_to_del_absences").each(function(index) {

                                            if ($(this).data('date_id') == id) {
                                                $(this).hide();
                                            }
                                        });
                                    });
                                </script>
                                <div style="margin-top:25px;">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">
                                        Ajouter une période d'absence
                                    </label>
                                    {{-- <div class="col-md-6 col-sm-6 col-xs-12">
                                                     Du
                                                     <input autocomplete="off" type="text" class="form-control date_picker"
                                                            name="absences_from[1]" id="date3" value="">
                                                     au
                                                     <input autocomplete="off" type="text" class="form-control date_picker"
                                                            name="absences_to[1]" id="date4" value="">
                                                 </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                <input style="min-width: 13%;    min-height: 51px;" type="submit" class="btn btn-primary" id="">
            </form>
        @endif

    @endif

    <script src="https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.js"></script>
    <script src="{{ mix('js/password.js') }}" defer></script>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            let select_all = document.getElementById('select_all');

            if (select_all !== undefined && select_all !== null) {
                select_all.addEventListener('change', function() {
                    let list = document.querySelectorAll('.user_list');

                    list.forEach(function(item) {
                        item.checked = select_all.checked;
                    });
                });

            }

            $('#show_list').click(function() {

                if ($('#list').is(':visible')) {
                    $('#list').hide();
                } else {
                    $('#list').show();
                }

            });

            $(".custom-file-input").on("change", function() {
                var fileName = $(this).val().split("\\").pop();
                $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
            });

            $('#color-picker').spectrum({
                type: "component"
            });

            const inputElement = document.getElementById("customFile");
            if (inputElement !== undefined && inputElement !== null)
                inputElement.addEventListener("change", handleFiles, false);

            function handleFiles() {
                const fileList = this.files; /* now you can work with the file list */
                const file = fileList[0];
                const imgPreview = document.getElementById("image-preview");

                imgPreview.file = file;

                const reader = new FileReader();
                reader.onload = (function(aImg) {
                    return function(e) {
                        aImg.src = e.target.result;
                    };
                })(imgPreview);
                reader.readAsDataURL(file);

            }
        });
    </script>
@endsection