@extends('layout.master',['activePage' => 'calcula_intereses', 'menuParent' => 'Operaciones', 'titlePage' => __('Calcula Intereses Moratorios por Día')])

@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
@endpush

@section('content')
    <!--  Navbar Starts / Breadcrumb Area Starts -->
    <div class="sub-header-container">
        <header class="header navbar navbar-expand-sm">
            <ul class="navbar-nav flex-row">
                <li>
                    <div class="page-header">
                        <nav class="breadcrumb-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('CR')}}</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('Clientes')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    <span> {{__('Calcula Intereses Moratorios por Día')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->
    <div class="col-lg-12 well" align="center">
        <div class="row" align="center">
            <div class="col-lg-1"></div>
            <div class="col-lg-10" align="center">
                <div class="row">
                    <div class="table-responsive" align="center">
                        <table class="table table-hover" align="center">
                
                             @foreach ($data['tipos'] as $e)
                                <tr>
                                    <td align="center">{{ $e->tipo_cliente }}</td>
                                    <td align="center">{{ $e->descripcion }}</td>
                                    <td align="center">{{ $e->porcentaje_interes_moratorio }}</td>
                                </tr>
                             @endforeach
        
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" align="center">
                        <button class="btn btn-primary" id="aplicarBtn">Procesar</button>
                    </div>
                </div>
            </div>
             <div class="col-lg-1"></div>
        </div>
    </div>


<div class="modal fade" id="modalResultados">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Resultados</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6" align="center">
                        <h4 class="text-primary">Totales</h4>
                        <p id="totales"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6" align="center">
                        <h4 class="text-success">Correctos</h4>
                        <p id="facCorrectos"></p>
                    </div>
                    <div class="col-md-6" align="center">
                        <h4 class="text-danger">Errores</h4>
                        <p id="factErrores"></p>
                    </div>
                </div>
                <!--<div class="row">
                    <div class="col-md-12" id="erroresFact">
                        
                    </div>
                </div>-->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>




@endsection

@push('plugin-scripts')
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script('assets/js/apps/companies.js') !!}
    {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@push('custom-scripts')
<script type="text/javascript">
    $(document).ready(function() {

$('.creditCard').inputmask({
  mask: '(9{4} 9{4} 9{4}|9{4} 9{4} 9{4} 9{4})'
}).change(function(){
  let value = $(this).val().substr(0,2);
  $(this).inputmask({
    mask: '(9{4} 9{4} 9{4}|9{4} 9{4} 9{4} 9{4})'
  });
});
});



        $("#fechaCargo").flatpickr({
            dateFormat: "Y-m-d",
        });

  let clicando = false
$("#aplicarBtn").click(function() {
  // Si ha sido clicado
  if (clicando==false){
        clicando = true
        $("#loadingModal").modal('show')
        $.ajax({
            url: "{{url('operaciones/ejecuta_intereses')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                documentos: 0,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                $("#loadingModal").modal('hide')
                $('#facCorrectos').html(resp.exito.length)
                $('#factErrores').html(resp.errores.length)
                $('#totales').html(resp.totales.length)

                $('#modalResultados').modal('show')
                clicando = false
                return false;
            }else{
                 $("#loadingModal").modal('hide')
                 Swal.fire({
                     title: resp.msj,
                     type: 'error',
                })
                clicando = false
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
  } 
});

</script>
@include('comunes.busca_cuenta')

@endpush