@extends('adminlte::master')

@inject('layoutHelper', 'JeroenNoten\LaravelAdminLte\Helpers\LayoutHelper')
@inject('preloaderHelper', 'JeroenNoten\LaravelAdminLte\Helpers\PreloaderHelper')

@section('adminlte_css')
    <!-- Boxicons - Librería de iconos moderna -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>

    <!-- CSS personalizado (fuente por defecto AdminLTE 3: Source Sans Pro) -->
    <link rel="stylesheet" href="{{ asset('css/custom-fonts.css') }}">
    <link rel="stylesheet" href="{{ asset('css/adminlte-custom.css') }}">

    <!-- CSS para iconos Boxicons en el menú -->
    <link rel="stylesheet" href="{{ asset('css/boxicons-menu.css') }}">

    {{-- CSS para modal de accesos directos (deshabilitado temporalmente) --}}
    {{-- <link rel="stylesheet" href="{{ asset('css/shortcuts-modal.css') }}"> --}}

    @stack('css')
    @yield('css')
@stop

@section('classes_body', $layoutHelper->makeBodyClasses())

@section('body_data', $layoutHelper->makeBodyData())

@section('body')
    <div class="wrapper" id="app">

        {{-- Preloader Animation (fullscreen mode) --}}
        @if($preloaderHelper->isPreloaderEnabled())
            @include('adminlte::partials.common.preloader')
        @endif

        {{-- Top Navbar --}}
        @if($layoutHelper->isLayoutTopnavEnabled())
            @include('adminlte::partials.navbar.navbar-layout-topnav')
        @else
            @include('adminlte::partials.navbar.navbar')
        @endif

        {{-- Left Main Sidebar --}}
        @if(!$layoutHelper->isLayoutTopnavEnabled())
            @include('adminlte::partials.sidebar.left-sidebar')
        @endif

        {{-- Content Wrapper --}}
        @empty($iFrameEnabled)
            @include('adminlte::partials.cwrapper.cwrapper-default')
        @else
            @include('adminlte::partials.cwrapper.cwrapper-iframe')
        @endempty

        @include('adminlte::partials.footer.footer')

        {{-- Right Control Sidebar --}}
        @if(config('adminlte.right_sidebar'))
            @include('adminlte::partials.sidebar.right-sidebar')
        @endif

        {{-- Modal de Caja Anterior --}}
        @include('components.caja-anterior-modal')

    </div>


@stop

@section('adminlte_js')
    @stack('js')
    @yield('js')


    <script>
        // Debug para verificar si jQuery está disponible
        console.log('jQuery version:', typeof $ !== 'undefined' ? $.fn.jquery : 'jQuery not loaded');
        console.log('Bootstrap modal available:', typeof $.fn.modal !== 'undefined');
    </script>

    {{-- Script Accesos Directos + Stock Diario (deshabilitado temporalmente) --}}
    {{-- Para volver a habilitar: descomentar este bloque y en navbar.blade.php la campanita, el grid y el modal --}}
    {{--
    <script>
        $(document).ready(function() {
            const $shortcutsToggle = $('#shortcutsToggle');
            const $shortcutsModal = $('#shortcutsModal');
            let isModalOpen = false;
            $shortcutsToggle.on('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                isModalOpen = !isModalOpen;
                if (isModalOpen) {
                    $shortcutsModal.fadeIn(200);
                    $(this).addClass('active');
                    if (!$('.shortcuts-overlay').length) {
                        $('body').append('<div class="shortcuts-overlay"></div>');
                    }
                    $('.shortcuts-overlay').fadeIn(200);
                } else {
                    closeModal();
                }
            });
            function closeModal() {
                $shortcutsModal.fadeOut(200);
                $shortcutsToggle.removeClass('active');
                $('.shortcuts-overlay').fadeOut(200, function() { $(this).remove(); });
                isModalOpen = false;
            }
            $(document).on('click', '.shortcuts-overlay', function() { closeModal(); });
            $(document).on('keydown', function(e) { if (e.key === 'Escape' && isModalOpen) closeModal(); });
            $('.shortcut-item').on('click', function() { closeModal(); });
        });
        function actualizarStockDiario() {
            $.ajax({
                url: '{{ route("stock-diario.total-hoy") }}',
                method: 'GET',
                success: function(data) {
                    $('#totalStockPollos').text(data.total_pollos.toLocaleString() + ' pollos');
                    var html = '';
                    if (data.stock_por_tipo && data.stock_por_tipo.length > 0) {
                        data.stock_por_tipo.forEach(function(item) {
                            html += '<a href="{{ route('almacen.index') }}" class="dropdown-item"><i class="fas fa-box text-primary mr-2"></i><strong>'+item.tipo+'</strong><span class="float-right text-muted text-sm">'+item.cantidad.toLocaleString()+' und | '+item.peso.toLocaleString()+' kg</span></a>';
                        });
                    } else {
                        html = '<div class="dropdown-item text-center text-muted">No hay stock registrado hoy</div>';
                    }
                    $('#listaStockDiario').html(html);
                },
                error: function() {
                    $('#listaStockDiario').html('<div class="dropdown-item text-center text-danger">Error al cargar datos</div>');
                }
            });
        }
        $(document).ready(function() {
            actualizarStockDiario();
            setInterval(actualizarStockDiario, 120000);
        });
        $('#stockDiarioDropdown').on('click', function() { actualizarStockDiario(); });
    </script>
    --}}
@stop