@extends('admin.layouts.admin')

@section('content')

<div class="">
  <div class="page-title">
    <div class="title_left">
      <h3>Role Management</small></h3>
    </div>
    <div class="title-left">
        <a href="{{ url()->route('admin.roles.create') }}" class="btn btn-sm btn-primary pull-right">Add New Role</a>
    </div>
  </div>

  <div class="clearfix"></div>

  <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>View Roles</h2>
          <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
            <li><a class="close-link"><i class="fa fa-times"></i></a>
            </li>
          </ul>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">  

          <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
              <thead>
                  <tr>
                      <th>SL</th>
                      <th>name</th>
                      <th>Display Name</th>
                      <th>Description</th>
                      <th>Action</th>
                  </tr>
              </thead>
              <tbody>
                  @php ($i = 0)
                  @foreach($roles as $role)
                      <tr>
                          <td>{{ ++$i }}</td>
                          <td>{{ $role->name }}</td>
                          <td>{{ $role->display_name }}</td>
                          <td>{{ $role->description }}</td>
                          <td>
                              <div class="btn-group">
                                  <a href="{{ route('admin.roles.show', $role->id) }}">
                                      <button title="View Details" class="btn btn-primary "><i class="fa fa-file"></i> </button>
                                  </a>
                              </div>
                              
                              <div class="btn-group">
                                  <a href="{{ route('admin.roles.edit', $role->id) }}">
                                      <button title="Edit" class="btn btn-info "><i class="fa fa-pencil-alt"></i> </button>
                                  </a>
                              </div>
                              <div class="btn-group">
                                  <form action="{{ route('admin.roles.destroy', ['role' => $role->id]) }}" method="post">
                                      {{ csrf_field() }}
                                      {{ method_field('delete') }}
                                      <button title="Delete" type="submit" onclick="return confirm('Are you sure you want to delete?')" class="btn btn-danger"><i class="fa fa-times"></i> </button>
                                  </form>
                              </div>
                             
                          </td>
                      </tr>
                  @endforeach
              </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection