@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-12">
        <div class="material-card card">
            <div class="card-body">
                <h4 class="card-title">Liste des Groupes</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">
                          Créer Nouveau Groupe
                        </button>
                    </div>
                    <!-- <div class="btn-group">
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#assignerbank">
                          Assigner Banque > Responsable
                        </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>Groupe</th>
                                <th>Description</th>
                                <th>Statut</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(empty($groupes))
                                <h4 class="text-center"></h4>
                            @endif

                            @if(!empty($groupes))
                                @foreach($groupes as $groupe)
                            <tr>
                                <td> {{$groupe->groupe}} </td>
                                <td> {{$groupe->description}} </td>
                                <td> 
                                    @if($groupe->status) 
                                        <span class="text-success">Actif</span>
                                    @endif

                                    @if($groupe->status == false) 
                                        <span>Insatif</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="configroupe?groupe_id={{$groupe->id}}" class="btn btn-info">Gerer</a>
                                </td>
                            </tr>
                                @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="addgroupe">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Création Nouveau Groupe </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="form-group mb-3">
                        <label class=""><small>Nom du Groupe</small></label>
                        <input type="text" class="form-control" name="groupe" placeholder="Entrer Nom Groupe" aria-label="no" required>
                    </div>
                    <div class="form-group mb-3">
                        <label class=""><small>Description du Groupe</small></label>
                        <textarea type="text" class="form-control" name="description" aria-label="no" required ></textarea>
                    </div>
                    <br/>
                </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>

<!-- Assigner Modal -->
 <div class="modal fade" id="assignerbank" tabindex="-1" role="dialog" aria-labelledby="createModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form method="POST" action="assignerbank">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="createModalLabel"><i class="ti-marker-alt mr-2"></i> Assignation Banque au 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">
                            <select class="form-control" name="banque_id" placeholder="Nom Article" aria-label="name">
                                <option>Choisir Banque</option>
                                @if(!empty($banques))
                                    @foreach($banques as $banque)
                                        <option value="{{$banque->banqueid}}">{{$banque->banque}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="input-group mb-3">
                            <select class="form-control" name="responsable_id" aria-label="name">
                                <option>Choisir Responsable</option>
                                @if(!empty($responsables))
                                    @foreach($responsables as $responsable)
                                        <option value="{{$responsable->id}}">{{$responsable->nom}} {{$responsable->prenom}} </option>
                                    @endforeach
                                @endif
                            </select>
                        </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

<script src="dist/js/app.min.js"></script>
<script src=".dist/js/app.init.mini-sidebar.js"></script>
<script src="dist/js/app-style-switcher.js"></script>