@extends('layouts.master')

    <!-- Main content -->
@section('content')
      <div class="row">
        <div class="col-xs-12">

          <div class="box">
            <div class="box-header">
              <h3 class="box-title">List Of Roles</h3>
			  <span class="pull-right-container">
              <a href="{{ asset("/roles/add") }}"><i class="fa fa-plus-square"></i></a>
            </span>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Code</th>
                  <th>Name</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
				@foreach($roless as $roles)
                <tr>
                  <td>{{ $roles->roles_code }}</td>
                  <td>{{ $roles->roles_name }}</td>
                  <td>
				  <a href="{{ asset("/roles/") }}/{{ $roles->roles_id }}"><i class="fa fa-search"></i></a>
				  <a href="{{ asset("/roles/") }}/{{ $roles->roles_id }}/edit"><i class="fa fa-edit"></i></a>
				  <a href="{{ asset("/roles/") }}/{{ $roles->roles_id }}/delete"><i class="fa fa-close"></i></a>
				  </td>
                </tr>
				@endforeach
                </tbody>
                <tfoot>
                <tr>
                  <th>Code</th>
                  <th>Name</th>
                  <th>Action</th>
               </tr>
                </tfoot>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
@endsection