@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

@section('conteudo-view')
    <h1>Formas de Pagamentos</h1>

    <div class="table-responsive">
        <table id="pagamentos" class="table table-sm table-striped table-hover row-border" style="width:100%">
            <thead class="table-header">
                <tr>
                    <td>#</td>
                    <td>Descricao</td>
                    <td>Alterar</td>
                    <td>Excluir</td>
                </tr>
            </thead>
            <tbody class="table-body">
                @foreach($pagamentos as $pag)
                    <tr>
                        <td>{{ $pag->id_pagamento }}</td>
                        <td>{{ $pag->descricao }}</td>
                        <td>
                            <a href="{{ route('cadPagamento.edit', $pag->id_pagamento) }}" class="fa fa-edit">
                        </td>
                        <td>
                            {!! Form::open(['route' => ['cadPagamento.destroy', $pag->id_pagamento], 'method' => 'DELETE']) !!}
                            <button type="submit" class="btn" data-toggle="tooltip" data-placement="top" title="Excluir">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                            {!! Form::close() !!}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div id="botoes">
            <a href="{{ route('cadPagamento.create') }}" class="cadastro_btn">Incluir Novo Registro</a>
        </div>
    </div>
    </div>

    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $('#pagamentos').DataTable({
            "bStateSave": true,
            lengthMenu: [
                [10, 25, 50, -1],
                [10, 25, 50, "Todos"]
            ],
            language: {
                "url": "http://cdn.datatables.net/plug-ins/1.10.11/i18n/Portuguese-Brasil.json"
            },
        });
    </script>
    
@endsection