@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>Alvará SisObra
        <small>(Emitir Novo Documento)</small></h3>
    <form name="FrmIncluirAlvConstrucao" action="{{route('alvara-sisobra.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">
            <div class="col-md-2">
                <label for="">* Tipo de Alvará</label>
                <select name="tipo_alvara" class="form-control">
                    <option value="inicial" selected>Inicial</option>
                    <option value="retificado">Retificado</option>
                </select>
            </div>
            <div class="col-md-2">
                <label for="">* Início da Obra</label>
                <div class="input-group">
                    <input type="text" name="data_inicio_obra" id="data_inicio_obra" class="form-control">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"
                                                          aria-hidden="true"></span></span>
                </div>
            </div>
            <div class="col-md-4">
                <label for="">* Nome da Obra</label>
                <input type="text" name="nome_obra" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">* Data do Alvará</label>
                <div class="input-group">
                    <input type="text" name="data_alvara" id="data_alvara" class="form-control">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"
                                                          aria-hidden="true"></span></span>
                </div>
            </div>

            <div class="col-md-2">
                <label for="">Protocolo anterior <a href="#" title="O preenchimento será obrigatório na retificação de alvará."><span
                            class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a></label>
                <input type="text" name="numero_protocolo_anterior" class="form-control" maxlength="26">
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-6">
                <label for="">* Responsável pela execução da obra</label>
                <select name="responsavel_exec_obra" class="form-control">
                    <option value="" selected></option>
                    @foreach(responsavelExecObra() as $key => $val)
                        <option value="{{$key}}">{{$val}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 col-md-offset-2">
                <label for="">* Unidade de medida</label>
                <select class="form-control" name="unidade_medida">
                    <option value="" selected></option>
                    <option value="M²">1 - M²</option>
                    <option value="M³">2 - M³</option>
                    <option value="KM">3 - KM</option>
                    <option value="KW">4 - KW</option>
                    <option value="KVA">5 - KVA</option>
                    <option value="Outros">6 - Outros</option>
                </select>
            </div>
            <div class="col-md-2">
                <label for="">* Área Total da Obra</label>
                <div class="input-group">
                    <input type="text" name="valor_unidade_medida" class="form-control" maxlength="10">
                    <span class="input-group-addon">...</span>
                </div>
            </div>

        </div>
        <hr>

        <div class="card">
            <div class="card-body">
                <b>Proprietário do Imóvel</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <label for="">* CPF/CNPJ</label>
                        <div class="input-group">
                            <input type="text" class="form-control CPFCNPJCONTRIBUINTE_IMOVEL" name="dono_da_obra_cnpj" 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 IDCONTRIBUINTE_IMOVEL" 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 CONTRIBUINTE_IMOVEL" id="nome" readonly>
                    </div>
                    <div class="col-md-2">
                        <label for="">Celular</label>
                        <input type="text" class="form-control CELULARCONTRIBUINTE_IMOVEL" id="celular" readonly>
                    </div>
                </div>
            </div>
        </div>
        <hr>

        <div class="card">
            <div class="card-body">
                <b>Endereço da Obra</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-2">
                        <label for="">Tipo Logradouro</label>
                        <select class="form-control" name="endereco_obra_tipo_logradouro">
                            <option value="" selected></option>
                            @foreach(tipoLogradouro() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="">* Endereço</label>
                        <div class="input-group">
                            <input type="hidden" name="CODLOGRADOURO" id="IDENDERECO">
                            <input type="text" name="ENDERECO" class="form-control" maxlength="30">
                            <span class="input-group-btn">
                    <a class="btn btn-default" href="{{route('logradouro.create')}}"
                       title="Incluir Novo Logradouro"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                </span>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <label for="">Número</label>
                        <input type="text" name="endereco_obra_numero" class="form-control" maxlength="6">
                    </div>
                    <div class="col-md-3">
                        <label for="">Bairro</label>
                        <input type="text" id="BAIRRO" class="form-control" readonly>
                    </div>
                    <div class="col-md-2">
                        <label for="">CEP</label>
                        <input type="text" id="CEP" class="form-control" readonly>
                    </div>
                </div>
            </div>
        </div>
        <hr>

        <div class="card">
            <div class="card-body">
                <b>Responsaveis pelo Obra</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        <label for="">Responsável pelo projeto</label>
                        <input type="text" name="responsavel_projeto_engenheiro_nome" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label for="">CREA</label>
                        <input type="text" name="responsavel_projeto_engenheiro_crea" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label for="">ART</label>
                        <input type="text" name="responsavel_projeto_engenheiro_art" class="form-control">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
                        <label for="">Responsável pela execução da obra</label>
                        <input type="text" name="responsavel_projeto_arquiteto_nome" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label for="">CAU</label>
                        <input type="text" name="responsavel_projeto_arquiteto_cau" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label for="">RRT</label>
                        <input type="text" name="responsavel_projeto_arquiteto_rrt" class="form-control">
                    </div>
                </div>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <label for="">Especificação</label>
                <textarea name="especificacao" cols="30" rows="2" class="form-control"></textarea>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <label for="">Observação</label>
                <textarea name="observacao" cols="30" rows="2" class="form-control"></textarea>
            </div>
        </div>
        <hr>

        <div class="card">
            <div class="card-body" style="background-color: #EEEEEE; padding: 5px 0 5px 2px; margin-bottom: 10px; text-align: center">
                <b>Área Principal</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-2">
                        <label for="">* <b>Categoria</b></label>
                        <select class="form-control" name="area_principal_categoria">
                            <option value=""></option>
                            @foreach(sisObraCategoria() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="">* <b>Destinação</b></label>
                        <select class="form-control" name="area_principal_destinacao">
                            <option value="" selected></option>
                            @foreach(sisDestinacao() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="">* <b>Tipo da Obra</b></label>
                        <select class="form-control" name="area_principal_tipo_obra">
                            <option value=""></option>
                            @foreach(sisTipoObra() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="">* <b>Área (m²)</b></label>
                        <div class="input-group">
                            <input type="text" name="area_principal_area" class="form-control" maxlength="10">
                            <span class="input-group-addon">m²</span>
                        </div>
                    </div>
                    <div class="col-md-2 col-md-offset-2">
                        <label for="">Total de unidades de bloco
                            <a href="#"
                               title="Campo disponível apenas quando uma das destinações da área principal for (Conjunto Habitacional Popular)">
                                <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a></label>
                        <input type="text" name="area_principal_qtd_total_unidades_bloco" class="form-control"
                               maxlength="10">
                    </div>
                </div>
            </div>
        </div>

        <div class="card" style="padding: 40px 0 40px 0">
            <div class="card-body" style="background-color: #EEEEEE; padding: 5px 0 5px 2px; margin-bottom: 10px; text-align: center">
                <b>Área Complementar</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <label for=""><b>Tipo Área Complementar</b></label>
                        <select class="form-control" name="area_complementar_tipo_area_complementar">
                            <option value=""></option>
                            @foreach(sisTipoAreaComplementar() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 col-md-offset-3">
                        <label for=""><b>Categoria</b></label>
                        <select class="form-control" name="area_complementar_categoria">
                            <option value=""></option>
                            @foreach(sisObraCategoria() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Destinação</b></label>
                        <select class="form-control" name="area_complementar_destinacao">
                            <option value="" selected></option>
                            @foreach(sisDestinacao() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Tipo da Obra</b></label>
                        <select class="form-control" name="area_complementar_tipo_obra">
                            <option value=""></option>
                            @foreach(sisTipoObra() as $key => $val)
                                <option value="{{$key}}">{{$val}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 col-md-offset-6">
                        <label for=""><b>Área (m²)</b></label>
                        <div class="input-group">
                            <input type="text" name="area_complementar_area_complementar" class="form-control"
                                   maxlength="10">
                            <span class="input-group-addon">m²</span>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Área Coberta (m²)</b></label>
                        <div class="input-group">
                            <input type="text" name="area_complementar_area_coberta" class="form-control"
                                   maxlength="10">
                            <span class="input-group-addon">m²</span>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label for=""><b>Área Descoberta (m²)</b></label>
                        <div class="input-group">
                            <input type="text" name="area_complementar_area_descoberta" class="form-control"
                                   maxlength="10">
                            <span class="input-group-addon">m²</span>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
        </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" value="0,00"
                           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="0,00" 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="0,00" 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="0.0" 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="0,00" 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="0,00" 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" selected>Sim</option>
                    <option value="N">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="{{DataVencimento()}}"
                           class="form-control" required>
                    <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="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>

@endsection
@push('script')
    <script>
        $(function () {
            $('#DtValidade, #DtVencimento, #data_inicio_obra, #data_alvara').mask('99/99/9999').datepicker();
            $('#n_valor,#n_multa,#n_juros,#n_totaldesconto,#n_valorfinal').priceFormat({
                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/alvaras/construcao/calc-list-create-construcao.js'))}}"></script>
@endpush