@extends('dashboard.layout.partials.dashboard')

@section('content')
<div class="form-group row">
    <div class="col-sm-12">
        @if ($errors->any())
            <div class="alert " style="background-color:rgb(153, 51, 0); color:white">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="col-sm-12">
        @if (session()->has('message'))
            <div class="alert alert-success">
                {{session('message')}}
            </div>
        @endif
    </div>
    <div class="col-sm-12">
        @if (session()->has('hasError'))
            <div class="alert alert-danger">
                {{session('hasError')}}
            </div>
        @endif
    </div>
</div>
<div class="col-lg-12 grid-margin stretch-card">
                <div class="card">
                     
                  <div class="card-body shadow">
                  	<h4 class="card-title">Roles category</h4>
                        <div style="text-align: right;">

                  	 	<a class="btn btn-secondary" href="{{route('sub_roles.create')}}">Add Role Category</a>
                  	
                  	 	</div>
                  	 	<br>
                  	 	<br>
                  <div class="table-responsive">	 	
                  	  <table class="table table-striped myTable">
                      <thead>
                        <tr>
                          <th> Role </th>
                          <th> Role Category </th>
                          <th> Created at </th>
                          <th> Edit </th>
                          <th> Delete </th>
                        </tr>
                      </thead>
                      <tbody>

                      	@foreach($role as $roles)
                        <tr>
                            <td class="py-1">
                            {{$roles->role->role_name ? $roles->role->role_name : ''}}
                          </td>
                          <td class="py-1">
                            {{$roles->sub_role_name ? $roles->sub_role_name : ''}}
                          </td>
                          <td> {{$roles->created_at ? $roles->created_at : ''}} </td>
                          <td> 
                          	<a class="btn btn-sm btn-inverse-success" href="{{route('sub_roles.edit',$roles->id)}}">Edit</a> 
                          </td>
                          <td> <a class="btn btn-sm btn-inverse-danger " href="{{url('sub_roles/delete',$roles->id)}}">Delete</a> 
                           </td>

                        </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                  </div>
                </div>
              </div>

@endsection

@section('javascript')

<script>
	
    //data-table work
        $(document).ready( function () {
            $('.myTable').DataTable();
        } );
     

</script>

@endsection