@extends('layouts.app0/param')
@section('content')

    <div class="page-bar">
        <ul class="page-breadcrumb">

            <li>
                <span class="caption-subject bold uppercase"> LISTE DES UTILISATEURS </span>
            </li>
        </ul>
        <div class="page-toolbar">
        </div>
    </div>
    <!-- END PAGE BAR -->
    <!-- BEGIN PAGE TITLE-->


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

            <div class="portlet light bordered">
                {{-- <div class="portlet-title">
                    <div class="caption font-dark">


                    </div>
                    <div class="actions">
                    </div>
                </div> --}}
                <div class="portlet-body">
                    <div class="table-toolbar">
                        <div class="row">

                            {{-- ADD groupe --}}
                            <div class="btn-group">
                                <a data-toggle="modal" data-target="#addgroupe" class="btn sbold btn-success btn-sm">
                                    <i class="fa fa-plus"></i>
                                    CREER
                                </a>
                                <div class="modal fade" data-backdrop="static"id="addgroupe" tabindex="-1" role="basic" aria-text="true">
                                    <div class="modal-dialog modal-md">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-text="true"></button>
                                                <h4 class="modal-title">CREATION D'UN utilisateur </h4>
                                            </div>


                                                    <div class="modal-content">
                                                        <form action="{{ route('admin.store') }}" method="post">

                                                            <div class="modal-body">

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

                                                                    <div class="col-md-12">
                                                                        <div class="form-group col-md-10">
                                                                            <label for="ecole_id" class="control-label ">Etablissement </label>
                                                                            <select name="ecole_id" id="ecole_id" class="form-control" placeholder="Etablissement" required>
                                                                                <option></option>
                                                                                @foreach($ecoles as $ecole)
                                                                                    <option value="{{ $ecole->id }}" >{{ $ecole->libelle }}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                        <div class="col-md-2" style="padding-right:2%;padding-top: 3%">
                                                                            <button type="button" data-toggle="modal" data-target="#addecole" title="Ajouter une nouvelle entité " class="btn sbold btn-success">
                                                                                <i class="fa fa-plus"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group">
                                                                        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                                                                        <label class="control-label visible-ie8 visible-ie9">Email</label>
                                                                        <input type="text" class="form-control form-control-solid placeholder-no-fix @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus class="form-control"
                                                                            placeholder="Email" name="Email" />
                                                                            @error('email')
                                                                            <span role="alert" style="color: red">
                                                                                <strong>{{ $message }}</strong>
                                                                            </span>
                                                                            @enderror
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                                                                        <label class="control-label visible-ie8 visible-ie9">Nom</label>
                                                                        <input type="text" class="form-control form-control-solid placeholder-no-fix @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus
                                                                            placeholder="Nom" name="name" />
                                                                            @error('name')
                                                                            <span role="alert" style="color: red">
                                                                                <strong>{{ $message }}</strong>
                                                                            </span>
                                                                            @enderror
                                                                    </div>

                                                                    <div class="form-group">
                                                                        <label class="control-label visible-ie8 visible-ie9">Mot de passe</label>
                                                                        <input class="form-control form-control-solid placeholder-no-fix @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" type="password" autocomplete="off"
                                                                            placeholder="Mot de passe" name="password" />
                                                                            @error('password')
                                                                            <span role="alert" style="color: red">
                                                                                <strong>{{ $message }}</strong>
                                                                            </span>
                                                                        @enderror
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="control-label visible-ie8 visible-ie9">Répéter le mot de passe</label>
                                                                        <input class="form-control form-control-solid placeholder-no-fix" id="password-confirm" type="password"  name="password_confirmation" required autocomplete="new-password"
                                                                            placeholder="Répéter le mot de passe" name="password" />

                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label class="control-label visible-ie8 visible-ie9">Téléphone</label>
                                                                        <input class="form-control form-control-solid placeholder-no-fix @error('phone_number') is-invalid @enderror" name="phone_number" required autocomplete="phone_number" type="text" autocomplete="off"
                                                                            placeholder="Téléphone" name="phone_number" />
                                                                            @error('phone_number')
                                                                            <span role="alert" style="color: red">
                                                                                <strong>{{ $message }}</strong>
                                                                            </span>
                                                                        @enderror
                                                                    </div>
                                                                    <div class="col-md-12 ">
                                                                    <div class="switch-wrap d-flex justify-content-between">

                                                                        @if(auth()->user()->getModules(1))
                                                                            <div class="primary-checkbox">
                                                                                <input name = "privileges[]" value = "caisse" type="checkbox" id="default-checkbox1">
                                                                                <label for="default-checkbox1">Caisse</label>
                                                                            </div>
                                                                         @endif
                                                                        @if(auth()->user()->getModules(2))
                                                                            <div class="primary-checkbox">
                                                                                <input name = "privileges[]" value = "registre" type="checkbox" id="default-checkbox2">
                                                                                <label for="default-checkbox2">Registre</label>
                                                                            </div>
                                                                        @endif
                                                                        @if(auth()->user()->getModules(3))
                                                                             <div class="primary-checkbox">
                                                                                <input name = "privileges[]" value = "comptabilite" type="checkbox" id="default-checkbox3">
                                                                                <label for="default-checkbox3">Comptabilité</label>
                                                                            </div>
                                                                        @endif
                                                                        @if(auth()->user()->getModules(4))
                                                                            <div class="primary-checkbox">
                                                                                <input name = "privileges[]" value = "note" type="checkbox" id="default-checkbox4">
                                                                                <label for="default-checkbox4">note</label>
                                                                            </div>
                                                                        @endif
                                                                        @if(auth()->user()->getModules(5))
                                                                             <div class="primary-checkbox">
                                                                                <input name = "privileges[]" value = "notification" type="checkbox" id="default-checkbox7">
                                                                                <label for="default-checkbox7">notification</label>
                                                                            </div>
                                                                        @endif
                                                                        @if(auth()->user()->getModules(6))
                                                                             <div class="primary-checkbox">
                                                                                <input name = "privileges[]" value = "rh" type="checkbox" id="default-checkbox8">
                                                                                <label for="default-checkbox8">Ressources Humaines</label>
                                                                            </div>
                                                                        @endif

                                                                        <div class="primary-checkbox">
                                                                            <input name = "privileges[]" value = "parametre" type="checkbox" id="default-checkbox5">
                                                                            <label for="default-checkbox5">Parametre</label>
                                                                        </div>
                                                                        <div class="primary-checkbox">
                                                                            <input name = "privileges[]" value = "stock" type="checkbox" id="default-checkbox9">
                                                                            <label for="default-checkbox9">Gestion de stock</label>
                                                                        </div>
                                                                        <div class="primary-checkbox">
                                                                            <input name = "privileges[]" value = "utilisateur" type="checkbox" id="default-checkbox6">
                                                                            <label for="default-checkbox6">Utilisateur</label>
                                                                        </div>

                                                                    </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">FERMER</button>
                                                                <button type="submit" class="btn green">ENREGISTRER</button>
                                                            </div>
                                                        </form>
                                                    </div>

                                                </div>

                                            </div>

                                    </div>

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

                    <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_3">
                        <thead>
                        <tr>
                            <th class="text-center">N°</th>
                            <th class="text-center">Nom</th>
                            <th class="text-center">Entité</th>
                            <th class="text-center">Téléphone</th>
                            <th class="text-center">Email</th>
                            <th class="text-center">Privilèges</th>
                            <th class="text-center">Action</th>

                        </tr>
                        </thead>
                        <tbody>
                            @foreach($users as $key => $user )
                            <tr>

                                <td class="text-center">{{$key+1 }}</td>
                                <td class="text-center">{{$user->name }}</td>
                                <td class="text-center">{{$user->getEcole($user->ecole_id)->libelle }}</td>
                                <td class="text-center">{{$user->phone_number }}</td>
                                <td class="text-center">{{$user->email }}</td>
                                <td class="text-center">
                                @foreach($privileges->where('user_id',$user->id) as $privs)
                                    @foreach($privs->toArray() as $privs2=>$privs2Val)
                                        @if($privs2Val == 1 && !in_array($privs2, ["id","user_id"]))
                                            <label class = "label label-primary">{{$privs2}}</label>
                                        @endif
                                    @endforeach
                                @endforeach
                                </td>
                                <td class="text-center">
                                    <button  data-id="{{ $user->id }}"  data-name="{{$user->name }}"  class="btn btn-icon-only btn-success btn-actions-edit btn-sm edit" title="Modifier les données">
                                        <i class="fa fa-edit"></i>
                                    </button>
                                    <button  data-id="{{ $user->id }}"    class="btn btn-icon-only btn-primary btn-actions-edit btn-sm editpass" title="Modifier le mot de passe">
                                        <i class="fa fa-edit"></i>
                                    </button>
                                </td>
                            </tr>
                            <div class="modal fade" data-backdrop="static"id="updateuserpas" tabindex="-1" role="basic" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <form action="{{route('admin.update.password')}}" method="POST">
                                            @csrf
                                            <input name="id" value="{{ $user->id }}" type="hidden">

                                            {{-- <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Ancien mot de passe</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input id="old_password" name="old_password" type="password" autocomplete="false" class=" form-control {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
                                                               title="Ancien mot de passe">
                                                        @if ($errors->has('old_password'))
                                                            <span class="invalid-feedback" role="alert">
                                                                    <strong style="color: #ff0000">{{ $errors->first('old_password') }}</strong>
                                                                </span>
                                                        @endif
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('old_password')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div> --}}
                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Nouveau mot de passe</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="password" id="edit_password" autocomplete="false" name="password"
                                                               class="form-control"
                                                               title="Nouveau mot de passe" >
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('password')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Confirmer mot de passe</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="password" id="edit_password_confirmation" name="password_confirmation"
                                                               class="form-control"
                                                               title="Confirmer mot de passe" >
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('password_confirmation')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn dark btn-outline" data-dismiss="modal">FERMER</button>
                                                <button type="submit" class="btn green">ENREGISTRER</button>
                                            </div>
                                            {{-- <div>
                                                <button type="submit"  id="subs" class="btn btn-md btn-success">
                                                    <span> ENREGISTRER  </span>
                                                    <i class="fa fa-check"></i>
                                                </button>
                                                <a class="btn btn-md btn-outline grey-gallery" href="">
                                                    <span>ANNULER</span>
                                                    <i class="fa fa-level-up"></i>
                                                </a>
                                            </div> --}}

                                        </form>
                                    </div>

                                </div>

                            </div>

                            @endforeach
                    </table>
                </div>
            </div>

        </div>
    </div>
    <div class="modal fade" data-backdrop="static"id="updateuser" tabindex="-1" role="basic" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('admin.update') }}" method="post">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title text-uppercase">Modification de l'utilisateur</h4>
                    </div>
                    <div class="modal-body">

                        @csrf
                        <div class="col-md-12">
                            <div class="col-md-12 ">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                                        <label class="control-label visible-ie8 visible-ie9">Nom</label>
                                        <input type="text" id = "old_name" class="form-control form-control-solid placeholder-no-fix @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus
                                            placeholder="Nom" name="name" />
                                            @error('name')
                                            <span role="alert" style="color: red">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                    </div>
                                    <div class="form-group">
                                        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                                        <label class="control-label visible-ie8 visible-ie9">Téléphone</label>
                                        <input type="text" id = "old_phone_number" class="form-control form-control-solid placeholder-no-fix @error('name') is-invalid @enderror" name="phone_number" value="{{ old('phone_number') }}" required autocomplete="phone_number" autofocus
                                            placeholder="Téléphone" name="name" />
                                            @error('phone_number')
                                            <span role="alert" style="color: red">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                    </div>
                                    <div class="form-group">
                                        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                                        <label class="control-label visible-ie8 visible-ie9">Email</label>
                                        <input type="hidden" name ="id" id = "old_id"/>
                                        <input type="text" id = "old_mail" class="form-control form-control-solid placeholder-no-fix @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus class="form-control"
                                            placeholder="Email" name="Email" />
                                            @error('email')
                                            <span role="alert" style="color: red">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                    </div>

                                    {{-- <div class="form-group">
                                        <label class="control-label visible-ie8 visible-ie9">Mot de passe</label>
                                        <input class="form-control form-control-solid placeholder-no-fix @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" type="password" autocomplete="off"
                                            placeholder="Mot de passe" name="password" />
                                            @error('password')
                                            <span role="alert" style="color: red">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label visible-ie8 visible-ie9">Répéter le mot de passe</label>
                                        <input class="form-control form-control-solid placeholder-no-fix" id="password-confirm" type="password"  name="password_confirmation" required autocomplete="new-password"
                                            placeholder="Répéter le mot de passe" name="password" />

                                    </div> --}}


                                    <div class="col-md-12 ">
                                        <div class="switch-wrap d-flex justify-content-between">

                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "caisse" type="checkbox" id="default-checkbox11">
                                                <label for="default-checkbox11">Caisse</label>
                                            </div>

                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "registre" type="checkbox" id="default-checkbox22">
                                                <label for="default-checkbox22">Registre</label>
                                            </div>

                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "comptabilite" type="checkbox" id="default-checkbox33">
                                                <label for="default-checkbox33">Comptabilité</label>
                                            </div>

                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "note" type="checkbox" id="default-checkbox44">
                                                <label for="default-checkbox44">Note</label>
                                            </div>

                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "parametre" type="checkbox" id="default-checkbox55">
                                                <label for="default-checkbox55">configuration</label>
                                            </div>
                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "utilisateur" type="checkbox" id="default-checkbox66">
                                                <label for="default-checkbox66">Utilisateur</label>
                                            </div>
                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "notification" type="checkbox" id="default-checkbox77">
                                                <label for="default-checkbox77">Notification</label>
                                            </div>
                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "rh" type="checkbox" id="default-checkbox88">
                                                <label for="default-checkbox88">Ressources Humaines</label>
                                            </div>
                                            <div class="primary-checkbox">
                                                <input name = "privileges2[]" value = "stock" type="checkbox" id="default-checkbox99">
                                                <label for="default-checkbox99">stock</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 ">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">FERMER</button>
                        <button type="submit" class="btn green">ENREGISTRER</button>
                    </div>
                </form>
            </div>

        </div>

    </div>



    <div class="clearfix"></div>
    <!-- END DASHBOARD STATS 1-->
    <form id="delete-user" action="#" method="POST" style="display: none;">
        @method('DELETE')
        @csrf
    </form>


@endsection
@section('stylesheets')
{{-- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css"> --}}

@endsection
@section('javascripts')
{{-- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> --}}

<script>


$('.edit').click(function (event) {

event.preventDefault();

var id,libelle,code;

id = $(this).attr("data-id");
var url = '{{ route("admin.infos", ":d1") }}';
url = url.replace(':d1', id );
$.ajax({
            type:"GET",
            // url:"/admin/"+id,
            url:url,
            dataType : 'json',
            success: (data) => {
                $('#old_name').val(data.user.name);
                $('#old_id').val(data.user.id);
                $('#old_mail').val(data.user.email);
                $('#old_phone_number').val(data.user.phone_number);
                $.each(data.privileges[0],function(i,j){
                if(j)
                    {
                        $(':checkbox[value="'+i+'"]').click();
                    }

                });
                $("#updateuser").modal('show');
            }
        })

});
$('.editpass').click(function (event) {

event.preventDefault();

$("#updateuserpas").modal('show');

});




      </script>


@endsection