<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}{{ constant('SITENAME') }}{% endblock %}</title>
        <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>


    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/sweetalert2.min.css" type="text/css">
    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/toastr.css" type="text/css">
    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/font-awesome.css" type="text/css">
    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/prism.css" type="text/css">
    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/chosen.min.css" type="text/css">
<!--    <link rel="stylesheet" href="{{ constant('URLROOT') }}/css/jquery.qtip.min.css"  type="text/css">   -->
    <script src="https://kit.fontawesome.com/a0bdeac6bb.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="{{ constant('URLROOT') }}/DataTables/datatables.min.css" type="text/css"/>


    </head>
    <body>

<nav class="navbar navbar-expand-lg navbar-dark mb-3" style="background-color: #2BC790;">
    <div class="container">
            <a class="navbar-brand" href="<?php echo URLROOT2; ?>">{{ constant('SITENAME') }}</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                    <ul class="navbar-nav mr-auto">
<!--                        <li class="nav-item">
                            <a class="nav-link" href="{{ constant('URLROOT') }}">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ constant('URLROOT') }}/pages/about">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ constant('URLROOT') }}/pages/contact">Contact</a>
                        </li>
                        <li class="nav-item">
                        <a onclick="procesando();" class="nav-link" href="{{ constant('URLROOT2') }}/edificios/">Condominios</a>
                        </li>   -->
<!--                        <li class="nav-item">
                        <a onclick="procesando();" class="nav-link" href="#">Cambiar Contrase&ntilde;a</a>
                        </li>
                <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Tablas
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">

                    <a class="dropdown-item" href="{{ constant('URLROOT2') }}/proveedores/">Proveedores</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="{{ constant('URLROOT2') }}/conceptos/">Conceptos</a>
                    <a class="dropdown-item" href="{{ constant('URLROOT2') }}/fondos/">Fondos</a>
                    <a class="dropdown-item" href="{{ constant('URLROOT2') }}/cuentas/">Cuentas Bancarias</a>
                </div>
                </li>-->
                    </ul>

                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="{{ constant('URLROOT2') }}/tableros">Inicio</a>
                        </li>
                     <li class="nav-item">
                     <a class="nav-link" href="#" data-toggle="modal" data-target="#ModalSabana">Movimientos</a>
                     </li>
    <li class="nav-item">
    <a class="nav-link" href="#" data-toggle="modal" data-target="#ModalAsiste">Asistencia</a>
    </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ constant('URLROOT2') }}/users/logout">Cerrar sesi&oacute;n</a>
                        </li>
                    </ul>
                </div>
    </div>

<div class="col-4 text-center text-white">
<h5>{{ constant('SITE_EMP') }}</h5>
</div>
<div class="col-4 text-center text-white">
{{ names }} {{ app.session.get('names') }}
</div>
</nav>
   <!--     <div id="content">  </div>  -->
        {% block body %}{% endblock %}

<!--</div>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/jquery.qtip.min.js"></script>
-->

 <div class="modal fade" id="ModalSabana" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <form target="_blank" action="{{ constant('URLROOT2') }}/tableros/imprimir" method="post">

        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Fecha a Imprimir</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            <div class="form-row">

 <div class="col-md-12 form-floating mt-3">
Desde:&nbsp;
<input class="form-control col-12" tabindex="3" type="date" name="fdesde" id="fdesde" value="" required  />
</div>

<div class="col-md-12 form-floating mt-3">
Hasta:&nbsp;
<input class="form-control col-12" tabindex="4" type="date" name="fhasta" id="fhasta" value="" required  />
</div>

<div class="form-group col-md-12">
{% set anio = "now"|date('Y')  %}
<label for="message-text">Ordenado:</label>
<select data-placeholder="Orden..." class="form-control" id="orden" name="orden" >
<option value="fecha">Fecha</option>
<option value="apellidos">Apellidos</option>
</select>
</div>
           </div>
           </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Aceptar</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

        </div>
    </form>
    </div>
</div>


 <div class="modal fade" id="ModalAsiste" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel0" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <form target="_blank" action="{{ constant('URLROOT2') }}/tableros/asistencia" method="post">

        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel0">Asistencia</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            <div class="form-row">

<div class="form-group col-md-12">
<label for="message-text">Mes:</label>
<select data-placeholder="Orden..." class="form-control" id="mes" name="mes" >
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>

<div class="form-group col-md-12">
{% set anio = "now"|date('Y')  %}
<label for="message-text">Año:</label>
<select data-placeholder="Orden..." class="form-control" id="ahno" name="ahno" >
<option value="2023">2023</option>
<option value="2024">2024</option>
</select>
</div>
           </div>
           </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Aceptar</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

        </div>
    </form>
    </div>
</div>


</body>
</html>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/jquery.min.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/popper.min.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/DataTables/datatables.min.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/bootstrap.min.js"></script>

<script type="text/javascript" src="{{ constant('URLROOT') }}/js/jquery.validate.min.js"></script>

<script type="text/javascript" src="{{ constant('URLROOT') }}/js/chosen.jquery.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/prism.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/init.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/functions.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/formatofecha.js" async></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/jquery.inputmask.js"></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/jquery.price_format.2.0.min.js" async></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/sweetalert2.min.js" async></script>
<script type="text/javascript" src="{{ constant('URLROOT') }}/js/toastr.min.js" async></script>
<script>

/*



var fecha = new Date();
var anio = fecha.getFullYear();
var dia = fecha.getDate();
var _mes = fecha.getMonth(); //viene con valores de 0 al 11
_mes = _mes + 1; //ahora lo tienes de 1 al 12
if (_mes < 10) //ahora le agregas un 0 para el formato date
{
    var mes = "0" + _mes;
} else {
    var mes = _mes.toString;
}

let fecha_minimo = anio + '-' + mes + '-' + dia; // Nueva variable
document.getElementById("fecha").setAttribute('max',fecha_minimo);*/
document.getElementById('fdesde').valueAsDate = new Date();
document.getElementById('fhasta').valueAsDate = new Date();

$(document).on('click', '.button', function (e) {
        e.preventDefault();
        var id = $(this).data('id');
        var token = $(this).data('token');
        var ruta = $(this).data('ruta');
//alert(ruta);
Swal({
    title: 'Esta seguro de ELIMINAR el registro ?',
    text: "No puede revertir este proceso !",
    type: 'question',
    showCancelButton: true,
    confirmButtonColor: '#FF0000',
    cancelButtonColor: '#006600',
    confirmButtonText: 'Si, eliminarlo...',
    cancelButtonText: 'No, cancelar',
}).then((result) => {
    if (result.value) {
    		$.ajax({
                        url: ruta,
                        cache: false,
                        type: "POST",
                data: {id:id,_method: 'delete', token :token},
                success: function(datos){
                //alert(datos);
                if(datos=="NOPUEDEBORRAR"){
                toastr["error"]("EL REGISTRO NO PUEDE SER ELIMINADO", "IMPORTANTE...")
                }else{
                location.reload();
                }
                }
                });
    }
})

});

$(document).ready(function(){
    $("#telefono1").inputmask("(9999)999.99.99");  //static mask
    $("#telefono2").inputmask("(9999)999.99.99");  //static mask
    $("#celular").inputmask("(9999)999.99.99");  //static mask
    $("#local").inputmask("(9999)999.99.99");  //static mask
    $(selector).inputmask({"mask": "(999) 999-9999"}); //specifying options
    $(selector).inputmask("9-a{1,3}9{1,3}"); //mask with dynamic syntax

    $("#superficie").inputmask({
        'alias': 'decimal',
        'rightAlign': true,
        'digits': 2,
        'digitsOptional': false,
        'placeholder': '0',
        'groupSeparator': '.',
        'radixPoint': ',',
        'autoGroup': true
    });

    $("#alicuota").inputmask({
        'alias': 'decimal',
        'rightAlign': true,
        'digits': 8,
        'digitsOptional': false,
        'placeholder': '0',
        'groupSeparator': '.',
        'radixPoint': ',',
        'autoGroup': true
    });
        $("#monto").inputmask({
        'alias': 'decimal',
        'integerDigits': 5,
        'digits': 2,
        'digitsOptional': false,
        'placeholder': '0',
        'allowMinus': false,
        'groupSeparator': '.',
        'radixPoint': ',',
        'autoGroup': true
    });
        $("#monto1").inputmask({
        'alias': 'decimal',
        'integerDigits': 5,
        'digits': 2,
        'digitsOptional': false,
        'placeholder': '0',
        'allowMinus': false,
        'groupSeparator': '.',
        'radixPoint': ',',
        'autoGroup': true
    });
        $("#monto2").inputmask({
        'alias': 'decimal',
        'integerDigits': 5,
        'digits': 2,
        'digitsOptional': false,
        'placeholder': '0',
        'allowMinus': false,
        'groupSeparator': '.',
        'radixPoint': ',',
        'autoGroup': true
    });

//$('a[title]').qtip();

/* $('a[title]').qtip({
   content: {
        text: 'I\'m blue... deal with it!'
    },
    style: {
        classes: 'qtip-blue qtip-shadow'
    }
});   */


   $('#tabla00').DataTable({
    "order": [[ 1, "asc" ]],
    "language": {
    "sProcessing":     "Procesando...",
    "sLengthMenu":     "Mostrar _MENU_ registros",
    "sZeroRecords":    "No se encontraron resultados",
    "sEmptyTable":     "Ningun dato disponible en esta tabla",
    "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
    "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
    "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
    "sSearch":         "Buscar:",
    "sInfoThousands":  ",",
    "sLoadingRecords": "Cargando...",
    "oPaginate": {
        "sFirst":    "Primero",
        "sLast":     "�ltimo",
        "sNext":     "Siguiente",
        "sPrevious": "Anterior"
    },
    "oAria": {
        "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
    },
    "buttons": {
        "copy": "Copiar",
        "colvis": "Visibilidad"
    }},
    "lengthMenu": [[50, 75, 100, -1], [50, 75, 100, "Todos"]],

    });

});




$(".chosen-select").chosen();

// Al presionar cualquier tecla en cualquier campo de texto, ejectuamos la siguiente funci�n
$('input').on('keydown', function(e){
                // Solo nos importa si la tecla presionada fue ENTER... (Para ver el c�digo de otras teclas: http://www.webonweboff.com/tips/js/event_key_codes.aspx)
                if(e.keyCode === 13)
                {
                        // Obtenemos el n�mero del tabindex del campo actual
                        var currentTabIndex = $(this).attr('tabindex');
                        // Le sumamos 1 :P
                        var nextTabIndex = parseInt(currentTabIndex) + 1;
                        // Obtenemos (si existe) el siguiente elemento usando la variable nextTabIndex
                        var nextField       = $('[tabindex='+nextTabIndex+']');
                        // Si se encontr� un elemento:
                        if(nextField.length > 0)
                        {
                                // Hacerle focus / seleccionarlo
                                nextField.focus();
                                // Ignorar el funcionamiento predeterminado (enviar el formulario)
                                e.preventDefault();
                        }
                        // Si no se encontro ning�n elemento, no hacemos nada (se envia el formulario)
                }
});

$('#TransAct').on('show.bs.modal', function (event) {
          var button = $(event.relatedTarget) // Bot�n que activ� el modal
                    var id = button.data('id') // Extraer la informaci�n de atributos de datos
                    var mes = button.data('mes') // Extraer la informaci�n de atributos de datos
                    var anho = button.data('anho') // Extraer la informaci�n de atributos de datos
                    var abc = button.data('nombre') // Extraer la informaci�n de atributos de datos

                    var modal = $(this)
                //    modal.find('.modal-title').text('Modificar pa�s: '+nombre)
                    modal.find('.modal-body #id').val(id)
                    modal.find('.modal-body #mes').val(mes)
                    modal.find('.modal-body #anho').val(anho)
                    modal.find('.modal-body #condominio').val(abc)
                //    $('.alert').hide();//Oculto alert
})

function procesando(){
Swal.fire({
    position: 'top-end',
    icon: 'success',
    title: 'Procesando...',
//    background: 'url({{ constant('URLROOT') }}/img/loading.gif)',
    imageUrl: '{{ constant("URLROOT") }}/img/cargando.gif',
    imageWidth: 50,
    imageHeight: 50,
//    imageAlt: 'Custom image',
    showConfirmButton: false,
//    timer: 2000,
    timerProgressBar: true
//    timer: 1500
});
}




</script>
{% block javascripts %}{% endblock %}