<div>
    <x-adminlte-card title="PABELLONES" class="m-2" theme="dark" icon="fas fa-id-card">
        <div class="col-12">                                         
            <div class="row">
                <div class="col-12">
                    <div class="card-body">
                        <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                            <div class="row">
                                <div class="col-sm-12">
                                    <!-- <a data-toggle="modal" data-target=".bd-example-modal-xl" class="btn btn-primary">
                                        <i class="fas fa-plus"></i>
                                    </a> -->
                                <br>
                                    <table id="tabla_pabellones" class="table table-hover align-middle dataTable dtr-inline collapsed" aria-describedby="example1_info">
                                        <thead class="text-center px-4 py-4 text-nowrap bg-gray">
                                            <tr >
                                                <th style="width: 5%">ID</th>
                                                <th>NOMBRE</th>
                                                <th>FILAS</th>
                                                <th>COLUMNAS</th>
                                                <th>EDITAR NOMBRE</th>
                                                <th>DESACTIVAR/ACTIVAR</th>
                                            </tr>
                                        </thead>
                                        <tbody class="">
                                            @foreach($pabellones as $pabellon)
                                            <tr>
                                                <td>{{ $pabellon->id }}</td>
                                                <td>{{ $pabellon->nombre }}</td>
                                                <td>{{ $pabellon->cant_filas }}</td>
                                                <td>{{ $pabellon->cant_columnas }}</td>
                                                <!-- <td>{{ $pabellon->estado }}</td> -->
                                                <td>
                                                    <form wire:click="editPabellon({{$pabellon->id}})">
                                                        <buttom name="nameEdit" id="nameEdit" class="btn btn-warning" data-placement="top" title="Editar Usuario">
                                                            <i class="fas fa-edit"></i>
                                                        </buttom>
                                                    </form>
                                                    <!-- <button type="button" class="btn btn-warning btn-modificar" data-toggle="modal" data-target="#pabellonEdit" data-id="{{ $pabellon->id }}"><span class="fas fa-edit"></span></button> -->
                                                </td>
                                                <td>
                                                    <form wire:submit.prevent="deletePabellon({{ $pabellon->id }})">
                                                        <button class="btn btn-danger" title="Eliminar" type="submit"><i class="fas fa-trash-alt"></i></button>
                                                    </form>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </x-adminlte-card>
</div>
