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

<!-- page content -->
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>Accountants List</h3>
     	</div>
     	<div class="title_right">
          	<div class="text-right">
	            <a href="{!! URL::to('/managerCreateAccountant') !!}" class="btn btn-primary btn-sm">Add New Accountant</a>
         	</div>
	    </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="#accountant" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">Accounts</a>
	                        </li>
	                        <li role="presentation" class=""><a href="#accounts_head" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">Accounts Head</a>
	                        </li>
	                        <li role="presentation" class=""><a href="#accounts_receivable" role="tab" id="profile-tab1" data-toggle="tab" aria-expanded="false">Accounts Receivable</a>
	                        </li>
	                        <li role="presentation" class=""><a href="#accounts_payable" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false">Accounts Payable</a>
	                        </li>
                      	</ul>
                 	 	<div id="myTabContent" class="tab-content">
	                       	<div role="tabpanel" class="tab-pane fade active in" id="accountant" 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($accountants_list as $accountant_list)
				                  	 		@if($accountant_list->role_name=='accountant')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $accountant_list->name }}</td>
					                          	<td>{{ $accountant_list->mobile }}</td>
					                          	<td>{{ $accountant_list->email }}</td>
					                          	<td>{{ ucwords($accountant_list->display_name) }}</td>
					                          	<td>
	                        					 	<a href="managerEditAccountant/{{$accountant_list->id}}" class="btn-sm"> <i class="fa fa-pencil"></i><b> Edit</b></a>
	                               			  	</td>
					                        </tr>
											@endif
											@endforeach
	                     				</tbody>
	                    			</table>
                       	 	 	</div>
	                        </div>
	                        <div role="tabpanel" class="tab-pane fade" id="accounts_head" 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>Role</th>
												<th>Action</th>
					                        </tr>
				                      	</thead>
                      				   	<tbody>
                      				   							                  	 	@foreach($accountants_list as $accountant_list)
				                  	 		@if($accountant_list->role_name=='accounts_head')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $accountant_list->name }}</td>
					                          	<td>{{ $accountant_list->mobile }}</td>
					                          	<td>{{ $accountant_list->email }}</td>
					                          	<td>{{ ucwords($accountant_list->display_name) }}</td>
					                          	<td>
	                        					 	<a href="managerEditAccountant/{{$accountant_list->id}}" class="btn-sm"> <i class="fa fa-pencil"></i><b> Edit</b></a>
	                               			  	</td>
					                        </tr>
											@endif
											@endforeach
	                     				</tbody>
                   				 	</table>
                 			 	</div>
	                        </div>
	                        <div role="tabpanel" class="tab-pane fade" id="accounts_receivable" 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($accountants_list as $accountant_list)
				                  	 		@if($accountant_list->role_name=='accounts_receivable')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $accountant_list->name }}</td>
					                          	<td>{{ $accountant_list->mobile }}</td>
					                          	<td>{{ $accountant_list->email }}</td>
					                          	<td>{{ ucwords($accountant_list->display_name) }}</td>
					                          	<td>
	                        					 	<a href="managerEditAccountant/{{$accountant_list->id}}" class="btn-sm"> <i class="fa fa-pencil"></i><b> Edit</b></a>
	                               			  	</td>
					                        </tr>
											@endif
											@endforeach
	                     				</tbody>
                   				 	</table>
                 			 	</div>
	                        </div>
	                        <div role="tabpanel" class="tab-pane fade" id="accounts_payable" aria-labelledby="profile-tab2">
	                          	<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($accountants_list as $accountant_list)
				                  	 		@if($accountant_list->role_name=='accounts_payable')
					                        <tr>
					                          	<td>{{ $i++ }}</td>
					                          	<td>{{ $accountant_list->name }}</td>
					                          	<td>{{ $accountant_list->mobile }}</td>
					                          	<td>{{ $accountant_list->email }}</td>
					                          	<td>{{ ucwords($accountant_list->display_name) }}</td>
					                          	<td>
	                        					 	<a href="managerEditAccountant/{{$accountant_list->id}}" class="btn-sm"> <i class="fa fa-pencil"></i><b> Edit</b></a>
	                               			  	</td>
					                        </tr>
											@endif
											@endforeach
	                     				</tbody>
                   				 	</table>
                 			 	</div>
	                        </div>
	                	</div>
	                </div>
          		</div>
            </div>
        </div>
 	</div>
</div>        
@stop