@extends('layouts.master')

@section('content')

<div class="pagetitle">
    <h1>Roles</h1>
    <nav>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
        <li class="breadcrumb-item active">Roles</li>
    </ol>
    </nav>
</div><!-- End Page Title -->

    
    {{-- <h1 class="mb-3">Laravel 8 User Roles and Permissions Step by Step Tutorial - codeanddeploy.com</h1> --}}
    <section class="section dashboard">
    <div class="row">
        
        <div class="col-lg-12">

            <div class="card">
              <div class="card-body">
                <div class="p-3">
                    <h5 class="card-title" style="display: inline;">Roles</h5>
                    <a href="{{ route('roles.create') }}" class="btn btn-primary btn-sm float-right" style="display: inline; float: right;"><i class="bx bxs-user-plus"></i>Add Role</a>
                </div>
                
        
                <!-- Table with stripped rows -->
                <table class="table table-striped">
                    <tr>
                        <th width="1%">No</th>
                        <th>Name</th>
                        <th width="3%" colspan="3">Action</th>
                    </tr>
                        @foreach ($roles as $key => $role)
                        <tr>
                            <td>{{ $key+1 }}</td>
                            <td>{{ $role->name }}</td>
                            {{-- <td>
                                <a class="btn btn-info btn-sm" href="{{ route('roles.show', $role->id) }}">Show</a>
                            </td> --}}
                            <td>
                                <a class="btn btn-dark btn-sm" href="{{ route('roles.edit', $role->id) }}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Edit Role"><i class="bx bx-edit"></i></a>
                            </td>
                            <td>
                                {!! Form::open(['method' => 'DELETE','route' => ['roles.destroy', $role->id],'style'=>'display:inline']) !!}
                                {!! Form::submit('Delete', ['class' => 'btn btn-danger btn-sm']) !!}
                                {!! Form::close() !!}
                            </td>
                        </tr>
                        @endforeach
                    </table>
                <ul class="pagination" style="float: right;">
                    {!! $roles->links() !!}
                </ul>
                <!-- End Table with stripped rows -->
        
              </div>
            </div>
        
            
          </div>
            

    </div>
</section>
@endsection