@extends('layout.master',['activePage' => 'interes_devengados', 'menuParent' => 'Configuracioin', 'titlePage' => __('Actualizar intereses devengados')])


@push('plugin-styles')
{!! Html::style('assets/css/loader.css') !!}
{!! Html::style('assets/css/apps/tickets.css') !!}
{!! Html::style('plugins/table/datatable/datatables.css') !!}
{!! Html::style('plugins/flatpickr/flatpickr.css') !!}
{!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
@endpush


@section('content')

<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);"> {{__('Configuracioin')}}</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><span> {{__('ACTUALIZAR INTERESES DEVENGADOS')}}</span></li>
                        </ol>
                    </nav>
                </div>
            </li>
        </ul>
    </header>
</div>
<div class="container-fluid pt-2">
    <div class="card">
        <div class="card-body">


            <div class="w-100">
                <div class="form-group row">
                    <div class="col-lg-3">
                        <label for="">Empresa:</label>
                        <h6>{{$data['empresa']}}</h6>
                    </div>
                    <div class="col-lg-3">
                        <label for="">Sucursal:</label>
                        <h6>{{$data['sucursal']}}</h6>
                    </div>
                </div>
                <hr>
                <div class="form-group row ">
                    <div class="col-2">
                        <form action="{{url('configuracion/actualiza-interes-devengados/actualizar')}}" method="POST" id="formulario" class="form-with-spin">
                            {{ csrf_field() }}
                            <button type="submit" class="btn btn-primary " title="Actualizar intereses devengandos">Actualizar</button>
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12" id="content_result">

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


@endsection

@push('plugin-scripts')
{!! Html::script('plugins/table/datatable/datatables.js') !!}
{!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
{!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
{!! Html::script('assets/js/loader.js') !!}
{!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
{!! Html::script('assets/js/basicui/inputmask.js') !!}
{!! Html::script('plugins/flatpickr/flatpickr.js') !!}
{!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
@endpush

@push('custom-scripts')
<script>
    $(document).ready(function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('.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})'
            });
        });
        $('#list-web-services').dataTable();
        $(".flatpickr").flatpickr();
        $(".basic-select2").select2();

        if ('{{old("message")}}' != '') {
            $('#content_result').html('{!!old("message")!!}');
        } else {
            console.log('no existe')
        }


        $('#btn-consultar').on('click', () => {
            $('#list-web-services').dataTable().fnDestroy();
            var table = $('#list-web-services').DataTable({
                lengthMenu: [10, 15, 20, 50, 100, 200, 500],
                language: {
                    url: "{{asset('assets/material/datatable_sp.json')}}"
                },
                ajax: {
                    url: "{{url('consultas/web-services/consultar')}}",
                    type: "POST",
                    data: {
                        sucursal: $('#sucursal').val(),
                        numero_tarjeta: $('#numero_tarjeta').val(),
                        fecha_movimiento: $('#fecha_movimiento').val(),
                        fecha_ws: $('#fecha_ws').val(),
                        movimiento: $('#movimiento').val(),
                    }
                },
                columns: [{
                        data: "IdMovto"
                    },

                    {
                        data: "usuario.name"
                    },
                    {
                        data: "sucursal.descripcion"
                    },
                    {
                        data: {
                            data: "Tarjeta",
                            data: "NombreTarjeta",
                        },
                        render: function(data, type, full, meta) {
                            return 'Nombre: ' + data.NombreTarjeta + '<br>' +
                                'Número: ' + data.Tarjeta + '<br>';
                        }
                    },
                    {
                        data: "Importe"
                    },
                    {
                        data: "Plazo"
                    },
                    {
                        data: "FechaHora"
                    },
                    {
                        data: "tipomovimiento",
                        render: function(data) {
                            return data == null ? '' : data.descripcion
                        }
                    },
                    {
                        data: "promocion",
                        render: function(data) {
                            return data == null ? '' : data.descripcion
                        }
                    },
                    {
                        data: "FechaMovto"
                    },
                    {
                        data: "FolioReversa",
                        render: function(data) {
                            return data == null ? '' : data

                        }
                    },
                    {
                        data: {
                            data: "EstatusRespuesta",
                            data: "FechaHoraRespuesta",
                            data: "FolioAutorizacion",
                        },
                        render: function(data, type, full, meta) {
                            return 'Estatus: ' + data.EstatusRespuesta + '<br>' +
                                'Fecha: ' + data.FechaHoraRespuesta + '<br>' +
                                'Folio: ' + data.FolioAutorizacion + '<br>';
                        }
                    },
                ],
                order: [
                    [1, "desc"]
                ],
            });
        })
    });
</script>
@endpush