<?php $__env->startSection('Tables'); ?>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">

                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <?php echo $__env->make('sweetalert::alert', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <div class="container mb-3 ">
        <div class="card">
            <div class="card-header" style="background-color:#0b3544;">
                <h2 class="card-title text-white fw-bolder">Tables</h2>
                <div class="card-tools">

                </div>
            </div>

            <!-- /.card-header -->
            <div class="card-body">
                <a id="btnModalFormOrganisteur" href="#modalFormOrganisteur" class="btn text-white mb-4"
                    style="background-color:#0b3544;" data-toggle="modal" data-backdrop="static" data-keyboard="false"><i
                        class="fas fa-plus-circle"></i> <span>Ajouter un Tables</span></a>
                <div class="dataTable-container">
                    <table id="dtBasictable-a" class="table table-striped table-bordered" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>Nom Tables</th>
                                <th>Nombres Places </th>
                                <th>Evenements</th>
                                <th>Descriptions</th>
                                <th>Categories</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $__currentLoopData = $Tables; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <tr>
                                    <td><?php echo e($item->nomTableInv); ?></td>
                                    <td><?php echo e($item->nbrePlaceInv); ?></td>
                                    <td><?php echo e($item->evenement->nomEvn ?? 'Evenement non défini'); ?></td>
                                    <td><?php echo e($item->descriptionTableInv); ?></td>
                                    <td><?php echo e($item->categorie); ?></td>
                                    <td>
                                        <div class=" d-flex grid ">
                                            <div class="g-col-4">
                                                <div class="editbtn" type="button" value="<?php echo e($item->id); ?>">
                                                    <i class="fa fa-edit" style="color: #0b3544;"></i>
                                                </div>
                                            </div>
                                            <div class="g-col-4 ml-3">
                                                <div class="deletebtn" type="button" value="<?php echo e($item->id); ?>">
                                                    <i class="fa fa-trash" style="color: #ec270d;"></i>
                                                </div>
                                            </div>
                                    </td>
                                </tr>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </tbody>
                    </table>
                </div>

            </div>
            <!-- /.card-body -->
        </div>

    </div>
    </div>


    <!-- Modal-->
    <?php echo $__env->make('Admin.pages.File_Tables.deleteTables', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('Admin.pages.File_Tables.editTables', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('Admin.pages.File_Tables.addTables', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <!-- Modal-->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
    <script>
        $(document).ready(function() {
            $(document).on('click', '.deletebtn', function() {
                var iddelte = $(this).attr('value');
                //alert('ID de l\'organisateur : ' + id);
                $('#ModalDelete').modal('show');
                $('#deleteing_id').val(iddelte);
            });

            $(document).on('click', '.editbtn', function() {
                var id = $(this).attr('value');
                //alert('ID de l\'organisateur : ' + id);
                $('#ModalEdit').modal('show');
                $.ajax({
                    type: "GET",
                    url: "<?php echo e(route('Tables.edit', ':id')); ?>".replace(':id', id),
                    success: function(response) {
                        //console.log(response.Hotesse);
                        $('#evn_id').val(response.Tables.evn_id);
                        $('#nomTableInv').val(response.Tables.nomTableInv);
                        $('#nbrePlaceInv').val(response.Tables.nbrePlaceInv);
                        $('#descriptionTableInv').summernote("code", response.Tables.descriptionTableInv);
                        $('#id').val(response.Tables.id);
                    }
                })
            });
        });
    </script>
    <script>
        $(function() {
            // Summernote
            $('#summernote').summernote({
                height: 100,
                placeholder: 'Entrer un texte',
            });
            // CodeMirror
            CodeMirror.fromTextArea(document.getElementById("codeMirrorDemo"), {
                mode: "htmlmixed",
                theme: "monokai"
            });
        })
    </script>
    <script>
        $(document).ready(function() {
            $('#dtBasictable-a').DataTable({
                "processing": true,
                "paging": true,
                "lengthChange": true,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": true,
                "scrollX": true,
                "scrollY": 250,
            });
            $('.dataTables_length').addClass('bs-select');
        });
    </script>
    <script>

   // Écouter les changements de sélection sur le champ "Organisateur"
   document.getElementById('organisateur').addEventListener('change', function() {
     var organisateurId = this.value;

     // Effectuer une requête Ajax pour récupérer les événements correspondants
     // Remplacez l'URL ci-dessous par l'URL de votre route Laravel pour récupérer les événements par organisateur
     var url = '/organisateur/{id}/evenements';

     // Réinitialiser le champ "Événement"
     var evenementSelect = document.getElementById('evenement');
     evenementSelect.innerHTML = '';

     // Effectuer la requête Ajax
     fetch(url)
       .then(function(response) {
         return response.json();
       })
       .then(function(data) {
         var evenements = data.evenements;

         // Mettre à jour le champ "Événement" avec les options correspondantes
         for (var i = 0; i < evenements.length; i++) {
           var option = document.createElement('option');
           option.value = evenements[i].id;
           option.textContent = evenements[i].nomEvn;
           evenementSelect.appendChild(option);
         }
       })
       .catch(function(error) {
         console.log(error);
       });
   });
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('Admin.pages.layout.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /opt/lampp/htdocs/Evenment/resources/views/Admin/pages/File_Tables/Tables.blade.php ENDPATH**/ ?>