@include('../header')

<main class="main" id="top">

    @include('../navigation')

    <div class="content">


        <div class="card">
            <div class="card-header p-2">
                
                <div style="display: flex;justify-content: space-between;">
                <h4>Infos impression</h4>
                    <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><i data-feather="plus-circle"></i> Ajouter</button>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="InfoImpressionDatatable" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Référence</th>
                                <th>Intitulé</th>
                                <th>Type</th>
                                <th>Propriétaire </th>
                                <th>Commune</th>
                                <th>LogitudeGps</th>
                                <th>LatitudeGps</th>
                                <th>Taux commission</th>
                                <th>Montant commission</th>
                                <th>Observation</th>
                                <th>Date debut contrat</th>
                                <th>Date fin contrat</th>
                            </tr>
                        </thead>

                    </table>
                </div>

            </div>
        </div>


        <div class="modal fade" id="staticBackdrop" tabindex="-1" 
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header bg-success">
                        <h5 class="modal-title text-white" id="staticBackdropLabel">Infos</h5><button
                            class="btn p-1" type="button" data-bs-dismiss="modal" aria-label="Close"><span
                                class="fas fa-times fs--1 text-white"></span></button>
                    </div>
                    <div class="modal-body">
                      
                       {{-- @include('FICHES/BienForm') --}}
                    </div>
                    <div class="modal-footer">
                    
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success" type="button">Enregistrer</button>
                    </div>
                </div>
            </div>
        </div>

        @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')

<script>
    $(document).ready(function() {
        $("#InfoImpressionDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Affichage de ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "Affichage de ligne 0 &agrave; 0 sur 0&nbsp;lignes",
                infoFiltered: "(filtr&eacute; de _MAX_&nbsp;lignes au total)",
                infoPostFix: "",
                loadingRecords: "Chargement en cours...",
                zeroRecords: "Aucun &eacute;l&eacute;ment &agrave; afficher",
                emptyTable: "Aucune donnée disponible dans le tableau",

                paginate: {
                    first: "",
                    previous: "Pr&eacute;c&eacute;dent",
                    next: "Suivant",
                    last: ""
                },
                aria: {
                    sortAscending: ": activer pour trier la colonne par ordre croissant",
                    sortDescending: ": activer pour trier la colonne par ordre décroissant"
                }
            },
            pagingType: 'full_numbers',
            pageLength: 25,
        });

    })
</script>

</body>

</html>