@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-file" aria-hidden="true"></span> Inscrição TLF <small>(Incluir Novo Registro)</small></h3>
    <form name="FrmInscricaoTLF" action="{{route('inscricao-tlf.store')}}" method="post" autocomplete="off">
        @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">
            <dvi class="col-md-2">
                <label for="">* Início Atividade</label>
                <div class="input-group">
                    <input type="text" name="D_INICIOATIVIDADES" class="form-control" id="DtInicioAtiv" required>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                </div>
            </dvi>
            <div class="col-md-2">
                <label for="">Isento</label>
                <select name="ISENTO" id="ISENTO" class="form-control">
                    <option value="S">Sim</option>
                    <option value="N" selected>Não</option>
                </select>
            </div>
            <div class="col-md-2 col-md-offset-6">
                <label for="">Inscrição Antiga</label>
                <input type="text" name="INSCRICAO_ANTIGA" class="form-control" maxlength="8" style="background-color: yellow">
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-3">
                <label for="">Código do Imóvel</label>
                <div class="input-group">
                    <input type="hidden" name="IDIMOVEL" id="IDIMOVEL_IMOVEL">
                    <input type="text" class="form-control" id="codigoImovel">
                    <span class="input-group-btn">
                        <a href="{{route('imovel.create')}}" title="Incluir Imóvel" class="btn btn-default"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                    </span>
                </div>
            </div>
            <div class="col-md-4">
                <label for="">Endereço</label>
                <input type="text" id="LOGRADOURO_IMOVEL" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Número</label>
                <input type="text" id="NUMERO_IMOVEL" class="form-control" readonly>
            </div>
            <div class="col-md-3">
                <label for="">Bairro</label>
                <input type="text" id="BAINOME_IMOVEL" class="form-control" readonly>
            </div>
        </div>
        <hr>
        <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">
                        <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 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 codigo_j" name="I_IDCONTRIBUINTE" id="codigo">

                {{--                <input type="text" class="form-control" id="I_IDCONTRIBUINTE">--}}
                {{--                <input type="hidden" class="form-control" name="I_IDCONTRIBUINTE" id="codigo">--}}
            </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-7">
                <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-4">
                <label for="">Bairro</label>
                <input type="text" id="bairro" class="form-control" readonly>
            </div>
        </div>
        <hr>

        <!--        <div class="row">-->
        <!--            <div class="col-md-2">-->
        <!--                <label for="">* Código CNAE</label>-->
        <!--                <div class="input-group">-->
        <!--                    <input type="text" id="buscarcnae" class="form-control" maxlength="6">-->
        <!--                    <input type="hidden" name="NIVEL1" id="cnae_codigo">-->
        <!--                    <span class="input-group-btn">-->
        <!--                        <a href="#" class="btn btn-default" title="Incluir CNAE" disabled="disabled"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>-->
        <!--                    </span>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <div class="col-md-8">-->
        <!--                <label for="">Atividade</label>-->
        <!--                <input type="text" id="cnae_descricao" class="form-control" readonly>-->
        <!--            </div>-->
        <!--            <div class="col-md-2">-->
        <!--                <label for="">Valor</label>-->
        <!--                <div class="input-group">-->
        <!--                    <span class="input-group-addon">R$</span>-->
        <!--                    <input type="text" id="cnae_valor" class="form-control" readonly>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--        <hr>-->

        <div class="row">
            <div class="col-md-9">
                <label for="">* Pesquisar Atividade</label>
                <input type="hidden" name="TIPOATIVIDADE" id="id">
                <input type="text" id="buscar-descricao" class="form-control">
            </div>
            <div class="col-md-1">
                <label for="">Código</label>
                <input type="text" id="id_codigo" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Valor</label>
                <div class="input-group">
                    <span class="input-group-addon">R$</span>
                    <input type="text" class="form-control" id="n_valor" readonly>
                </div>
            </div>
        </div>
        <hr>

        <div class="row">
            <dv class="col-md-12">
                <label for="">Observações</label>
                <textarea name="OBS" cols="30" rows="5" class="form-control"></textarea>
            </dv>
        </div>
        <div class="page-header"></div>
        <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 btn-lg"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Salvar</button>
            </div>
        </div>
        <hr>
    </form>

<!--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>

<!--Modal carregar pesquisa codigo do imovel TA OK-->
{{--<div class="modal fade" tabindex="-1" role="dialog" id="modalCodigoImovel" data-backdrop="static" aria-labelledby="modalCodigoImovel">--}}
{{--    <div class="modal-dialog ui-front modal-sm">--}}
{{--        <div class="modal-content">--}}
{{--            <div class="modal-header">--}}
{{--                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>--}}
{{--                <h4 class="modal-title"><small>Informe: </small>Código do Imóvel</h4>--}}
{{--            </div>--}}
{{--            <div class="modal-body">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-md-12">--}}
{{--                        <input type="text" class="form-control" id="codigoImovel1">--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}

@endsection
@push('script')
    <script>
        $(function () {
            $("#DtInicioAtiv, #DtFimAtiv").mask("99/99/9999").datepicker();
            //$("#codigoImovel, #codigoImovel1").mask("9.999.999.9999.9999");
            // $("#buscarcnae").mask("9999-9/99");

            const httpUrl2 = urlBase + '/tributo/contribuinte/buscar-codigo';
            $(".codigo_j").autocomplete({
                minLength: 1,
                source: httpUrl2,
                select: function (event, ui) {
                    $("#CPFCNPJ").val(ui.item.CPFCNPJ);
                    $("#codigo").val(ui.item.I_IDCONTRIBUINTE);
                    $("#nome").val(ui.item.CONTRIBUINTE);
                    $("#celular").val(ui.item.CELULAR);
                    $("#logradouro").val(ui.item.LOGRADOURO);
                    $("#numero").val(ui.item.NUMERO);
                    $("#bairro").val(ui.item.BAINOME);
                },
                response: function (event, ui) {
                    if (ui.content === 0) {
                        $("#CPFCNPJ").val('');
                        $("#codigo").val('');
                        $("#nome").val('');
                        $("#celular").val('');
                        $("#logradouro").val('');
                        $("#numero").val('');
                        $("#bairro").val('');
                    }
                }
            });
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/tlf/inscricao/calc-list-create-inscricao-tlf.js'))}}"></script>
@endpush