@extends('layouts.app')

@section('content')
    @include('usuarios.usuario_selecionado')
    <section class="content-header">
        <h1>
            Cadastrar Banco Neste Município
        </h1>
    </section>
    <div class="content">
        @include('adminlte-templates::common.errors')
        @include('flash::message')
        <div id="divErroApi" class="alert alert-danger" role="alert" style="display:none">
            
        </div>
        <div class="box box-primary">
            <div class="box-body">
                <div class="row">
                    {!! Form::open(['route' => 'usuariosAgencias.store']) !!}

                    <div class="form-group col-sm-6">
                        {!! Form::label('banco', 'Banco:') !!}
                        {!! Form::select('banco', array('' => '...Carregando...'), '', ['class' => 'form-control', 'id' => 'banco']) !!}
                    </div>

                    <!-- Banco Cnpj Field -->
                    <div class="form-group col-sm-6">
                        {!! Form::label('banco_cnpj', 'CNPJ:') !!}
                        {!! Form::text('banco_cnpj', null, ['class' => 'form-control mascara_cnpj', 'id' => 'banco_cnpj']) !!}
                    </div>

                    <!-- Submit Field -->
                    <div class="form-group col-sm-12">
                        <!-- {!! Form::submit('Salvar', ['class' => 'btn btn-primary']) !!} -->
                        <a href="#" class="btn btn-primary" onclick="salvaBanco()">Salvar</a>
                        <a href="{{ route('usuariosAgencias.create') }}" class="btn btn-default">Cancelar</a>
                    </div>

                    <div class="form-group col-sm-12" id="alertMSG" style="display:none">
                        <div class="alert alert-warning" role="alert"> aguarde... </div>
                    </div>

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('javascript')
<script>
    function salvaBanco(){
        $("#divErroApi").hide();
        $("#divErroApi").html('');
        $("#alertMSG").show();
        $.ajax({
            url: "https://estban.prefeitura.info/webservice/salva_agencia.php",
            data: {'banco':$("#banco").val(), 'cnpj':$("#banco_cnpj").val(), 'uf':'{{ $usuario->uf_fiscalizacao }}', 'municipio':'{{ $usuario->municipio_fiscalizacao }}'},
            //dataType: 'text',
            //cache: false,
            //contentType: false,
            //processData: false,
            type: 'POST',
            //async: true,
            success: function(response){
                $("#alertMSG").hide();
                var json = JSON.parse(response);                
                $("#divErroApi").removeAttr("class");
                if(json.erro == '0'){                    
                    $("#divErroApi").attr("class","alert alert-success");
                    $("#banco").val('');
                    $("#banco_cnpj").val('');
                }else{
                    $("#divErroApi").attr("class","alert alert-danger");
                }
                $("#divErroApi").html(json.msg);
                $("#divErroApi").show();
            }
        });
    }

    function carregaBanco(){
        $("#banco").html('<option value="" selected>Aguarde, buscando agencias...</option>');
        var htmlAgencias = '';
        $.ajax({
            url: "https://estban.prefeitura.info/webservice/busca_agencias_geral.php",
            data: {'uf':'{{ $usuario->uf_fiscalizacao }}', 'municipio':'{{ $usuario->municipio_fiscalizacao }}'},
            //dataType: 'text',
            //cache: false,
            //contentType: false,
            //processData: false,
            type: 'POST',
            //async: true,
            success: function(response){
                municipios = JSON.parse(response);
                htmlAgencias = '<option value="" selected>...Seleciona a Agência...</option>';
                $.each(municipios['dados'], function(nome, cnpj_agencia) {
                    var selected = '';
                    @if(isset($usuariosAgencias))
                        if(nome == '{{ $usuariosAgencias->banco }}'){
                            selected = 'selected';
                        }
                    @endif
                    htmlAgencias = htmlAgencias + '<option value="'+nome+'|'+cnpj_agencia+'" '+selected+'>'+nome+'</option>'
                });
                $("#banco").html(htmlAgencias);
            }
        });
    }

    $("#banco").change(function() {
        var banco = $("#banco").val();
        if(banco == ''){
            $("#banco_cnpj").val('');
        }else{
            var vetBanco = banco.split('|');
            $("#banco_cnpj").val(vetBanco[1]);
        }

    });

    $( document ).ready(function() {
        carregaBanco();
    });

</script>
@endsection