@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

@section('conteudo-view')
    <h1>Instâncias</h1>

    <div id="mensagem">
        @if(session('success'))
            <h3>{{ Helper::Mensagem(session('success')['message']) }}</h3>
            {{ Session::forget('success') }}
        @endif
    </div>

    <div class="table-responsive">
        <table id="instancias" class="table table-sm table-striped table-hover row-border" style="width:100%">
            <thead class="table-header">
                <tr>
                    <td>#</td>
                    <td>Código</td>
                    <td>Nome</td>
                    <td>Caminho Logotipo</td>
                    <td>Alterar</td>
                    <td>Excluir</td>
                </tr>
            </thead>
            <tbody class="table-body">
                @foreach($instancias as $instancia)
                    <tr>
                        <td>{{ $instancia->id_instancia }}</td>
                        <td>{{ $instancia->codigo }}</td>
                        <td>{{ $instancia->nome_instancia }}</td>
                        <td>{{ $instancia->logo_instancia }}</td>

                        <td>
                            <a href="{{ route('cadInstancia.edit', $instancia->id_instancia) }}" class="fa fa-edit">
                        </td>
                        @if ($instancia->id_instancia != '1')
                        <td>
                            {!! Form::open(['route' => ['cadInstancia.destroy', $instancia->id_instancia], '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>
                        @else
                        <td>
                        </td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div id="botoes">
            <a href="{{ route('cadInstancia.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>
        $('#instancias').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