@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">
                <button type="button" class="btn btn-primary" id="btnListar" onclick="listarTalao('listar=all')"><span class="glyphicon glyphicon-list" aria-hidden="true"></span> Últimos 50 registros</button>
            </div>
            <div class="col-md-6">
                <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" 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> Controle de Talões<small> (Incluir Novo Registro)</small></h3>
    <form name="FrmCreateTaloes" action="{{route('feira-talao.store')}}" method="post">
        @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">
                    <span class="input-group-btn">
<!--                        <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>-->
                    <a href="tributos.php?h=contribuinte&a=novo" class="btn btn-default" title="Incluir Contribuinte"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                    </span>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Código</label>
                <input type="text" class="form-control" name="I_IDCONTRIBUINTE" id="codigo" readonly>
            </div>
            <div class="col-md-5">
                <label for="">Nome/Razão Social</label>
                <input type="text" class="form-control" id="nome" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Celular</label>
                <input type="text" class="form-control" id="celular" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <label for="">Endereço</label>
                <input type="text" id="logradouro" class="form-control" readonly>
            </div>
            <div class="col-md-1">
                <label for="">Número</label>
                <input type="text" id="numero" class="form-control" readonly>
            </div>
            <div class="col-md-3">
                <label for="">Bairro</label>
                <input type="text" id="bairro" class="form-control" readonly>
            </div>
            <div class="col-md-3">
                <label for="">UF/Cidade</label>
                <input type="text" id="cidade" class="form-control" readonly>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-2">
                <label for="">Nº Talão</label>
                <input type="text" name="I_1TALAO" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Inicial</label>
                <input type="text" name="I_1NOTA_INICIAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Final</label>
                <input type="text" name="I_1NOTA_FINAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2  col-md-offset-4">
                <label for="">* Valor Talão</label>
                <input type="text" name="N_1VTALAO" id="N_1VTALAO" class="form-control" onkeyup="calculoFeiraLivre(this);" value="0,00" maxlength="15">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Nº Talão</label>
                <input type="text" name="I_2TALAO" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Inicial</label>
                <input type="text" name="I_2NOTA_INICIAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Final</label>
                <input type="text" name="I_2NOTA_FINAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2  col-md-offset-4">
                <label for="">Valor Talão</label>
                <input type="text" name="N_2VTALAO" id="N_2VTALAO" class="form-control" onkeyup="calculoFeiraLivre(this);" value="0,00" maxlength="15">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Nº Talão</label>
                <input type="text" name="I_3TALAO" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Inicial</label>
                <input type="text" name="I_3NOTA_INICIAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Final</label>
                <input type="text" name="I_3NOTA_FINAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2  col-md-offset-4">
                <label for="">Valor Talão</label>
                <input type="text" name="N_3VTALAO" id="N_3VTALAO" class="form-control" onkeyup="calculoFeiraLivre(this);" value="0,00" maxlength="15">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Nº Talão</label>
                <input type="text" name="I_4TALAO" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Inicial</label>
                <input type="text" name="I_4NOTA_INICIAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Final</label>
                <input type="text" name="I_4NOTA_FINAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2  col-md-offset-4">
                <label for="">Valor Talão</label>
                <input type="text" name="N_4VTALAO" id="N_4VTALAO" class="form-control" onkeyup="calculoFeiraLivre(this);" value="0,00" maxlength="15">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Nº Talão</label>
                <input type="text" name="I_5TALAO" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Inicial</label>
                <input type="text" name="I_5NOTA_INICIAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2">
                <label for="">Nota Final</label>
                <input type="text" name="I_5NOTA_FINAL" class="form-control" maxlength="6" onkeypress="return digitos(event);" onblur="preencheZeros(this,6);">
            </div>
            <div class="col-md-2  col-md-offset-4">
                <label for="">Valor Talão</label>
                <input type="text" name="N_5VTALAO" id="N_5VTALAO" class="form-control" onkeyup="calculoFeiraLivre(this);" value="0,00" maxlength="15">
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-12">
                <label for="">Observação</label>
                <textarea name="OBS" cols="30" rows="5" class="form-control"></textarea>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-2">
                <label for="">Código</label>
                <input type="text" name="IDRECEITA" class="form-control" value="1121.31.00.00" readonly>
            </div>
            <div class="col-md-10">
                <label for="">Receita Contábil</label>
                <input type="text" class="form-control" disabled value="TAXA DE UTILIZAÇÃO DE ÁREA DE DOMÍNIO PÚBLICO">
            </div>
        </div>
        <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" onkeyup="calculoFeiraLivre(this);" value="0,00" class="form-control" readonly>
                </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" onkeyup="calculoFeiraLivre(this);" value="0,00" class="form-control">
                </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" onkeyup="calculoFeiraLivre(this);" value="0,00" class="form-control">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Desconto</label>
                <div class="input-group">
                    <input type="text" name="N_DESCONTO" id="N_DESCONTO" onkeyup="calculoFeiraLivre(this);" value="0" onkeypress="return digitosComPonto(event);" class="form-control">
                    <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="0,00" class="form-control" readonly>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Valor Final</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" name="N_VALORFINAL" id="N_VALORFINAL" onkeyup="calculoFeiraLivre(this);" value="0,00" class="form-control" readonly>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2 col-md-offset-6">
                <label for="">Taxa de Expediente</label>
                <select name="TxExpediente" class="form-control" style="background-color: yellow">
                    <option value="S" selected>Sim</option>
                    <option value="N">Não</option>
                </select>
            </div>
            <div class="col-md-2">
                <label for=""><b>Emissão</b></label>
                <div class="input-group">
                    <input type="text" name="D_EMISSAO" value="{{DataHoje()}}" class="form-control" id="DtEmissao">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                </div>
            </div>
            <div class="col-md-2">
                <label for=""><b>Vencimento</b></label>
                <div class="input-group">
                    <input type="text" name="D_VENCIMENTO" class="form-control" value="{{DataVencimento()}}" id="DtVencimento">
                    <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-disk" aria-hidden="true"></span> Salvar</button>
                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Voltar</button>
            </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 () {
            $("#DtVencimento,#DtEmissao").mask("99/99/9999").datepicker();
            $('#N_1VTALAO, #N_2VTALAO, #N_3VTALAO, #N_4VTALAO, #N_5VTALAO, #N_VALOR, #N_VALORFINAL').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/feiralivre/taloes/calc-list-create-talao-feira.js'))}}"></script>
@endpush