@extends('layouts.master')
 @section('content')
<center>  <h3>Liste des utilisateurs:</h3></center>
        <a href="/utilisateurs"> <button class="btn btn-primary">Tous </button></a> 

            @if(Auth()->user()->roles()->whereIn('role_id', [1])->exists())
              <a href="#"> <button class="btn btn-primary"  data-toggle="modal" data-target="#ModalAjoutUser">Nouveau utilisateur </button></a> 
          <div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
 
            <div class="body">
             @foreach($roles as $ro)
              <a href="/users_roles/{{$ro->id}}"> <button class="btn btn-success">{{$ro->nom_role}} </button></a>
            @endforeach
            </div>
            </div>
        </div>
    </div>
@endif

  @if(Session::has('message'))       
        <p class="alert alert-success" align="center"> {{Session::get('message')}}</p>
            @endif
    @if(Session::has('message_error'))       
        <p class="alert alert-danger" align="center"> {{Session::get('message_error')}}</p>
            @endif
      <div class="col-md-6">
                    <form method="POST" action="/utilisateurs" class="form-wrapper">
                        @csrf
                        <input type="text" placeholder="Taper le nom ou email ici..." name="user" style="padding:2%;width:40%;display:inline-block; vertical-align: right; margin:auto;font-size:80%;margin-left: 5px" required>
                        <input type="submit" value="Rechercher" id="submit" style="padding:1%;width:15%;background-color: green">
                    </form> <br>
                 </div>
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">

            <div class="body">
            <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
            <thead style="background-color: #5bc0de">

                <tr>
              <th>Nom et Prenom</th>
              <th>Email</th>
              <th>Roles</th>
              <th>Action</th>
                </tr>   
                </thead>
         @foreach($users as $us)     
        <tr>
            <td>{{$us->name}}</td>
            <td>{{$us->email}}</td>
            <td>
                @foreach($user_roles as $ur)
                @if($us->id==$ur->user_id)
               <mark> {{$ur->nom_role}} </mark>;
                @endif
                @endforeach
            </td>
            <td> 
                <div class="btn-group">
                    
                <a href='/edit_user/{{$us->id}}' class="btn btn-sm btn-info edit-brand"><span style="display:none;"></span><i class="zmdi zmdi-edit"></i></a>
                @if(Auth()->user()->roles()->whereIn('role_id', [1])->exists()) 
                <a onclick="return confirm('Etes- vous sure de supprimer ?')" href='/delete_user/{{$us->id}}' class="btn btn-sm btn-danger delete-brand"><i class="zmdi zmdi-delete"></i></a>
                @if($us->status_acti==0)
                <a href="/desactiver_user/{{$us->id}}" class="btn btn-danger" onclick="return confirm('Voulez-vous desactiver cet utilisateur ?');">Desactiver</a>
                @else
                <!-- <a href="" class="btn btn-primary" href="/activer_user/{{$us->id}}" class="btn btn-danger" onclick="return confirm('Voulez-vous activer cet utilisateur ?');">Activer</a> -->
                @endif
                @endif
                </div>
            </td> 
        </tr>  

  @endforeach                                            
</table>
<div class="d-flex justify-content-center">
                    <!-- {{ $users->links() }} -->
                    </div>
 </div>
 </div>
 </div>
 </div>
</div>
<!-- Modal ajout -->
<div class="modal fade" id="ModalAjoutUser" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Ajouter un utilisateur</h4>
            </div>
        <form id="form_validation" method="POST" action="/save_user">
            <div class="modal-body"> 
                    {{ csrf_field() }}
                    <div class="form-group form-float">                        
                        <label for="user">Nom et Prenom</label>
                        <input type="text" name="name" placeholder="Commencer d'abord le Nom et puis le prenom ici" class="form-control" required>
                    </div>
                    <div class="form-group form-float">
    <h4>Selectionner les roles</h4>

    @foreach($roles as $ro)
        <div class="inlineblock m-r-20">
            <input type="checkbox"
                   name="role_id[]"  
                   value="{{ $ro->id }}" required>
            <label>{{ $ro->nom_role }}</label>
        </div>
    @endforeach
</div>

                    <div class="form-group form-float">                        
                        <!-- <label for="user">Password</label> -->
                        <input type="hidden" name="password" value="123123" placeholder="password ici" class="form-control" required>
                    </div>

             </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default btn-round waves-effect">Enregistrer</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Fermer</button>
            </div>
        </form>
        </div>
    </div>
</div>

@endsection

@section('page-script')


@stop