@extends('layouts.app')

@section('title')
Rôles et permissions
@endsection

@section('page-title')
Rôles &amp; permissions <small>Gestion</small>
@endsection

@section('button-top')
<a class="btn cur-p btn-copernic" href="{{ route('roles.create') }}">Créer un rôle</a> 
<a class="btn cur-p btn-copernic" href="{{ route('permissions.create') }}">Créer une permission</a>
@endsection


@section('content')

    <div class="row">
        <div class="col-md-6">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <h4 class="c-grey-900 mB-20">Rôles</h4>

                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Rôle</th>
                            <th scope="col">Permissions</th>
                            <th scope="col">Gestion</th>
                        </tr>
                    </thead>

                    <tbody>
                        @if (count($roles))
                            @foreach ($roles as $role)
                                <tr>
                                    <td>{{ $role->id }}</td>
                                    <td>{{ $role->name }}</td>
                                    <td>{{ count($role->permissions) }}</td>
                                    <td class="td-btn">
                                        <a href="{{ route('roles.show', $role) }}" class="btn btn-secondary btn-icon"><i class="fa fa-eye"></i></a>
                                        <a href="{{ route('roles.edit', $role) }}" class="btn btn-info btn-icon"><i class="fa fa-pen"></i></a>
                                        <button type="button" class="btn btn-danger btn-icon" data-toggle="modal" data-target="#deleteModalRole{{ $role->id }}"><i class="fa fa-trash-alt"></i></button>

                                        @include('roles.delete_modal', ['role' => $role])
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="ta-c font-italic" colspan="5">
                                    Aucun rôle<br />
                                    <a class="btn cur-p btn-info font-normal mT-20" href="{{ route('roles.create') }}">Créer un rôle</a>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>


        <div class="col-md-6">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <h4 class="c-grey-900 mB-20">Permissions</h4>

                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Permission</th>
                            <th scope="col">Rôles</th>
                            <th scope="col">Gestion</th>
                        </tr>
                    </thead>

                    <tbody>
                        @if (count($permissions))
                            @foreach ($permissions as $permission)
                                <tr>
                                    <td>{{ $permission->id }}</td>
                                    <td>{{ $permission->name }}</td>
                                    <td>{{ count($permission->roles) }}</td>
                                    <td class="td-btn">
                                        <a href="{{ route('permissions.show', $permission) }}" class="btn btn-secondary btn-icon"><i class="fa fa-eye"></i></a>
                                        {{--<a href="{{ route('permissions.edit', $permission) }}" class="btn btn-info btn-icon"><i class="fa fa-pen"></i></a>--}}
                                        <button type="button" class="btn btn-danger btn-icon" data-toggle="modal" data-target="#deleteModalPermission{{ $permission->id }}"><i class="fa fa-trash-alt"></i></button>

                                        @include('permissions.delete_modal', ['permission' => $permission])
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="ta-c font-italic" colspan="5">
                                    Aucune permission<br />
                                    <a class="btn cur-p btn-info font-normal mT-20" href="{{ route('permissions.create') }}">Créer une permission</a>
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection