@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>&nbsp;Pontos de Táxi <small>(Incluir Novo Registro)</small></h3>
    <form name="FrmIncluirPontoTaxi" action="{{route('ponto-taxi.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-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 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" 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" class="form-control" readonly>-->
        <!--        </div>-->
        <!--        <div class="col-md-1">-->
        <!--            <label for="">Número</label>-->
        <!--            <input type="text" class="form-control" readonly>-->
        <!--        </div>-->
        <!--        <div class="col-md-3">-->
        <!--            <label for="">Bairro</label>-->
        <!--            <input type="text" class="form-control" readonly>-->
        <!--        </div>-->
        <!--        <div class="col-md-3">-->
        <!--            <label for="">Cidade</label>-->
        <!--            <input type="text" class="form-control" readonly>-->
        <!--        </div>-->
        <!--    </div>-->
        <hr>
        <div class="row">
            <div class="col-md-2">
                <label for="">Placa</label>
                <div class="input-group">
                    <input type="hidden" name="IDVEICULO" id="IDVEICULO">
                    <input type="text" id="PLACA" class="form-control">
                    <span class="input-group-btn">
                        <a href="{{route('veiculo.create')}}" class="btn btn-default" title="Incluir Veículo"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></a>
                        <!--                        <button class="btn btn-default" type="button" name="btnVeiculo" title="Incluir Novo Veículo" 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-1">
                <label for="">Código</label>
                <div class="input-group">
                    <input type="text" id="IDV" class="form-control">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Fabricante</label>
                <input type="text" id="FABRICANTE" class="form-control" readonly>
            </div>
            <div class="col-md-3">
                <label for="">Modelo</label>
                <input type="text" id="MODELO" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Renavam</label>
                <input type="text" id="RENAVAM" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Chassi</label>
                <input type="text" id="CHASSI" class="form-control" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <label for="">Ano Fabricação</label>
                <input type="text" id="ANO_FABRICACAO" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Ano Modelo</label>
                <input type="text" id="ANO_MODELO" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Cor</label>
                <input type="text" id="COR" class="form-control" readonly>
            </div>
            <div class="col-md-2">
                <label for="">Área Veículo</label>
                <div class="input-group">
                    <input type="text" id="N_AREA_OCUPACAO" class="form-control" readonly>
                    <span class="input-group-addon">m²</span>
                </div>
            </div>
            <div class="col-md-2 col-md-offset-2">
                <label for="">* Início Atividade</label>
                <div class="input-group">
                    <input type="text" name="D_INICIOATIV" id="DtInAtividade" 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-2">
                <label for="">Nº CNH</label>
                <input type="text" name="CNH" class="form-control" maxlength="12" onkeypress="return digitos(event);">
            </div>
            <div class="col-md-2">
                <label for="">Categoria</label>
                <div class="input-group">
                    <select name="CNHCATEGORIA" class="form-control">
                        <option value="" selected></option>
                        <option value="A">A</option>
                        <option value="B">B</option>
                        <option value="C">C</option>
                        <option value="D">D</option>
                        <option value="E">E</option>
                        <option value="AB">AB</option>
                        <option value="AC">AC</option>
                        <option value="AD">AD</option>
                        <option value="AE">AE</option>
                    </select>
                    <span class="input-group-btn">
                    <button class="btn btn-default" type="button" name="btnCategoria" title="Detalhe" data-toggle="modal" data-target=".bs-contribuinte-modal-lg"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></button>
                </span>
                </div>
            </div>
            <div class="col-md-2">
                <label for="">Emissão</label>
                <div class="input-group">
                    <input type="text" name="D_CNH" id="DtEmissao" 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="">Validade</label>
                <div class="input-group">
                    <input type="text" name="D_CNHVALIDADE" id="DtValidade" 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="">* Tipo</label>
                <select name="IDTAXITIPO" class="form-control" required>
                    <option value="" selected></option>
                    @foreach($tipoTaxi as $tp)
                        <option value="{{$tp->IDTAXITIPO}}">{{$tp->TIPO}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <label for="">* Endereço Fiscal</label>
                <div class="input-group">
                    <input type="hidden" name="ENDERECOFISCAL" id="IDENDERECO">
                    <input type="text" name="ENDERECO" id="ENDERECO" class="form-control" maxlength="20">
                    <span class="input-group-btn">
                        <a class="btn btn-default" href="{{route('logradouro.create')}}" title="Incluir 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" class="form-control" onkeypress="return digitos(event);" maxlength="5">
            </div>
            <div class="col-md-4">
                <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 class="row">
            <div class="col-md-10">
                <label for="">Observação</label>
                <textarea class="form-control" name="OBS" cols="30" rows="3"></textarea>
            </div>
            <div class="col-md-2">
                <label for="">Código Antigo</label>
                <input type="text" name="CODIGO_ANTIGO" class="form-control">
            </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>

<!--<table class="table table-bordered">-->
<!--    <thead>-->
<!--    <caption>Conf. Art. 143 do CTB e Res. 168 do CONTRAN anexo I</caption>-->
<!--    <tr>-->
<!--        <td>CATEGORIA</td>-->
<!--        <td>ESPECIFICAÇÃO</td>-->
<!--    </tr>-->
<!--    </thead>-->
<!--    <tbody>-->
<!--    <tr>-->
<!--        <td align="center">"A"</td>-->
<!--        <td>Condutor de veículo motorizado de duas ou três rodas, com ou sem carro lateral.-->
<!--            Ex.: Motocicleta, Ciclomotor, Motoneta ou Triciclo.</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td align="center">"B"</td>-->
<!--        <td>Condutor de veículos, cujo peso bruto total não exceda a três mil e quinhentos quilogramas ou cuja lotação não exceda a 08 (oito) lugares, excluído o do motorista; contemplando a combinação de unidade acoplada reboque, desde que a soma dos dois não ultrapasse 3500 KG.-->
<!--            Ex.: Automóvel, caminhonete, camioneta, utilitário.</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td align="center">"C"</td>-->
<!--        <td>Condutor de veículos, utilizados em transporte de carga, cujo peso bruto total exceda a três mil e quinhentos quilogramas.-->
<!--            O trator de roda, o trator de esteira, o trator misto ou o equipamento automotor destinado à movimentação de cargas ou execução de trabalho agrícola, de terraplenagem, de construção ou de pavimentação.-->
<!--            Combinação de veículos em que a unidade acoplada, reboque, não exceda a 6.000 kg.-->
<!--            Todos os veículos abrangidos pela categoria "B".-->
<!--            Ex: Caminhão.</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td align="center">"D"</td>-->
<!--        <td>Condutor de veículos, utilizados no transporte de passageiros, cuja lotação exceda a 08 passageiros, excluindo o motorista.-->
<!--            Todos os veículos abrangidos nas categorias "B" e "C".-->
<!--            Ex: Microônibus, Ônibus.</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td align="center">"E"</td>-->
<!--        <td>Condutor de combinação de veículos em que a unidade tratora se enquadre nas categorias B, C ou D e cuja unidade acoplada, reboque, semi reboque, trailer ou articulada tenha 6.000 kg (seis mil quilogramas) ou mais de peso bruto total, ou cuja lotação exceda a 8 (oito) lugares.-->
<!--            Condutor de combinação de veículos com mais de uma unidade tracionada, independentemente da capacidade de tração ou do peso bruto total.-->
<!--            Ex.: Veículo com dois reboques acoplados.</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td align="center">"ACC"</td>-->
<!--        <td>Condutor de veículos de duas ou três rodas com potência até 50 cilindradas.-->
<!--            Ex: Ciclomotores.-->
<!--            A Resolução CONTRAN nº 315/2008 estabelece a equiparação dos veículos ciclo-elétricos aos ciclomotores. Para os efeitos de equiparação ao ciclomotor, entende-se como ciclo-elétrico todo veículo de duas ou três rodas, provido de motor de propulsão elétrica com potência máxima de 4 kW (quatro kilowatts) dotados ou não de pedais acionados pelo condutor, cujo peso máximo, incluindo condutor, passageiro e carga, não exceda 140 kg (cento e quarenta quilogramas) e cuja velocidade máxima declarada pelo fabricante não ultrapasse 50 km/h (cinquenta quilômetros por hora). Inclui-se nesta definição de ciclo-elétrico a bicicleta dotada originalmente de motor elétrico, bem como aquela que tiver este dispositivo motriz agregado posteriormente à sua estrutura.</td>-->
<!--    </tr>-->
<!--    <tr>-->
<!--        <td align="center">"MOTOR-CASA"</td>-->
<!--        <td>Até 6 toneladas categoria B, acima de 6 toneladas categoria C, caso o motor-casa tenha acima de 8 passageiros excluindo o motorista, categoria D.</td>-->
<!--    </tr>-->
<!--    </tbody>-->
<!--</table>-->

@endsection
@push('script')
    <script>
        $(function () {
            $("#DtEmissao, #DtValidade, #DtInAtividade, #DtFnAtividade").datepicker({
                changeMonth: true,
                changeYear: true
            }).mask("99/99/9999");

            //$('#PLACA').mask('aaa-9999');
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/pontotaxi/list-create-ponto-taxi.js'))}}"></script>
@endpush