@extends('layouts.backend')
@section('title', '| Role Management')
@section('content')

<div class="col-md-12">
    @if ($message = Session::get('success'))
      <div class="alert alert-success">
        {{ $message }}
      </div>
    @endif
</div>
<div class="col-md-12 margin-tb">
    <div class="card">
        <div class="card-header">
        <h3 class="card-title">Role Management</h3>
            <div class="card-tools">
                <div class="pull-right">
                    @can('role-create')<a class="btn-sm btn-success" href="{{ route('roles.create') }}"> Create New Role </a>@endcan
                </div>
            </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap">
            <thead>
            <tr>
                <th class="col-auto">No</th>
                <th class="col">Name</th>
                <th class="col-auto">Action</th>
            </tr>
            </thead>
            <tbody>
                @foreach ($roles as $key => $role)
                <tr>
                    <td>{{ ++$i }}</td>
                    <td>{{ $role->name }}</td>
                    <td>
                        
                            <a class="btn-sm btn-info" href="{{ route('roles.show',$role->id) }}">Show</a>
                        @if($role->id != "1")
                            @can('role-edit')
                                <a class="btn-sm btn-primary" href="{{ route('roles.edit',$role->id) }}">Edit</a>
                            @endcan
                            @can('role-delete')
                            <a href="{{ route('roles.destroy', $role->id) }}" 
                                onclick="event.preventDefault(); if(confirm('Are you sure you want to delete?')) { document.getElementById('delete-form-{{$role->id}}').submit(); }" 
                                class="btn-sm btn-danger">
                                Delete
                            </a>
                            
                            {!! Form::open(['method' => 'DELETE', 'route' => ['roles.destroy', $role->id], 'id' => 'delete-form-'.$role->id, 'style' => 'display:inline']) !!}
                            {!! Form::close() !!}
                            @endcan
                        @endif
                    </td>
                </tr>
                @endforeach

            </tbody>
        </table>
        {!! $roles->render('vendor.pagination.bootstrap-4') !!}
        </div>
        <!-- /.card-body -->
    </div>
</div>

@endsection