@extends('layout.master',['activePage' => 'corte_credito', 'menuParent' => 'Operaciones', 'titlePage' => __('Corte tarjeta de credito')])


@push('plugin-styles')

{!! Html::style('assets/css/loader.css') !!}
{!! Html::style('assets/css/apps/tickets.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);"> {{__('Operaciones')}}</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><span> {{__('CALCULO INTERES FINANCIAMIENTO')}}</span></li>
                        </ol>
                    </nav>
                </div>
            </li>
        </ul>
    </header>
</div>
<div class="container-fluid pt-2">
    <div class="statbox widget box box-shadow mb-4">
        <div class="widget-content widget-content-area">
            <div class="w-100">
                <div class="form-group row">
                    <div class="col-lg-3">
                        <label for="">Empresa:</label>
                        <h6>{{$data['empresa']->nombre_comercial}}</h6>
                    </div>
                    <div class="col-lg-3">
                        <label for="">Sucursal:</label>
                        <h6>{{$data['sucursal']->descripcion}}</h6>
                    </div>
                </div>
                <hr>
                <form action="{{url('operaciones/calculo-interes-finan/generar-calculo')}}" method="POST" id="formulario" class="form-with-spin">
                    {{ csrf_field() }}
                    <div class="form-group row ">

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label>ID Cliente: <span class="text-danger">*</span></label>
                                <input type="number" name="cuenta" id="cuenta" class="form-control" value="'{{old('cuenta')}}'" required>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label>Año:</label>
                            <input id="filtro_anio" name="anio" class="form-control" type="number">
                        </div>
                        <div class="col-md-2">
                            <label>Mes:</label>
                            <select class="form-control" id="filtro_mes" name="mes">
                                <option selected="selected" value="0">-Todos-</option>
                                @foreach($data['meses'] as $sc)
                                <option value="{{$sc->id}}"> {{$sc->descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <label>Tipo de corte: <span class="text-danger">*</span></label>
                            <select class="form-control basic-select2" id="tipo_corte" name="tipo_corte" required>
                                <option selected="selected" value="">-Selecciona una opción-</option>
                                @foreach($data['tipo_corte'] as $op)
                                <option value="{{$op->tipo}}">{{$op->descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <button type="submit" class="btn btn-primary mt-4">Generar</button>
                        </div>
                    </div>
                </form>

                <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('plugins/flatpickr/flatpickr.js') !!}
{!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
{!! Html::script('assets/js/loader.js') !!}
@endpush

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

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


        const xmas = new Date();
        const year = xmas.getFullYear()
        const month = xmas.getMonth()

        $('#filtro_anio').val(year);
        $('#filtro_mes').val(month + 1).trigger('change');


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

        $(".basic-select2").select2();
    });


    function generarCorte() {

        $('#loadingModalCorte').modal('show');
        if ($('#tipo_corte option:selected').val() == '') {
            alert('Selecciona el tipo de corte');
            return false;
        }
        // $.ajax({
        //         url: '{{ url("operaciones/corte-credito/generar-corte" )}}',
        //         type: 'POST',
        //         dataType: 'json',
        //         data: {
        //             tipo_corte: $('#tipo_corte option:selected').val(),
        //         }

        //     })
        //     .done(function(resp) {
        //         // $('#success-message').show('slow');
        //         // $('#content_pdf').show();
        //         // $('#pdf_preview').attr('src', '{{asset("temps")}}/' + resp['file_name'] + '.pdf');
        //     })
        //     .fail(function() {
        //         console.log("error");
        //     })
        //     .always(function() {
        //         setTimeout(() => {
        //             $('#loadingModalCorte').modal('hide');
        //         }, 2000);
        //     });
    }
</script>
@endpush