<?php $__env->startSection('BatimentUnite'); ?>
    <style>
        .bg-cronos {
            background-color: #0b3544;
        }

        .btn-cronos {
            background-color: #0b3544;
            color: #ffff;
        }
    </style>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <?php echo $__env->make('sweetalert::alert', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>


    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- SELECT2 EXAMPLE -->
            <div class="card ">
                <div class="card-header bg-cronos">
                    <h2 class="card-title text-white">Batiment unité</h2>
                    <div class="card-tools">
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <a id="btnModalFormBatimentsUnites" href="#modalBatimentsUnites" class="btn btn-cronos text-white add"
                        data-toggle="modal" data-backdrop="static" data-keyboard="false"><i class="fas fa-plus-circle"></i>
                        <span>Ajouter un batiment unité</span></a>

                    <table class="table table-striped table-bordered table-hover" data-toolbar="#btnModalFormGestionVentes"
                        id="table" data-toggle="table" data-ajax="ajaxRequest" data-buttons-class="cronos"
                        data-show-refresh="true" data-show-toggle="true" data-show-fullscreen="true"
                        data-show-columns="true" data-show-columns-toggle-all="true" data-show-export="true"
                        data-click-to-select="true" data-toggle="table" data-search="true" data-select-item-name="toolbar1"
                        data-pagination="true" data-sort-name="name" data-page-size="10" data-sort-order="desc">
                        <thead>
                            <tr>
                                <th data-field="nomBatiment" data-sortable="true">Nom bâtiment</th>
                                <th data-field="code_Unite" data-sortable="true">Code unité</th>
                                <th data-formatter="actionFormatter" data-events="actionEvents">Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <!-- /.card-body -->
                <div class="card-footer"></div>
            </div>
            <!-- /.card -->


        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
    <?php echo $__env->make('Admin.pages.File_BatimentUnite.deleteBatimentUnite', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('Admin.pages.File_BatimentUnite.editBatimentUnite', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('Admin.pages.File_BatimentUnite.addBatimentUnite', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php $__env->stopSection(); ?>

<!-- Modal-->



<?php $__env->startSection('script'); ?>
    <script>
        function actionFormatter(value, row, index) {
            return [
                '<a class="editBatimentUnite" style="color:blue" href="javascript:void(0)" title="Modifier">',
                '<i class="fas fa-edit" aria-hidden="true"></i>',
                '</a>',
                '&nbsp;&nbsp;', // Ajout d'un espace supplémentaire
                '<a class="deleteBatimentUnite" style="color:red" href="javascript:void(0)" title="Supprimer">',
                '<i class="fas fa-trash" aria-hidden="true"></i>',
                '</a>'
            ].join('');
        }

        window.actionEvents = {
            'click .editBatimentUnite': function(e, value, row, index) {
                var id = row.id;
                $('#ModalEdit').modal('show');
                $.ajax({
                    type: "GET",
                    url: "<?php echo e(route('gestionBatimentUnites.edit', ['id' => ':id'])); ?>".replace(':id', id),
                    success: function(response) {
                        console.log(response);
                        $('#batiment_id').val(response.BatimentsUnites.batiment_id);
                         $('#Unite_id').val(response.BatimentsUnites.Unite_id);
                        $('#id').val(response.BatimentsUnites.id);
                    }
                });
            },

            'click .deleteBatimentUnite': function(e, value, row, index) {
                var id = row.id;

                $('#ModalDelete').modal('show');
                $('#deleteing_id').val(id);
            }
        };
    </script>

    <script>
        // your custom ajax request here
        function ajaxRequest(params) {
            var url = '<?php echo e(route('Batiments+Unites.create')); ?>'
            $.get(url + '?' + $.param(params.data)).then(function(res) {
                params.success(res)
            })
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('Admin.pages.layout.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\El Anewar\Desktop\Immobilier\resources\views/Admin/pages/File_BatimentUnite/BatimentUnite.blade.php ENDPATH**/ ?>