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

<!-- page content -->
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>Recruiters 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 bar_tabs" role="tablist">
	                        <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">Recruiter</a>
	                        </li>
	                        <li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">Bench Sales</a>
	                        </li>
                      	</ul>
                 	 	<div id="myTabContent" class="tab-content">
	                       	<div role="tabpanel" class="tab-pane fade active in" id="tab_content1" 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>Designation</th>
					                          	<th>View</th>
					                        </tr>
	                       				</thead>
	                     				<tbody>
	                     										                  	 	@foreach($recruiters_list as $recruiter_list)
				                  	 		@if($recruiter_list->department_name=='recruiter')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $recruiter_list->name }}</td>
					                          	<td>{{ $recruiter_list->mobile }}</td>
					                          	<td>{{ $recruiter_list->email }}</td>
					                          	<td>{{ ucwords($recruiter_list->department_name) }}</td>
					                          	<td>
	                        					 	<a href="#" class="btn btn-info btn-sm"> <i class="fa fa-share"></i><b> View</b></a>
	                               			  	</td>
					                        </tr>
											@endif
											@endforeach
	                     				</tbody>
	                    			</table>
                       	 	 	</div>
	                        </div>
	                        <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-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>Designation</th>
												<th>Action</th>
					                        </tr>
				                      	</thead>
                      				   	<tbody>
                      				   							                  	 	@foreach($recruiters_list as $recruiter_list)
				                  	 		@if($recruiter_list->department_name=='bench_sales')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $recruiter_list->name }}</td>
					                          	<td>{{ $recruiter_list->mobile }}</td>
					                          	<td>{{ $recruiter_list->email }}</td>
					                          	<td>{{ ucwords($recruiter_list->department_name) }}</td>
					                          	<td>
	                        					 	<a href="#" class="btn btn-info btn-sm"> <i class="fa fa-share"></i><b> View</b></a>
	                               			  	</td>
					                        </tr>
											@endif
											@endforeach
	                     				</tbody>
                   				 	</table>
                 			 	</div>
	                        </div>
	                	</div>
	                </div>
          		</div>
            </div>
        </div>
 	</div>
</div>        
@stop