@extends('layouts.nfse.nfse-painel')
@section('content')
    <div class="card text-center mt-4 mb-4">
        <div class="card-header">
            <ul class="nav nav-pills card-header-pills">
                <h3>Atividade Secundárias</h3>
            </ul>
        </div>
    </div>
    <form name="formCreateAtividadeS" action="{{route('atividade-secundario.store')}}" method="post" role="form">
        @csrf
        <div class="row mt-4">
            <div class="col-md-12">
                <label for=""><i style="color: grey">* Campo de Preenchimento Obrigatório</i></label>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-1">
                <label for=""><b>Primário</b></label>
                <input type="text" class="form-control" value="{{str_pad($id, 5, 0, STR_PAD_LEFT)}}" readonly>
                <input type="hidden" name="nfs_codigoprimario" class="form-control" value="{{$id}}">
            </div>
            <div class="col-md-1">
                <label for="">* Código</label>
                @if(config('myConstants.instituicao.cnpj') == '12.228.904/0001-58')<!-- Major Isidoro -->
                    <input type="text" name="nfs_codigosecundario" class="form-control" onkeypress="return digitosComPonto(event)" onblur="preencheZeros(this,11);" maxlength="11">
                @else
                    <input type="text" name="nfs_codigosecundario" class="form-control" onkeypress="return digitos(event)" onblur="preencheZeros(this,2);" maxlength="2">
                @endif
            </div>
            <div class="col-md-9">
                <label for="">* Descrição</label>
                <input type="text" name="nfs_descricaoservico" class="form-control">
            </div>
            <div class="col-md-1">
                <label for="">* Alíquota</label>
                <input type="text" name="nfs_aliquota" class="form-control" onkeypress="return digitosComPonto(event)">
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbsp; Salvar</button>
                <a href="javascript:history.back()" class="btn btn-light btn-lg"><i class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp; Voltar</a>
            </div>
        </div>
    </form>
    <p class="mt-5"></p>

    <div class="table-responsive mt-4">
        <h4>Lista de atividades secundárias</h4>
        <table class="table table-hover table-sm data-table">
            <thead>
            <tr>
                <th width="5%">PRIMÁRIO</th>
                <th width="5%">CÓDIGO</th>
                <th width="80%">DESCRIÇÃO</th>
                <th width="5%">ALÍQUOTA</th>
                <th width="5%"></th>
            </tr>
            </thead>
            <tbody>
            @foreach($dados as $d)
                <tr>
                    <td>{{str_pad($d->nfs_codigoprimario, 5, 0, STR_PAD_LEFT)}}</td>
                    <td>{{$d->nfs_codigosecundario}}</td>
                    <td>{{$d->nfs_descricaoservico}}</td>
                    <td>{{$d->nfs_aliquota}}</td>
                    <td></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection
@push('script')
    <script>
        $(document).ready(function () {
            $('.data-table').DataTable({
                columns: [
                    {data: 'nfs_codigoprimario', name: 'nfs_codigoprimario', orderable: false},
                    {data: 'nfs_codigosecundario', name: 'nfs_codigosecundario'},
                    {data: 'nfs_descricaoservico', name: 'nfs_descricaoservico'},
                    {data: 'nfs_aliquota', name: 'nfs_aliquota'},
                    {data: 'bt-link', name: 'bt-link', orderable: false},
                ],
                language: {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    //"sProcessing": "<img src='img/ajax-loader.gif'/>",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "Próximo",
                        "sPrevious": "Anterior",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                },
            });
        });
    </script>
    <script src="{{url(mix('modulos/nfse/atividade-secundario/js/create-update-atividade-secundario.js'))}}"></script>
@endpush