@extends('layouts.master')

@section('sidebar')
    @parent

    <p>This is appended to the master sidebar.</p>
@stop

@section('content')

<div class="row">
                    <!-- Column -->
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex no-block align-items-center mb-4">
                                    <h4 class="card-title">Utilisateurs du système</h4>
                                    <div class="ml-auto">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#createmodel">
                                               Créer Nouveau Utilisateur
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table id="file_export" class="table table-bordered nowrap display">
                                        <thead>
                                            <tr>
                                                <th>Nom</th>
                                                <th>Prénom</th>
                                                <th>Username</th>
                                                <th>Téléphone</th>
                                                <th>Rôle</th>
                                                <th>Statut</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($users as $user)
                                            <tr>
                                                <td>
                                                    <!-- <a href="app-contact-detail.html"><img src="../../assets/images/users/1.jpg" alt="user" class="rounded-circle" width="30" />  -->
                                                    {{$user->lastname}} </a>
                                                </td>
                                                <td> {{$user->firstname}} </td>
                                                <td> {{$user->username}} </td>
                                                <td><span class="label label-danger"> {{$user->phone}} </span> </td>
                                                <td><span class="label label-danger"> {{$user->role}} </span> </td>
                                                <td>
                                                    @if($user->statut == 'ACTIF') <span class="badge badge-success">Actif</span>@endif 
                                                    @if($user->statut == 'INACTIF') <span class="badge badge-warning">Inactif</span>@endif
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        Actions
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <!-- Dropdown menu links -->
                                                        <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editmodel{{$user->user_id}}">Modifier</a>
                                                        <a class="dropdown-item" href="{{url('/resetpwd?userId='.$user->user_id)}}">Reset Password ( {{$user->user_id}} )</a>
                                                        <!-- <a class="dropdown-item" href="#">Something else here</a> -->
                                                        <div class="dropdown-divider"></div>
                                                        <a class="dropdown-item" href="#">Actif / Inactif</a>
                                                    </div>
                                                     <!-- Edit Modal -->
                                                    <div class="modal fade" id="editmodel{{$user->user_id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                        <div class="modal-dialog" role="document">
                                                            <div class="modal-content">
                                                                <form action="{{url('edituser')}}" method="post">
                                                                    @csrf
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Create New Contact</h5>
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                                                                                                <div class="input-group mb-3">
                                                                            <button type="button" class="btn btn-info"><i class="ti-user text-white"></i></button>
                                                                            <input type="text" {{$disable}} class="form-control" name="nom" value="{{$user->lastname}}" placeholder="Nom" aria-label="name">
                                                                            <input type="number" name="userId" value="{{$user->user_id}}" hidden/>
                                                                        </div>
                                                                        <div class="input-group mb-3">
                                                                            <button type="button" class="btn btn-info"><i class="ti-user text-white"></i></button>
                                                                            <input type="text" {{$disable}} class="form-control" name="prenom" value="{{$user->firstname}}" placeholder="Prénom" aria-label="no">
                                                                        </div>
                                                                        <div class="input-group mb-3">
                                                                            <button type="button" class="btn btn-info"><i class="fa fa-phone text-white"></i></button>
                                                                            <input type="number" {{$disable}} class="form-control" name="phone" value="{{$user->phone}}" placeholder="Téléphone" aria-label="no">
                                                                        </div>
                                                                        <div class="input-group mb-3">
                                                                            <button type="button" class="btn btn-info"><i class="ti-user text-white"></i></button>
                                                                            <input type="text" {{$disable}} class="form-control" name="username" value="{{$user->username}}" placeholder="username" aria-label="no">
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label for="recipient-name" class="control-label">Role *</label>
                                                                            <select class="form-control" {{$disable}} name="role" id="example-month-input2">
                                                                                <option value="all">Choisir Role</option>
                                                                                                                                                            </select>
                                                                        </div>
                                                                        
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                        <button type="submit" class="btn btn-success"><i class="ti-save"></i> Save</button>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                           @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Column -->
                </div>
                <!-- ============================================================== -->
                <!-- End PAge Content -->
                <!-- ============================================================== -->
                <!-- ============================================================== -->
                <!-- Right sidebar -->
                <!-- ============================================================== -->
                <!-- .right-sidebar -->
                <!-- ============================================================== -->
                <!-- End Right sidebar -->
                <!-- ============================================================== -->
            </div>
           
            <!-- Create Modal -->
            <div class="modal fade" id="createmodel" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form action="{{url('adduser')}}" method="post">
                            @csrf
                            <div class="modal-header">
                                <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Creer Nouveau Utilisateur</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="input-group mb-3">
                                    <button type="button" class="btn btn-info"><i class="ti-user text-white"></i></button>
                                    <input type="text" class="form-control" name="nom" placeholder="Nom" aria-label="name" required>
                                </div>
                                <div class="input-group mb-3">
                                    <button type="button" class="btn btn-info"><i class="ti-user text-white"></i></button>
                                    <input type="text" class="form-control" name="prenom" placeholder="Prénom" aria-label="no" required>
                                </div>
                                <div class="input-group mb-3">
                                    <button type="button" required class="btn btn-info"><i class="fa fa-phone text-white"></i></button>
                                    <input type="number" class="form-control" name="phone" placeholder="Téléphone" aria-label="no" required>
                                </div>
                                <div class="form-group">
                                    <label for="recipient-name" class="control-label">Role *</label>
                                    <select class="form-control" name="role" required id="example-month-input2" required>
                                        <option>Choisir Role</option>
                                                                            </select>
                                </div>
                                <div class="input-group mb-3">
                                    <button type="button" class="btn btn-info"><i class="ti-user text-white"></i></button>
                                    <input type="text" class="form-control" name="username" placeholder="username" required aria-label="no" required>
                                </div>
                                <div class="input-group mb-3">
                                    <button type="button" class="btn btn-info"><i class="ti-lock text-white"></i></button>
                                    <input type="password" class="form-control" name="password" placeholder="password" required aria-label="no" required>
                                </div>
                                <div class="input-group mb-3">
                                    <button type="button" class="btn btn-info"><i class="ti-lock text-white"></i></button>
                                    <input type="password" class="form-control" name="confirmpassword" required placeholder="password" aria-label="no" required>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-success"><i class="ti-save"></i> Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
@stop