<!doctype html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon" />
    <meta name="description" content="Sistemas de Pagos en Línea">
    <title>Municipalidad de la Molina - Pagos en Linea</title>
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-circliful/css/jquery.circliful.css') }}">

    <link rel="stylesheet" href="{{ asset('assets/plugins/datatables/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/datatables/buttons.bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/datatables/fixedHeader.bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/datatables/responsive.bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/datatables/scroller.bootstrap.min.css') }}">

    <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/core.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/components.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/icons.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/pages.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/menu.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/please-wait.css') }}" rel="stylesheet">
	<link rel="stylesheet" href="{{ asset('assets/css/spinkit.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/sweetalert2.css') }}">

    <link rel="stylesheet" href="{{ asset('assets/css/sweetalert2.min.css') }}">

    <link rel="stylesheet" href="{{ asset('assets/css/fakeLoader.css') }}">

    @yield('styles')

    <link rel="stylesheet" href="{{ asset('assets/js/modernizr.min.js') }}">
    <link href="{{ asset('assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
    <link href="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.css')}}" rel="stylesheet">

    <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <script src="{{ asset('assets/js/fakeLoader.min.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/jquery.loadingoverlay/latest/loadingoverlay.min.js" ></script>
    <script src="https://cdn.jsdelivr.net/jquery.loadingoverlay/latest/loadingoverlay_progress.min.js"></script>
</head>
<body id="wrapperid">

@yield('loader')

<!--<header id="topnav"  style="background-color: #61AB65;padding: 15px; background-image: url('{{ asset('assets/images/whitebox.svg') }}'); background-repeat:no-repeat; width: 100%;  background-size: contain;">
    <div class="topbar-main">
        <div class="container">
            <img style="width: 200px;  padding-top: 0%; position:relative; " src="{{ asset('assets/images/logoleft.svg') }}"/>
            <ul class="nav navbar-nav navbar-right pull-right">
                <img style="width: 100% ;padding-top: 2.2%;padding-right: 100px;" src="{{ asset('assets/images/logoright.svg') }}">
            </ul>
        </div>
    </div>
</header>!-->

<style>
    .line-div{
        /*border-width: 2px;
        border-bottom-width: 2px;
        border-bottom-color: #f7f7f7;
        border-bottom-style: solid;*/
    }
    #mainContainer {
        width: 100%;
    }
    @media (max-width: 420px) {
        span.hide-button{
            display: none;
        }
    }

    td.details-control {
        background: url("{{asset('assets/img/details_open.png')}}") no-repeat center center;
        cursor: pointer;
    }

    .swal2-modal .swal2-content {
        text-align: center;
    }
</style>


<div id="fakeLoader"></div>
<header class="line-div" id="topnav" style="background-color: white">
    <div class="topbar-main">
        <div class="container">
            <!--<div class="logo">
                <h2 style="color: #61AB65; font-size: 23px" class="page-title">&nbsp;&nbsp;<i style="color: #61AB65" class="glyphicon glyphicon-lock"></i>&nbsp;@yield('title')   </h2>
            </div>!-->

            <!--<div class="menu-extras" style="margin-top: 9px">!-->
                <ul class="nav navbar-nav navbar-right pull-right">
                    <li>
                        @if(Session::has(\App\Enums\KeyValue::TOKEN_API->value))
                            <!--<div class="nav nav-pills pull-right">
                                <a href="{{ url('oauth/logout') }}" class="btn btn-danger"><i class="fa fa-sign-out"></i> <span class="hide-button">Cerrar Sesión</span></a>
                            </div>!-->
                        @else
                            <!--<div class="nav nav-pills pull-right">
                                <a href="https://www.munimolina.gob.pe/" class="btn btn-primary"><i class="fa fa-arrow-left"></i> &nbsp; &nbsp;<span class="hide-button">Regresar</span></a>
                            </div>!-->
                        @endif
                    </li>
                </ul>
            <!--</div>-->
        </div>
    </div>
</header>

<div class="wrapper" style="margin-bottom:0">
    <div class="container" id="mainContainer">
    @yield('region_editable')
    <!-- Footer -->
        <footer class="footer text-right" style="display: none">
            <div class="container">
                <div class="row">
                    <div class="col-xs-9">

                        {{--Sistema de Pagos en Línea de la Municipalidad de La Molina. <a href="https://www.enchufate.pe/">Desarrollado por Enchúfate</a>.
                        Esta tienda está autorizada por Visa para realizar transacciones electrónicas.--}}

                    </div>



                   <!-- <div class="col-xs-3" style="text-align: right">
                        {!! html()->img('assets/images/visa_logo_white.png', 'alt')->attributes(['width' => '50px']) !!}
                        {!! html()->img('assets/images/visaverified_white.jpg') !!}
                    </div> !-->
                </div>
            </div>
        </footer>
    </div>
</div>
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('assets/js/detect.js') }}"></script>
<script src="{{ asset('assets/js/fastclick.js') }}"></script>
<script src="{{ asset('assets/js/jquery.slimscroll.js') }}"></script>
<script src="{{ asset('assets/js/jquery.blockUI.js') }}"></script>
<script src="{{ asset('assets/js/waves.js') }}"></script>
<script src="{{ asset('assets/js/wow.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.nicescroll.js') }}"></script>
<script src="{{ asset('assets/js/jquery.scrollTo.min.js') }}"></script>

<!-- Datatables-->

<script src="{{ asset('assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/buttons.bootstrap.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/jszip.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/pdfmake.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/vfs_fonts.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/buttons.html5.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/buttons.print.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.fixedHeader.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.keyTable.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/responsive.bootstrap.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/dataTables.scroller.min.js') }}"></script>

<script src="{{ asset('assets/plugins/moment/moment.js') }}"></script>
<script src="{{ asset('assets/plugins/timepicker/bootstrap-timepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<script src="{{ asset('assets/js/please-wait.min.js') }}"></script>



<script src="{{ asset('assets/js/sweetalert2.js') }}"></script>

<script src="{{ asset('assets/js/sweetalert2.min.js') }}"></script>

<script src="{{ asset('assets/js/fakeLoader.min.js') }}"></script>

<!-- Datatable init js -->
<script src="{{ asset('assets/pages/datatables.init.js') }}"></script>

<script src="{{ asset('assets/pages/jquery.dataTables.rowGrouping.js') }}"></script>
<!-- Custom main Js -->
<script src="{{ asset('assets/js/jquery.core.js') }}"></script>
<script src="{{ asset('assets/js/jquery.app.js') }}"></script>

@yield('js')

<!-- Jquery Pagination -->

<script src="{{ asset('assets/js/jquery.twbsPagination.js') }}"></script>

<script type="text/javascript">
    $("#fakeloader").fakeLoader();
</script>

</body>
</html>
