@extends('layouts.master')

@section('sidebar')
    @parent

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

@section('content')

<!-- complex headers -->
<div class="row">
    <div class="col-10 offset-1">
        <div class="material-card card">
            <div class="card-body">
                <h4 class="card-title">Gestion des Responsables</h4>
                <h6 class="card-subtitle"></h6><br/><br/>
                <div class="ml-auto">
                    <div class="btn-group">
                        <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#createmodel">
                        Nouveau Responsables
                        </button>
                    </div>
                </div><br/>
                <div class="table-responsive">
                    <table id="complex_header" class="table table-striped table-bordered display" style="width:100%">
                        <thead>
                            <tr>
                                <th>Nom</th>
                                <th>Prenom</th>
                                <th>Nom Utilisateur</th>
                                <th>NIF / CIN</th>
                                <th>Telephone</th>
                                <th>Banques</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(empty($responsables))
                                <h4 class="text-center"></h4>
                            @endif

                            @if(!empty($responsables))
                                @foreach($responsables as $responsable)
                            <tr>
                                <td> {{$responsable->lastname}} </td>
                                <td> {{$responsable->firstname}} </td>
                                <td> {{$responsable->username}} </td>
                                <td> {{$responsable->nif}} / {{$responsable->cin}} </td>
                                <td> {{$responsable->phone}} </td>
                                                                <td> {{$nbr}} </td>
                                <td>
                                    <button type="button" style="float:right;" class="btn btn-dark dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Parametres
                                    </button>
                                    <div class="dropdown-menu">
                                        <!-- Dropdown menu links -->
                                        <a class="dropdown-item" href="#" data-toggle="modal" data-target="#editmodal{{$responsable->userId}}">Modifier</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="{{url('/resetpwd?usr=3&userId='.$responsable->userId)}}">Reset</a>
                                    </div>
                                    <!-- Edit Modal -->
                                    <div class="modal fade" id="editmodal{{$responsable->userId}}" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <form method="POST" action="re_edit">
                                                    @csrf
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Modification {{$responsable->firstname}} {{$responsable->lastname}} </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" value="{{$responsable->lastname}}" placeholder="Nom" required aria-label="name">
                                                        </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" value="{{$responsable->firstname}}" placeholder="Prénom" required aria-label="no">
                                                        </div>
                                                        <input type="number" name="user_id" value="{{$responsable->userId}}" hidden />
                                                        <div class="input-group mb-3">
                                                            <button type="button" class="btn btn-info"><i class="fa fa-address-card text-white"></i></button>
                                                            <input type="number" class="form-control" name="nif" value="{{$responsable->nif}}" placeholder="NIF" aria-label="no">
                                                        </div>
                                                        <div class="input-group mb-3">
                                                            <button type="button" class="btn btn-info"><i class="fa fa-address-card text-white"></i></button>
                                                            <input type="number" class="form-control" name="cin" value="{{$responsable->cin}}" placeholder="CIN" 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" class="form-control" name="phone" value="{{$responsable->phone}}" required placeholder="Téléphone" aria-label="no">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="recipient-name" class="control-label">Role *</label>
                                                            <select class="form-control" name="role" disabled id="example-month-input2">
                                                                <option value="all">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" value="{{$responsable->username}}" required placeholder="username" aria-label="no">
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                                                        <button type="submit" class="btn btn-success"><i class="ti-save"></i> Enregistrer</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- DOM Positioning -->

 <!-- 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 method="POST" action="add_responsable">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Enregistrer Nouveau Responsable</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" required aria-label="name">
                    </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" required aria-label="no">
                    </div>
                    <div class="input-group mb-3">
                        <button type="button" class="btn btn-info"><i class="fa fa-address-card text-white"></i></button>
                        <input type="number" class="form-control" name="nif" placeholder="NIF" aria-label="no">
                    </div>
                    <div class="input-group mb-3">
                        <button type="button" class="btn btn-info"><i class="fa fa-address-card text-white"></i></button>
                        <input type="number" class="form-control" name="cin" placeholder="CIN" 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" class="form-control" name="phone" required placeholder="Téléphone" aria-label="no">
                    </div>
                    <div class="form-group">
                        <label for="recipient-name" class="control-label">Role *</label>
                        <select class="form-control" name="role" disabled id="example-month-input2">
                            <option value="all">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" required placeholder="username" aria-label="no">
                    </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" required placeholder="password" aria-label="no">
                    </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">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                    <button type="submit" class="btn btn-success"><i class="ti-save"></i> Enregistrer</button>
                </div>
            </form>
        </div>
    </div>
</div>

@stop