@extends('layouts.tributos')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
    <div class="panel panel-default">
        <div class="panel-heading"><b>Pesquisar</b></div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-2 col-md-offset-2">
                    <button type="button" class="btn btn-primary" id="btnListar" onclick="listarRequerimento('listar=all')"><span class="glyphicon glyphicon-list" aria-hidden="true"></span> Últimos 50 registros</button>
                </div>
                <div class="col-md-4">
                    <form name="FrmPorNome" action="" method="post">
                        <div class="input-group">
                            <input type="text" name="contribuinte" class="form-control" placeholder="Nome contribuinte" required>
                            <span class="input-group-btn">
                <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
            </span>
                        </div>
                    </form>
                </div>
                <div class="col-md-2">
                    <form name="FrmPorCodigo" action="" method="post">
                        <div class="input-group">
                            <input type="text" name="codigo" class="form-control" placeholder="Código" maxlength="8" onkeypress="return digitos(event);" required>
                            <span class="input-group-btn">
                <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
            </span>
                        </div>
                    </form>
                </div>
                <div class="col-md-2">
                    <form name="FrmPorCpfCnpj" action="" method="post">
                        <div class="input-group">
                            <input type="text" name="cpfcnpj" class="form-control" placeholder="CPF ou CNPJ" maxlength="14" onkeypress="return digitos(event);" required>
                            <span class="input-group-btn">
                <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
            </span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div id="listarTableDados">
        <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Requerimentos <small class="alert-warning">(Modo de Edição)</small></h3>
        <form name="FrmUpdateCtdAvulsa" action="{{route('certidao-avulsa.update', $dados->IDCERTIDAO_AVS)}}" 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-3">
                    <label for="">* CPF/CNPJ</label>
                    <div class="input-group">
                        <input type="text" class="form-control" id="CPFCNPJ" value="{{$contribuinte->CPFCNPJ}}">
                        <span class="input-group-btn">
                        <a href="{{route('contribuinte.create')}}" class="btn btn-default" title="Incluir Contribuinte"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                            <!--                        <button class="btn btn-default" type="button" name="btnContribuinte" title="Incluir Novo Contribuinte" data-toggle="modal" data-target=".bs-contribuinte-modal-lg"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></button>-->
                    </span>
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="">Código</label>
                    <input type="text" class="form-control" name="I_IDCONTRIBUINTE" id="codigo" value="{{$contribuinte->I_IDCONTRIBUINTE}}" readonly>
                </div>
                <div class="col-md-5">
                    <label for="">Nome/Razão Social</label>
                    <input type="text" class="form-control" id="nome" value="{{$contribuinte->CONTRIBUINTE}}" readonly>
                </div>
                <div class="col-md-2">
                    <label for="">Celular</label>
                    <input type="text" class="form-control" id="celular" value="{{$contribuinte->CELULAR}}" readonly>
                </div>
            </div>
            <div class="row">
                <div class="col-md-7">
                    <label for="">Endereço</label>
                    <input type="text" id="logradouro" class="form-control" value="{{$contribuinte->LOGRADOURO}}" readonly>
                </div>
                <div class="col-md-1">
                    <label for="">Número</label>
                    <input type="text" id="numero" class="form-control" value="{{$contribuinte->NUMERO}}" readonly>
                </div>
                <div class="col-md-4">
                    <label for="">Bairro</label>
                    <input type="text" id="bairro" class="form-control" value="{{$contribuinte->BAINOME}}" readonly>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-2">
                    <label for="">Emissão</label>
                    <div class="input-group">
                        <input type="text" name="D_EMISSAO" value="{{dataYMD_DMY($dados->D_EMISSAO)}}" class="form-control" id="DtEmissao">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label for="">* Descrição</label>
                    <textarea name="OBS" cols="30" rows="5" class="form-control">{{$dados->OBS}}</textarea>
                </div>
            </div>
            <hr>

            <div class="row">
                <div class="col-md-2">
                    <label for="">* Valor</label>
                    <div class="input-group">
                        <span class="input-group-addon">R$</span>
                        <input type="text" name="N_VALOR" id="N_VALOR" value="{{$dados->N_VALOR}}" onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10">
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="">Multa</label>
                    <div class="input-group">
                        <span class="input-group-addon">R$</span>
                        <input type="text" name="N_MULTA" id="N_MULTA" value="{{$dados->N_MULTA}}" onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10">
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="">Juros</label>
                    <div class="input-group">
                        <span class="input-group-addon">R$</span>
                        <input type="text" name="N_JUROS" id="N_JUROS" value="{{$dados->N_JUROS}}" onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10">
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="">Desconto</label>
                    <div class="input-group">
                        <input type="text" name="N_DESCONTO" id="N_DESCONTO" value="{{$dados->N_DESCONTO}}" onkeyup="calculoCertidaoNegativa(this);" onkeypress="return digitosComPonto(event);" class="form-control" maxlength="5">
                        <span class="input-group-addon">%</span>
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="">Total Desconto</label>
                    <div class="input-group">
                        <span class="input-group-addon">R$</span>
                        <input type="text" name="N_TOTALDESCONTO" id="N_TOTALDESCONTO" value="{{formatVlrReal($dados->N_TOTALDESCONTO)}}" onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10" readonly>
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="">Valor Total</label>
                    <div class="input-group">
                        <span class="input-group-addon">R$</span>
                        <input type="text" name="N_VALORFINAL" id="N_VALORFINAL" value="{{formatVlrReal($dados->N_VALORFINAL)}}" onkeyup="calculoCertidaoNegativa(this);" class="form-control" maxlength="10" readonly>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-md-offset-8">
                    <label for="">Taxa de Expediente</label>
                    <select name="TxExpediente" class="form-control" style="background-color: yellow">
                        <option value="S" {{$dados->N_TEXPEDIENTE == true ? "selected":""}}>Sim</option>
                        <option value="N" {{$dados->N_TEXPEDIENTE == false ? "selected":""}}>Não</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="">Vencimento</label>
                    <div class="input-group">
                        <input type="text" name="D_VENCIMENTO" id="DtVencimento" value="{{dataYMD_DMY($dados->D_VENCIMENTO)}}" required class="form-control">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                    </div>
                </div>
            </div>
            <hr>

            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span> Salvar Alteração</button>
                    <a href="{{route('certidao-avulsa.via-documento', base64_encode($dados->IDCERTIDAO_AVS))}}" class="btn btn-default" target="_blank"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Via Documento</a>
                    <a href="{{route('certidao-avulsa.via-dam', base64_encode($dados->IDCERTIDAO_AVS))}}" class="btn btn-default" target="_blank"><i class="fa fa-barcode" aria-hidden="true"></i> Via Guia DAM</a>
                    <a href="{{route('certidao-avulsa.create')}}" class="btn btn-default"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Novo Registro</a>
                    <a href="{{route('tributo')}}" class="btn btn-link"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Início</a>
                </div>
            </div>
            <hr>
        </form>
    </div>

    <!--modal retorno de mensagens-->
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" id="modal-msg">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div id="modalRetorno"></div>
            </div>
        </div>
    </div>

@endsection
@push('script')
    <script>
        $(function () {
            $("#DtEmissao").mask("99/99/9999").datepicker();
            $('#N_VALOR, #N_MULTA, #N_JUROS').priceFormat({
                //prefix: 'R$ ',
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/certidao-avulsa/list-update-certidao-avulsa.js'))}}"></script>
@endpush