@inject('request', 'Illuminate\Http\Request')
@extends('layouts.index')

@section('content')
    <link rel="stylesheet" href="{{ asset('css/lib/datatable/dataTables.bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <h3 class="page-title">Permisos</h3>
    <div class="panel panel-default">
        <div class="panel-body table-responsive">
            <table id="table" class="table table-bordered table-striped {{ count($permissions) > 0 ? 'datatable' : '' }} dt-select">
                <thead>
                    <tr>
                        <th>Nombre Permiso</th>
                    </tr>
                </thead>
                
                <tbody>
                    @if (count($permissions) > 0)
                        @foreach ($permissions as $permission)
                            <tr data-entry-id="{{ $permission->id }}">
                                <td>{{ $permission->name }}</td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="3">No existen permisos</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#table').DataTable();
        } );
    </script>
@stop