@extends('template.master')

@section('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('plugins-css')
    <link href="{{ asset('plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('plugins/select2/css/select2-bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('plugins/bootstrap-summernote/summernote.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('plugins/ladda/ladda-themeless.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('plugins/typeahead/typeahead.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('plugins/owl.carousel/dist/assets/owl.carousel.min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('plugins/graphs/morris.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/bootstrap-timepicker/css/bootstrap-timepicker.css')}}" rel="stylesheet" type="text/css"/>
@endsection

@section('main-css')
    {{--<link href="{{  asset('css/pricing.css') }}" rel="stylesheet" type="text/css">--}}
    <link href="{{ asset('css/errors/404/main.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('css/themes/' . config('constants.TEMAS')[config('constants.GENERAL.TEMA')] . '/layout.css') }}" rel="stylesheet" type="text/css" />
    @yield('styles')
@endsection

@section('plugins-js')
    <script src="{{ asset('plugins/js.cookie.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/datatables/datatables.all.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/select2/js/i18n/es.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/bootstrap-filestyle/bootstrap-filestyle.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/bootstrap-summernote/summernote.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/bootstrap-summernote/lang/summernote-es-ES.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/ladda/spin.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/ladda/ladda.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/typehead/typehead.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/owl.carousel/dist/owl.carousel.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/typeahead/typeahead.bundle.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/typeahead/handlebars.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/graphs/morris.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/graphs/raphael-min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
    <script src="{{asset('plugins/bootstrap-timepicker/js/bootstrap-timepicker.js')}}" type="text/javascript"></script>
@endsection

@section('main-js')
    <script src="{{ asset('js/layout/layout.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/site-methods.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/date.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/custom.js') }}" type="text/javascript"></script>
    <script>
        var urlMessagesUpdateList = '{{ url('messages/update/list') }}';
        var urlMessages = '{{ url('messages') }}';

        @if(Auth::user())
            var urlNotificationsUpdateList = '{{ url('notifications') }}';
            var notificationsCount = '{{ Auth::user()->unreadNotifications->count() }}' * 1;
            updateNotifications(urlNotificationsUpdateList, notificationsCount);

            document.getElementById("header_notification_bar").onclick = readNotifications('{{ url('notifications') }}', notificationsCount);
        @endif
    </script>
    @yield('scripts')
@endsection

@section('body')
    <body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
        <div class="page-wrapper" id="app">
            <div class="page-header navbar navbar-fixed-top">
                <div class="page-header-inner ">
                    <div class="page-logo">
                        <a href="{{ url('inicio') }}">
                            <img src="{{ asset('img/themes/' . config('constants.TEMAS')[config('constants.GENERAL.TEMA')] . '/logo-alt.png') }}" alt="logo" class="logo-default"/>
                        </a>
                        <div class="menu-toggler sidebar-toggler">
                            <span></span>
                        </div>
                    </div>
                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                        <span></span>
                    </a>
                    @include('template.partials.topmenu')
                </div>
            </div>
            <div class="clearfix"> </div>
            <div class="page-container">
                <div class="page-sidebar-wrapper">
                    @include('template.partials.menu')
                </div>
                <div class="page-content-wrapper">
                    <div class="page-content">
                        {{--<div class="page-bar">--}}
                            {{--@include('template.partials.breadcrumbs')--}}
                        {{--</div>--}}
                        @yield('content')
                    </div>
                </div>
            </div>
            <div class="page-footer">
                <div class="page-footer-inner"> 2026 &copy; {{ config('constants.SISTEMAS')[config('constants.GENERAL.SISTEMA')] }} por
                    <a target="_blank" href="http://www.enchufate.pe" style="color: #ffffff;">Ench&uacute;fate</a>
                </div>
                <div class="scroll-to-top">
                    <i class="icon-arrow-up"></i>
                </div>
            </div>
        </div>
    </body>
@endsection