

<?php $__env->startSection('contenido'); ?>
    <div id="tipos-equipo" class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <div class="card-header">
                    <a href="<?php echo e(route('admin.home')); ?>" class="btn btn-secondary">Menú</a>
                    <h2 class="d-inline">Tipos de Equipos</h2>
                    <a href="<?php echo e(route('equipos')); ?>" class="btn btn-secondary float-right">Equipos</a>
                </div>
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="col">
                            <div class="input-group mb-3">
                                <input v-on:keyup.enter="listarTiposEquipo" v-model="filtro" name="filtro" class="form-control" type="text" placeholder="Filtro de búsqueda">
                                <div class="input-group-append">
                                    <button v-on:click.prevent="borrarFiltro" class="btn btn-secondary" type="button" id="button-addon2">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>
                                <div class="input-group-append">
                                    <button v-on:click.prevent="listarTiposEquipo" class="btn btn-secondary" type="button" id="button-addon2">
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <button type="button" class="btn btn-primary float-right" v-on:click.prevent="crearTipoEquipo">
                                Nuevo Tipo de Equipo
                            </button>
                        </div>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>NOMBRE</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="tipo in tiposEquipo" v-bind:key="tipo.id">
                                <td>{{ tipo.id }}</td>
                                <td>{{ tipo.nombre }}</td>
                                <td class="acciones">
                                    <a class="btn btn-warning btn-sm" v-on:click.prevent="editarTipoEquipo(tipo)">Editar</a>                                   
                                    <a class="btn btn-danger btn-sm" v-on:click.prevent="eliminarTipoEquipo(tipo)">Eliminar</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <nav>
                        <ul class="pagination">
                            <li v-if="paginacion.pagina_actual > 1" class="page-item">
                                <a v-on:click.prevent="cambiarPagina(paginacion.pagina_actual - 1)" class="page-link" href="#">Atrás</a>
                            </li>
                            <li v-for="pagina in paginas" class="page-item" v-bind:class="[pagina == paginaActiva ? 'active' : '']">
                                <a v-on:click.prevent="cambiarPagina(pagina)" class="page-link" href="#">{{ pagina }}</a>
                            </li>
                            <li v-if="paginacion.pagina_actual < paginacion.ultima_pagina" class="page-item">
                                <a v-on:click.prevent="cambiarPagina(paginacion.pagina_actual + 1)" class="page-link" href="#">Siguiente</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <?php echo $__env->make('admin.tipos-equipo.modal', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\costear\resources\views/admin/tipos-equipo/index.blade.php ENDPATH**/ ?>