@extends('layouts.tributos')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <h3 class="page-header"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Financeiro <small class="alert-warning">(Modo de Edição)</small></h3>
    <form name="FrmUpdate" action="{{route('banco.update', $dados->BAN_ID)}}" method="post">
        @method('PUT')
        @csrf
        <div class="row">
            <div class="col-md-12">
                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <label for="">* SICOB</label>
                <input type="text" class="form-control" name="BAN_SICOB" onkeypress="return digitos(event)" value="{{$dados->BAN_SICOB}}" maxlength="4">
            </div>
            <div class="col-md-2">
                <label for="">* Código Banco</label>
                <select name="BAN_CODIGO" class="form-control">
                    @php
                        $banco1 = '';
                        $banco2 = '';
                        $banco3 = '';
                        switch ($dados->BAN_CODIGO){
                        case '001':
                            $banco1 = 'selected';
                        break;
                        case '104':
                            $banco2 = 'selected';
                        break;
                        case '237':
                            $banco3 = 'selected';
                        break;
                        }
                    @endphp
                    <option value="001" {{$banco1}}>Banco da Brasil</option>
                    <option value="104" {{$banco2}}>Caixa Econômica</option>
                    <option value="237" {{$banco3}}>Bradesco</option>
                </select>
            </div>
            <div class="col-md-5">
                <label for="">* Nome Banco</label>
                <input type="text" class="form-control" name="BAN_NOME" value="{{$dados->BAN_NOME}}" maxlength="100">
            </div>
            <div class="col-md-2">
                <label for="">* Agência</label>
                <input type="text" class="form-control" name="BAN_AGENCIA" value="{{$dados->BAN_AGENCIA}}" onkeypress="return digitos(event)" maxlength="6">
            </div>
            <div class="col-md-2">
                <label for="">* Conta</label>
                <input type="text" class="form-control" name="BAN_CONTA" value="{{$dados->BAN_CONTA}}" maxlength="100">
            </div>
        </div>
        <div class="row">
            <div class="col-md-10">
                <label for="">* Pagável</label>
                <input type="text" class="form-control" name="BAN_PAGAVEL" value="{{$dados->BAN_PAGAVEL}}">
            </div>
            <div class="col-md-2">
                <label for="">Nosso Número</label>
                <input type="text" class="form-control" name="BAN_NOSSONUMERO" value="{{$dados->BAN_NOSSONUMERO}}" onkeypress="return digitos(event)" maxlength="10">
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <label for="">* Instrução 01</label>
                <textarea name="BAN_INSTRUCAO1" id="" cols="30" rows="2" class="form-control">{{$dados->BAN_INSTRUCAO1}}</textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label for="">Instrução 02</label>
                <textarea name="BAN_INSTRUCAO2" id="" cols="30" rows="2" class="form-control">{{$dados->BAN_INSTRUCAO2}}</textarea>
            </div>
        </div>
        <br>
        <br>

        <div class="panel panel-warning">
            <div class="panel-heading">
                <h3 class="panel-title"><b>Lista de Débito (Banco)</b></h3>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-2">
                        <label for="">Convênio</label>
                        <input type="text" class="form-control" name="BAN_CONVENIO" onkeypress="return digitos(event)" value="{{$dados->BAN_CONVENIO}}" maxlength="6">
                    </div>
                    <div class="col-md-2">
                        <label for="">Código Cliente</label>
                        <input type="text" class="form-control" name="BAN_CODIGO_CLIENTE" onkeypress="return digitos(event)" value="{{$dados->BAN_CODIGO_CLIENTE}}" maxlength="9">
                    </div>
                </div>
            </div>
        </div>
        <p class="m3"></p>

        <div class="row">
            <div class="col-md-12">
                <button type="button" onclick="window.history.back()" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Voltar</button>
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span> Atualizar</button>
            </div>
        </div>
        <hr>
    </form>

@endsection
@push('script')
    {{--    <script src="{{url(mix('modulos/tributos/assets/js/tributos/plataforma/create-update-financeiro.js'))}}"></script>--}}
    <script>
        $(function () {
            let FrmUpdate = $("form[name=FrmUpdate]");
            FrmUpdate.submit(function () {
                let From = $(this).serialize(),
                    url = $(this).attr('action'),
                    post = $(this).attr('method');

                $.ajax({
                    type: post,
                    url: url,
                    data: From,
                    dataType: 'json',
                    beforeSend: function () {
                        $.blockUI({css: {backgroundColor: '#f00', color: '#fff'}, onOverlayClick: $.unblockUI});
                    },
                    success: function (data) {
                        if (data[0] === 'success') {
                            $.blockUI({
                                message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> ' + data[1] + ' (:',
                                timeout: 1500,
                                onOverlayClick: $.unblockUI
                            });

                            window.location.reload();
                        } else if (data[0] === 'error') {
                            $.blockUI({
                                message: '<div class="alert alert-danger alert-dismissible" role="alert"><strong><span class="glyphicon glyphicon-alert" aria-hidden="true"></span> Erro: </strong> ' + data[1] + ' ):',
                                timeout: 6000,
                                onOverlayClick: $.unblockUI
                            });
                        }
                    },
                    error: function (data) {
                        $('#msg-status').empty().html('<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><strong><span class="glyphicon glyphicon-alert" aria-hidden="true"></span> Erro: </strong> por favor, tente novamente ):');
                    }
                });

                return false;
            });
        });
    </script>
@endpush