@extends('adminlte::page')

@section('title', " $title ")

@section('content')
<div class="container-fluid">

    <div class="row pt-4">
        <div class="col-md-4">
            <h4><a href="" class="btn btn-primary" title="Cadastrar Novo" data-toggle="modal" data-target="#create"> + Cadastrar Permissão</a> <span class="badge badge-secondary shadow">{!! $count !!}</span></h4>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-md-12">
            
            @include('app.includes.alerts')
            <table class="table table-striped">
                <thead class='bg-secondary text-white'>
                    <tr>
                        <th>#</th>
                        <th>Permissão</th>
                        <th>Slug</th>
                        <th>Excluir</th>
                    </tr>
                </thead>
                
                <tbody>
                    @foreach($permissions as $permission)
                        <tr>
                            <td>{{ $permission->id }}</td>
                            <td>{{ $permission->name }}</td>
                            <td>{{ $permission->slug }}</td>
                            <td>
                                <form action="{{ route('permissions.destroy', $permission->id) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja deletar?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger shadow"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

        </div>
    </div>
    
    <!--MODAL CREATE-->
    <div class="modal fade" id="create" tabindex="-1" role="dialog" aria-labelledby="formCreate">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h4 class="modal-title" id="formCreate"> Cadastrando Permissão</h4>
                </div>
                <div class="modal-body">

                    <form action="{{ route('permissions.store') }}" method="post">
                        @csrf
                        <div class="form-group">
                            <div class="col-sm-12">
                                <label class="control-label"> Permissão</label>
                                <input name="name" class="form-control" value="" placeholder="Digite a permissão..." type="text" required>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="col-sm-12">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                                <input type="submit" class="btn btn-primary" value="Cadastrar"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>

@stop