@extends('layouts.tributos')
@section('content')
    <style>
        .ui-autocomplete-loading {
            background: white url({{url('imagens/gif/ajax-loader.gif')}}) right center no-repeat;
        }
    </style>
<div id="listarTableDados">
    <h3 class="page-header"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Atividade TLF <small>(Incluir Novo Registro)</small></h3>
    <div id="msg-status"></div>
    <form name="FrmCreateAtividadeTLF" action="{{route('atividade-tlf.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-1">
              <label for="">* Código</label>
              <input type="text" name="codigo" class="form-control" maxlength="10">
           </div>
            <div class="col-md-5">
                <label for="">* Atividade</label>
                <input type="text" name="descricao" class="form-control">
            </div>
            <div class="col-md-2">
                <label for="">* Porte</label>
                <select name="porte" class="form-control">
                    <option select="select"></option>
                    <option value="1">Pequeno</option>
                    <option value="2">Médio</option>
                    <option value="3">Grande</option>
                </select>
            </div>
            <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">
                </div>
            </div>
            <div class="col-md-2">
                <label for="">* Data</label>
                <div class="input-group">
                    <input type="text" name="d_data" id="DtVirgencia" class="form-control">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></span>
                </div>
            </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-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>
</div>

<div class="table-responsive">
    <table class="table table-hover">
        <caption>* Listar de Atividade</caption>
        <thead>
        <tr>
            <th width="5%">Código</th>
            <th width="62%">Descrição</th>
            <th width="15%">Porte</th>
            <th width="10%">Valor</th>
            <th width="5%">Ano</th>
            <th width="3%"></th>
        </tr>
        </thead>
        <tbody>
        @foreach($dados as $d)
            <tr>
                <td>{{$d->codigo}}</td>
                <td>{{$d->descricao}}</td>
                <td>{{$porte[$d->porte]}}</td>
                <td>R$ {{formatVlrReal($d->n_valor)}}</td>
                <td>{{$d->ano}}</td>
                <td><a href="{{route('atividade-tlf.edit', base64_encode($d->id))}}" class="btn btn-default btn-xs" title="Editar"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

@endsection
@push('script')
    <script>
        $(function () {
            $("#DtVirgencia").mask("99/99/9999").datepicker();

            $('#n_valor').priceFormat({
                prefix: '',
                centsSeparator: ',',
                thousandsSeparator: '.',
                limit: 17,
                centsLimit: 2
            });
        })
    </script>
    <script src="{{url(mix('modulos/tributos/assets/js/tributos/tlf/atividade/list-incluir-atividade-tlf.js'))}}"></script>
@endpush