@extends('layouts.app')

@section('content')
    @include('usuarios.usuario_selecionado')
    <section class="content-header">
        <h1>
            Informar Pagamentos
        </h1>
    </section>

    <div class="content" style="min-height: 0px;">
        @include('adminlte-templates::common.errors')
        <div class="box box-primary">
            <div class="box-body">
                <div class="row">
                    @include('agencias_pagamentos.fields')                    
                </div>
            </div>
        </div>
    </div>

    <section class="content-header" id="divValoresHea" style="display:none">
        <h1>
            Valores
        </h1>
    </section>
    <div class="content" id="divValoresDet" style="display:none">
        <div class="box box-primary">
            <div class="box-body">
                <div class="row">
                    {!! Form::open(['route' => 'agenciasPagamentos.salva_lote']) !!}
                        @include('agencias_pagamentos.fields_valores')
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    <div class="content" id="divLoading" style="display:none">
        <div class="box box-primary">
            <div class="box-body">
                <div class="row" style="align:center">
                    <center>
                    <i class="fa fa-refresh fa-spin fa-3x fa-fw btn-rimary" style="color:#3c8dbc"></i>
                    </center>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('javascript')
    <script>
    function carregaValores(){
        $("#divValoresHea").hide();
        $("#divValoresDet").hide();
        $("#divLoading").show();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': "{{ csrf_token() }}"
            }
        });
        $.ajax({
            url: "/agenciasPagamentos/listaValores",
            data: {'usuario_id':'{{ session('usuario_id') }}', 'usuario_agencia_id':$("#usuario_agencia_id").val(), 'tipo_iss':$("#tipo_iss").val(), 'ano':$("#ano").val()},
            type: 'POST',
            //async: true,
            success: function(response){
                var json = JSON.parse(response);
                $.each(json.meses, function(mes, dados) {
                    $("#mes"+mes).val(dados);
                });
                $.each(json.valores, function(mes, dados) {
                    $("#Valor"+mes).val(dados);
                });
                $("#hd_usuario_id").val(json.filtros.usuario_id);
                $("#hd_usuario_agencia_id").val(json.filtros.usuario_agencia_id);
                $("#hd_tipo_iss").val(json.filtros.tipo_iss);
                $("#hd_ano").val(json.filtros.ano);

                $("#divLoading").hide();
                $("#divValoresHea").show();
                $("#divValoresDet").show();
            }
        });
    }

    $("#tipo_arquivo").change(function() {
        if($("#tipo_arquivo").val() == 'A'){
            $("#divArquivosMensais").hide();
            $("#divArquivoAnual").show();
        }else{
            $("#divArquivoAnual").hide();
            $("#divArquivosMensais").show();
        }
    });
    </script>
@endsection