@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> Logradouro <small class="alert-warning">(Modo de Edição)</small></h3>
<div id="msg-status"></div>

<form name="FrmUpdateLogradouro" action="{{route('logradouro.update', $logradouro->I_IDLOGRADOURO)}}" method="post" autocomplete="off">
    @method('PUT')
    @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-6">
            <label for="">* Nome logradouro</label>
            <input type="text" name="LOGRADOURO" class="form-control" value="{{$logradouro->LOGRADOURO}}">
        </div>
        <div class="col-md-4">
            <label for="">* Bairro</label>
            <div class="input-group">
                <select name="CODBAIRRO" id="comboBairros" class="form-control">
                    <!-- Populado tambem via ajax la em logradouro-->
                    @foreach($bairro as $b)
                        <option value="{{$b->BAICODIGO}}" {{$b->BAICODIGO == $logradouro->CODBAIRRO ? " selected" : ""}}>{{$b->BAINOME}}</option>
                    @endforeach
                </select>
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" title="Incluir Bairro" id="btnIncluirBairro"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></button>
                </span>
            </div>
        </div>
        <div class="col-md-2">
            <label for="">CEP</label>
            <input type="text" name="CEP" class="form-control" id="cep" value="{{$logradouro->CEP}}">
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="">Valor Terreno</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="VRL_TERRENO" id="VRL_TERRENO" value="{{$logradouro->VRL_TERRENO}}" class="form-control" maxlength="6">
                <span class="input-group-addon">m²</span>
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Valor Construído</label>
            <div class="input-group">
                <span class="input-group-addon">R$</span>
                <input type="text" name="VRL_CONSTRUCAO" id="VRL_CONSTRUCAO" value="{{$logradouro->VRL_CONSTRUCAO}}" class="form-control" maxlength="6">
                <span class="input-group-addon">m²</span>
            </div>
        </div>
        <div class="col-md-2">
            <label for="">Pavimentada</label>
            <select name="PAVIMENTADO" class="form-control">
                <option value="S" {{$logradouro->PAVIMENTADO == 'S' ? 'selected':''}}>Sim</option>
                <option value="N" {{$logradouro->PAVIMENTADO == 'N' ? 'selected':''}}>Não</option>
            </select>
        </div>
    </div>
    <div class="page-header"></div>
    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span> Salvar Alteração</button>
            <a href="{{route('logradouro.create')}}" class="btn btn-default"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Novo Registro</a>
            <a href="{{route('tributo')}}" class="btn btn-link"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Início</a>
        </div>
    </div>
    <hr>
</form>


<!--Modal Incluir Bairro-->
<!--<div class="modal fade bs-bairro-modal-lg" id="IncluirBairro" tabindex="-1" role="dialog">-->
<div class="modal fade" id="IncluirBairroModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form name="FrmModalBairro" action="" method="post">
                <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> Bairro<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="">Bairro</label>
                            <input type="text" name="BAINOME" 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 () {
            $('#cep').mask("99999-999");
            $('#VRL_TERRENO, #VRL_CONSTRUCAO').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/logradouro/list-update-logradouro.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/logradouro/bairro/list-update-bairro.js'))}}"></script>
@endpush