@extends('layouts.tributos')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('img/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
<div class="panel panel-default">
    <div class="panel-heading"><b>Pesqisar</b></div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-2 col-md-offset-8">
                <button type="button" class="btn btn-primary" id="btnListar" onclick="listarCemiterio('listar=all')"><span class="glyphicon glyphicon-list" aria-hidden="true"></span> Últimos {{totalLimite()}} registros</button>
            </div>
            <div class="col-md-2">
                <form name="FrmPorCodigo" action="" method="post">
                    <div class="input-group">
                        <input type="text" name="codigo" class="form-control" placeholder="Código" maxlength="8" onkeypress="return digitos(event);" required>
                        <span class="input-group-btn">
                <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
            </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="listarTableDados">
    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span>&nbsp;Cemitério<small> (Incluir Novo Registro)</small></h3>
    <form name="FrmIncluirCemiterio" action="{{route('cemiterio.store')}}" method="post">
        @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="">* Cemitério</label>
                <input type="text" name="CEMITERIO" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">* Localização</label>
                <select name="LOCALIZACAO" class="form-control">
                    <option select="select"></option>
                    <option value="1">Zona Urbana</option>
                    <option value="2">Zona Rural</option>
                </select>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="">* Logradouro</label>
                <div class="input-group">
                    <input type="hidden" name="CODLOGRADOURO" id="IDENDERECO">
                    <input type="text" name="ENDERECO" class="form-control" maxlength="5">
                    <span class="input-group-btn">
                        <a class="btn btn-default" href="{{route('logradouro.store')}}" 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" name="NUMERO" class="form-control" onkeypress="return digitos(event);" maxlength="6">
            </div>
            <div class="col-md-5">
                <label for="">Bairro</label>
                <input type="text" id="BAIRRO" class="form-control" readonly>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span> Salvar</button>
                <button type="reset" class="btn btn-default"><span class="glyphicon glyphicon-erase" aria-hidden="true"></span> Limpar</button>
                <a href="{{route('tributo')}}" class="btn btn-default"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Voltar</a>
            </div>
        </div>
        <hr>
    </form>

    <table class="table table-bordered">
        <thead>
        <tr>
            <th width="6%">CÓDIGO</th>
            <th width="40%">CEMITÉRIO</th>
            <th width="38">LOGRADOURO</th>
            <th width="10">LOCALIZAÇÃO</th>
            <th width="6%" colspan="2">GERÊNCIAR</th>
        </tr>
        </thead>
        <tbody>
        @foreach($dados as $d)
            <tr>
                <td>{{str_pad($d->IDCEMITERIO,3,0, STR_PAD_LEFT)}}</td>
                <td>{{$d->CEMITERIO}}</td>
                <td>{{$d->LOGRADOURO}}</td>
                <td>{{$d->LOCALIZACAO == 1 ? 'Zona Urbana':'Zona Rural'}}</td>
                <td><a href="{{route('cemiterio.edit', base64_encode($d->IDCEMITERIO))}}" class="btn btn-default btn-xs" title="Editar"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></td>
                <td><a href="{{route('cemiterio.destroy', base64_encode($d->IDCEMITERIO))}}" class="btn btn-danger btn-xs" title="Excluir"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>

<!--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 src="{{url(mix('modulos/tributos/assets/js/auto-complete/auto-complete.js'))}}"></script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/cemiterio/list-create-cemiterio.js'))}}"></script>
@endpush