@extends('adminlte::page')

@section('title', 'Bodega')

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.3.0/css/responsive.bootstrap4.min.css">
@stop
@section('content_header')
    <a  @popper(Añadir nueva bodega) class= "btn btn-primary btn -sm float-right" href="{{ route('bodega.create') }}"><i class="bi bi-plus-lg"></i> Crear bodega</a>
    <h1 class="bi bi-clipboard2">Listado de bodegas </h1>

@stop

@section('content')
@include('alerts.alert')
@include('popper::assets')
    <div class="card card-outline card-primary"> 
        <div class="card-body">
            <table class="table table-striped" id="bodegas">
                <thead>
                    <tr>
                        <th>Nro</th>
                        <th>Nombre</th>
                        <th class="text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($bodegas as $bodega)
                    <tr>
                        <td>{{$bodega->id}}</td>
                        <td>{{$bodega->name}}</td>
                        <td width="180px">
                      
                            <form action = "{{ route('bodega.destroy', $bodega->id) }}" method="POST">
                                @csrf
                                @method('delete') 
                                 <div class="btn-group" role="group" aria-label="Basic example">
                                <a @popper(Modificar bodega) class="btn btn-warning btn-sm" href="{{ route('bodega.edit', $bodega->id) }}"><i class="bi bi-pencil-square"></i> Editar</a>
                                <button  @popper(Se elininará esta bodega) class="btn btn-danger btn-sm" type="submit"><i class="bi bi-trash3"></i> Eliminar</button>
   </div>
                            </form>
                     
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@stop



@section('js')
    <script> console.log('Hi!'); </script>
    <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap4.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.3.0/js/dataTables.responsive.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.3.0/js/responsive.bootstrap4.min.js"></script>
    <script>
        $('#bodegas').DataTable({
            responsive: true,
            autowidth:false,
            "language": {
            "lengthMenu": "Mostrar  _MENU_ registos por página",
            "zeroRecords": "Nada encontrado - disculpa",
            "info": "Mostrando la página _PAGE_ de _PAGES_",
            "infoEmpty": "No records available",
            "infoFiltered": "(Filtrado de  _MAX_ registros totales )",
            "search": "Buscar",
            'paginate':{
                'next': 'Siguiente',
                'previous': 'Anterior'
            }
        }
        });
    </script>
@stop