@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> Veículo<small> (Formulário para Incluir Novo Registro)</small></h3>
<form name="FrmIncluirVeiculo" action="{{route('veiculo.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="">* Fabricante</label>
            <select name="FABRICANTE" id="FABRICANTE" class="form-control" required>
                <option value="" selected></option>
                @foreach($fabricante as $f)
                    <option value="{{$f->marcaId}}">{{ucfirst(strtolower($f->marcaDsc))}}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-4">
            <label for="">* Modelo</label>
            <div class="input-group">
                <select name="VEICULO" id="modelo" class="form-control" required>
                    <option value=""></option>
                </select>
                <span class="input-group-btn">
                <button class="btn btn-default" type="button" id="btnModelo" title="Incluir Novo Modelo" 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="">* Cor</label>
            <input type="text" name="COR" class="form-control">
        </div>
        <div class="col-md-2">
            <label for="">* Ano Fabricação</label>
            <select name="ANO_FABRICACAO" class="form-control">
                <option value="" selected></option>
                @for($i = 1980; $i <= date('Y')+1; $i++)
                    <option value="{{$i}}">{{$i}}</option>
                @endfor
            </select>
        </div>
        <div class="col-md-2">
            <label for="">* Ano Modelo</label>
            <select name="ANO_MODELO" class="form-control">
                <option value="" selected></option>
                @for($i = 1980; $i <= date('Y')+1; $i++)
                    <option value="{{$i}}">{{$i}}</option>
                @endfor
            </select>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <label for="">* Cidade Emplacamento</label>
            <input type="hidden" name="CIDADEEMPLACAMENTO" id="IDCIDADE" required>
            <input type="text" name="MUNICIPIO" class="form-control">
        </div>
        <div class="col-md-2">
            <label for="">* Placa</label>
            <input type="text" name="PLACA" id="PLACA_NEW" maxlength="8" class="form-control">
        </div>
        <div class="col-md-2">
            <label for="">* Renavam</label>
            <input type="text" name="RENAVAM" class="form-control" onkeypress="return digitos(event);" maxlength="15">
        </div>
        <div class="col-md-2">
            <label for="">* Chassi</label>
            <input type="text" name="CHASSI" class="form-control" maxlength="25">
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <label for="">Obs:</label>
            <textarea name="OBS" cols="30" rows="5" class="form-control"></textarea>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">* Área Veículo</label>
            <div class="input-group">
                <input type="text" name="N_AREA_OCUPACAO" class="form-control" maxlength="6" onkeypress="return digitosComPonto(event);">
                <span class="input-group-addon">m²</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>

<!--modal incluir modelo veiculo-->
<div class="modal fade" id="IncluirModeloModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form name="FrmModalModelo" action="{{route('modelo-veiculo.store')}}" method="post">
                @csrf
                <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"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Modelo<small> (Incluir Novo Registro)</small></h4>
                </div>
                <div class="modal-body">
                    <div id="msg-status-modal"></div>
                    <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-6">
                            <label for="">* Fabricante</label>
                            <select name="Fabricante" id="FABRICANTE" class="form-control">
                                <option value="" selected></option>
                                @foreach($fabricante as $f)
                                    <option value="{{$f->marcaId}}">{{ucfirst(strtolower($f->marcaDsc))}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="">* Modelo</label>
                            <input type="text" name="modelo" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span> Fechar</button>
                    <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Salvar</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@push('script')
    <script>
        $(function () {
                //$('#PLACA_NEW, #PLACA_BUSCA').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/veiculo/list-create-veiculo.js'))}}"></script>
@endpush