@extends('Templates.PlantillaFull',['PaginaTitulo' => 'Papelera','PaginaUrl' => '/papelera','Padre' => '1'])


@section('Contenido')

    <div class="card pt-1 pl-3">
        <h1><i class="fas fa-recycle" style="color: red"></i> Papelera de reciclaje</h1>
    </div>

    <div class="card">
        <ul class="nav nav-tabs" data-bs-toggle="tabs">
            <li class="nav-item">
                <a href="#restaurantes" class="nav-link active" data-bs-toggle="tab"><i class="fas fa-landmark"></i>&nbsp;Comercios</a>
            </li>
            <li class="nav-item">
                <a href="#restaurantesSucursal" class="nav-link" data-bs-toggle="tab"><i class="fas fa-store"></i>&nbsp;Sucursales</a>
            </li>
            <li class="nav-item">
                <a href="#categorias" class="nav-link" data-bs-toggle="tab"><i class="fas fa-boxes"></i>&nbsp;Categorías</a>
            </li>
            <li class="nav-item">
                <a href="#productos" class="nav-link" data-bs-toggle="tab"><i class="fas fa-hamburger"></i>&nbsp;Productos</a>
            </li>
        </ul>
        <div class="card-body">
            <div class="tab-content">
                <div class="tab-pane active show" id="restaurantes">
                    <div>
                        @include('papelera.restaurante.index-papelera')
                    </div>
                </div>
                <div class="tab-pane" id="restaurantesSucursal">
                    <div>
                        @include( 'papelera.restaurante-sucursal.index-papelera')
                    </div>
                </div>
                <div class="tab-pane" id="categorias">
                    <div>
                        @include( 'papelera.categoria.index-papelera')
                    </div>
                </div>
                <div class="tab-pane" id="productos">
                    <div>
                        @include( 'papelera.producto.index-papelera')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        // $(document).ready(function(){
        //     showBlockUI();

        //     showBlockUI();
        //                     $.unblockUI();

        //     alert(1);
        // });

        // (function() {
        //     showBlockUI();
        // })();
    </script>
@endsection