@extends('layouts.default')
@section('content')

<!-- page content -->
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>Trainers List</h3>
     	</div>
    </div>
 	<div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_content">
	                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                  		<ul id="myTab" class="nav nav-tabs" role="tablist">
	                        <li role="presentation" class="active"><a href="#trainers" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">Trainers</a>
	                        </li>
	                        <li role="presentation" class=""><a href="#trainers_tl" role="tab" id="profile-tab1" data-toggle="tab" aria-expanded="false">Trainer TL's</a>
	                        </li>
                      	</ul>
                 	 	<div id="myTabContent" class="tab-content">
	                       	<div role="tabpanel" class="tab-pane fade active in" id="trainers" aria-labelledby="home-tab">
	                        	<div class="x_content">
	                    		  	<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
				                     	<thead>
					                        <tr>
					                          	<th>S.No</th>
					                          	<th>Name</th>
					                          	<th>Mobile</th>
					                          	<th>Email</th>
					                          	<th>Role</th>
					                          	<th>Action</th>
					                        </tr>
				           				</thead>
				         				<tbody>
				         										                  	 	@foreach($trainers_list as $k=>$trainer_list)
					                  	 	@if($trainer_list->role_name=='trainer')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $trainer_list->name }}</td>
					                          	<td>{{ $trainer_list->mobile }}</td>
					                          	<td>{{ $trainer_list->email }}</td>
					                          	<td>{{ $trainer_list->display_name }}</td>
					                          	<td>
				            					 	<a href="" class="btn-sm"> <i class="fa fa-eye"></i><b> View</b></a>
				                   			  	</td>
					                        </tr>
					                        @endif
											@endforeach
				         				</tbody>
				        			</table>
                       	 	 	</div>
	                        </div>
	                        <div role="tabpanel" class="tab-pane fade" id="trainers_tl" aria-labelledby="profile-tab1">
	                          	<div class="x_content">
	                    			<table class="table table-striped table-bordered dt-responsive nowrap datatable-responsive jambo_table" cellspacing="0" width="100%">
				                     	<thead>
					                        <tr>
					                          	<th>S.No</th>
					                          	<th>Name</th>
					                          	<th>Mobile</th>
					                          	<th>Email</th>
					                          	<th>Role</th>
					                          	<th>Action</th>
					                        </tr>
				           				</thead>
				         				<tbody>
				         										                  	 	@foreach($trainers_list as $k=>$trainer_list)
					                  	 	@if($trainer_list->role_name=='trainer_tl')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $trainer_list->name }}</td>
					                          	<td>{{ $trainer_list->mobile }}</td>
					                          	<td>{{ $trainer_list->email }}</td>
					                          	<td>{{ $trainer_list->display_name }}</td>
					                          	<td>
				            					 	<a href="" class="btn-sm"> <i class="fa fa-eye"></i><b> View</b></a>
				                   			  	</td>
					                        </tr>
					                        @endif
											@endforeach
				         				</tbody>
				        			</table>
                 			 	</div>
	                        </div>
	                	</div>
	                </div>
          		</div>
            </div>
        </div>
 	</div>
</div>        
@stop