@extends('admin.layouts.nav-footer')
@section('css-plugins')
@endsection

@section('js-plugins')
@endsection
@section('content')
<!-- Content Wrapper START -->
<div class="main-content">
    <div class="container-fluid">
        @if($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @can('role-create')
            <a href="{{ route('roles.create') }}" class="btn btn-primary float-right btn-sm">
                <i class="ti-plus pdd-right-5"></i>
                <span>Add role</span>
            </a>
        @endcan
        <div class="page-title">
            <h4>Role Management</h4>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-block">
                        <div class="table-overflow">
                            <table id="user-table" class="table table-lg table-hover">
                                <thead>
                                    <tr>
                                        <th>id</th>
                                        <th>name</th>
                                        <th>Created at</th>
                                        @if(Auth()->user()->hasPermissionTo('role-edit') || Auth()->user()->hasPermissionTo('role-delete'))
                                        <th>Actions</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($roles as $role)
                                        <tr>
                                            <td>
                                                <div class="mrg-top-15"><span> {{ ++$i }}</span></div>
                                            </td>

                                            <td>
                                                <div class="mrg-top-15">
                                                    <span
                                                        class="text-info"><b>{{ $role['name'] }}</b></span>
                                                </div>
                                            </td>
                                          <td>
                                                <div class="mrg-top-15">
                                                    <span>{{ Carbon\Carbon::parse($role->created_at)->format('d M Y') }}
                                                    </span>
                                                </div>
                                            </td>
                                            @if(Auth()->user()->hasPermissionTo('role-edit') || Auth()->user()->hasPermissionTo('role-delete'))
                                            <td>
                                                <div class="mrg-top-10 text-center dropdown ">
                                                    <button class="btn btn-icon btn-flat btn-rounded dropdown-toggle"
                                                        data-toggle="dropdown" aria-expanded="false">
                                                        <i class="ti-more-alt"></i>
                                                    </button>
                                                    <ul class="dropdown-menu ">
                                                        @can('role-edit')
                                                        <li>
                                                            <a
                                                                href="{{ route('roles.edit', ['role'=>$role->id]) }}">
                                                                <i class="ei-save-edit pdd-top-10 pdd-right-10"></i>
                                                                <span>Edit</span>
                                                            </a>
                                                        </li>
                                                        @endcan

                                                        @can('role-delete')
                                                        <li role="separator" class="divider"></li>
                                                        <li>
                                                            {!! Form::open(['method' => 'DELETE','route' =>
                                                            ['roles.destroy', $role->id],'class'=>'delete-form']) !!}
                                                            <button type="submit"><i class="ei-delete pdd-right-10"></i>
                                                                <span>Delete</span></button>
                                                            {!! Form::close() !!}
                                                        </li>
                                                        @endcan
                                                    </ul>
                                                </div>
                                            </td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Content Wrapper END -->
@endsection