@extends('user_layout')
@section('content')
<!-- Content Header (Page header) -->
<!-- Main content -->
<div class="content-header">
</div>
<!-- /.content-header -->

<section class="content">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <div class="row">
            <div class="col-md-10">
              <h3>List Roles</h3>
            </div>
            <div class="col-md-2 float-right text-right">
              <a class="btn btn-sm btn-primary" href="{{url('roles/form')}}">Add New</a>
              <button class="btn btn-sm btn-danger" id="delete-roles" style="margin-left: 1em">Delete</button>
             </div>
          </div>
        </div>

        <!-- /.card-header -->
        <div class="card-body">
          <table id="rolesGrid" class="table table-bordered table-hover" style="width:100%;">
            <thead>
            <tr>
              <th style="width:30px;"><input type="checkbox" id="select-all" name="select-all"></th>
              <th>ID</th>
              <th>Role</th>
              <th style="width:50%;text-align:right;">Actions</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
            <tfoot>
            <tr>
              <th></th>
              <th>ID</th>
              <th>Role</th>
              <th>Actions</th>
            </tr>
            </tfoot>
          </table>
        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->


    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->



</section>
<!-- /.content -->
<!-- Script Files -->
@include('layouts.scripts')
<!-- End Scripts -->
@endsection