@extends('admin.layout.master')
@section('content')
    <div class="page-body">
        <div class="container-fluid">
           <div class="page-title">
                <div class="row">
                     <div class="col-12">
                      @if(session('message'))
                      <ol class="breadcrumb">
                        <li class="breadcrumb-item text-success">{{session('message')}}</li>
                      </ol>
                      @endif
                    </div>
                </div>
            </div>
      </div>
          <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                      <div class="card-header pb-0 card-no-border">
                        <span><h4>Role</h4></span><span style="float:right;"><a href="{{route('role-add')}}" class="btn btn-primary" type="button" data-bs-toggle="tooltip" data-bs-original-title="btn btn-primary">Add role</a></span>
                      </div>
                      <div class="card-body">
                        <div class="table-responsive">
                          <table class="display" id="basic-9">
                            <thead>
                              <tr>
                                <th>Id</th>
                                <th>Role Name</th>
                                <th>Action</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($role as $key=>$value)
                              <tr>
                                <td>{{$key+1}}</td>
                                <td>{{$value->name}}</td>
                                <td> 
                                  <ul class="action"> 
                                    <li class="edit"> <a href="{{route('role-edit',['id'=>$value->id])}}"><i class="icon-pencil-alt"></i>Edit</a></li>
                                 </ul>
                                </td>
                              </tr>
                              @endforeach
                            </tbody>
                            <tfoot>
                              <tr>
                                <th>Id</th>
                                <th>Role Name</th>
                                <th>Action</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                      </div>
                    </div>
                </div>
         
            
            </div>
        </div>
    </div>
@endsection