@extends('layouts._includes.admin.Header')
@section('titulo', 'Lista de Níveis de Acesso')

@section('conteudo')

<div class="content-wrapper">
    <!-- START PAGE CONTENT-->
    <div class="page-content fade-in-up">



        <div class="row">
            <div class="col-md-12">
                <a href="{{ route('admin.perfis.criar') }}" class="btn btn-primary">Adicionar</a>
            </div>
            <div class="col-md-12">
                <div class="ibox">
                    <div class="ibox-head">
                        <div class="ibox-title">Lista das Níneis de Acesso</div>
                        <div class="ibox-tools">
                            <a class="ibox-collapse"><i class="fa fa-minus"></i></a>
                        </div>
                    </div>
                    <div class="ibox-body">
                        <table class="table table-striped table-bordered table-hover" id="example-table1"
                            cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Descrição</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($perfis as $perfil)
                                    <tr class="text-center">
                                        <th>{{ $perfil->id }}</th>
                                        <th>{{ $perfil->vc_descricao }} </th>

                                        @csrf
                                        @method('delete')
                                        <td>
                                            <div class="dropdown">
                                                <button class="btn btn-dark btn-sm dropdown-toggle" type="button"
                                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">
                                                    <i class="fa fa-clone fa-sm" aria-hidden="true"></i>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                    <a href="{{ route('admin.perfis.editar', $perfil->id) }}"
                                                        class="btn btn-info">Editar</a>
                                                    <a href="{{ route('admin.perfis.eliminar', $perfil->id) }}" data-toggle="tooltip"  class="btn btn-danger"


                                            data-confirm="Tem certeza que deseja eliminar?">Eliminar</a>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <script src="/js/datatables/jquery-3.5.1.js"></script>

                                    <script>
                                        $(document).ready(function() {

                                            //start delete
                                            $('a[data-confirm]').click(function(ev) {
                                                var href = $(this).attr('href');
                                                if (!$('#confirm-delete').length) {
                                                    $('table').append(
                                                        '<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Eliminar os dados</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body">Tem certeza que pretende elimnar?</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button> <a  class="btn btn-info" id="dataConfirmOk">Eliminar</a> </div></div></div></div>'
                                                    );
                                                }
                                                $('#dataConfirmOk').attr('href', href);
                                                $('#confirm-delete').modal({
                                                    shown: true
                                                });
                                                return false;

                                            });
                                            //end delete
                                        });
                                    </script>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('/js/sweetalert2.all.min.js') }}"></script>
    @if (session('eliminado_geral'))
        <script>
            Swal.fire(
                'Nível de Acesso Eliminado com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('actualizado_geral'))
        <script>
            Swal.fire(
                'Nível de Acesso editada Com Sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('erro_geral'))
        <script>
            Swal.fire(
                'Erro ao editar Nível de Acesso!',
                '',
                'error'
            )
        </script>
    @endif


<script src="{{ asset('/js/sweetalert2.all.min.js') }}"></script>
    @if (session('eliminado_geral'))
        <script>
            Swal.fire(
                'Nível de Acesso Eliminado com sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('actualizado_geral'))
        <script>
            Swal.fire(
                'Nível de Acesso editada Com Sucesso!',
                '',
                'success'
            )
        </script>
    @endif

    @if (session('erro_geral'))
        <script>
            Swal.fire(
                'Erro ao editar Nível de Acesso!',
                '',
                'error'
            )
        </script>
    @endif





@endsection