@extends($layout)

@section('header_scripts')

@stop

@section('content')
<div id="page-wrapper" ng-controller="TabController" ng-init="prepareSection('{{ $branch_id }}')">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <ol class="breadcrumb">
                    <li>
                        <a href="{{PREFIX}}">
                            <i class="mdi mdi-home">
                            </i>
                        </a>
                    </li>
                      <li>
                        <a href="{{URL_ACADEMICOPERATIONS_DASHBOARD}}">
                            {{getPhrase('academic_operations')}}
                        </a>
                    </li>
                    <li>                        
                        {{$title}}                        
                    </li>
                </ol>
            </div>
        </div>
    
        
       {!! Form::open(array('url' => URL_PRINT_STAFF_LIST, 'method' => 'POST', 'name'=>'htmlform ','target'=>'_blank', 'id'=>'htmlform', 'novalidate'=>'')) !!}
       <input type="hidden" name="printmode" id="printmode" value=""> 
        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{getPhrase('select_details')}} 
                </h1>
            </div>
           
    <div ng-show="result_data.length>0" class="row"> 
    <div class="col-sm-4 col-sm-offset-8">
        <div class="input-group">
            <input type="text" ng-model="search" class="form-control input-lg" placeholder="{{getPhrase('search ')}}" name="search" />
            <span class="input-group-btn">
                <button class="btn btn-primary btn-lg" type="button">
                    <i class="glyphicon glyphicon-search"></i>
                </button>
            </span>
        </div>
    </div>
    </div> 
    
    <br>

    <div class="row vertical-scroll"> 
    <table class="table table-bordered" style="border-collapse: collapse;">
    <thead>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('sno')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('name')}}</b></th>        
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('Degination')}}</b></th>

        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('Class_Teacher')}}</b></th> 
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('Class')}}</b></th> 
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('gender')}}</b></th>  
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('date_of_birth')}}</b></th> 
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('date_of_join')}}</b></th>  
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('mobile')}}</b></th>  
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('address')}}</b></th>  
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('email')}}</b></th>  
    </thead>
    <tbody>
   
    <tr ng-repeat="user in result_data | filter:search track by $index">  
        <td style="border:1px solid #000;text-align: center;" >@{{$index+1}}</td> 
        <td style="border:1px solid #000;text-align: center;"><a target="_blank" href="{{URL_STAFF_DETAILS}}@{{user.slug}}">@{{user.name}}</a></td>        
        <td style="border:1px solid #000;text-align: center;">@{{user.job_title}}</td>
        
        <td style="border:1px solid #000;text-align: center;">
            <div ng-repeat="course in user[user.id]">
                <span ng-if="course.class_teacher=='yes'">@{{course.course}}  @{{course.section}}</span>
            </div>
        </td>  
        <td style="border:1px solid #000;text-align: center;">
            <div ng-repeat="course in user[user.id]">
                @{{course.course}}  @{{course.section}} 
                {{-- <span ng-if="course.class_teacher=='yes'">(Class Teacher)</span> --}}
            </div>
        </td>  
        <td style="border:1px solid #000;text-align: center;">@{{user.gender}}</td> 
        <td style="border:1px solid #000;text-align: center;">@{{user.date_of_birth| date:"dd/MM/yyyy"}}</td> 
        <td style="border:1px solid #000;text-align: center;">@{{user.date_of_join| date:"dd/MM/yyyy"}}</td>  
        <td style="border:1px solid #000;text-align: center;">@{{user.mobile}}, @{{user.home_phone}}</td> 
        <td style="border:1px solid #000;text-align: center;">@{{user.address_lane1}}</td> 
        <td style="border:1px solid #000;text-align: center;">@{{user.email}}</td>  
    </tr> 
 
    </tbody>
    </table>
</div>
 </div>

<div ng-if="result_data.length==0" class="text-center" >{{getPhrase('no_data_available')}}</div> 
<br> 
<a ng-if="result_data.length!=0" class="btn btn-primary" ng-click="xlsIt()">Download XLS</a>
  </div>
</div>             
                    
    </hr>
</div>
</div>
</div>
</div>
 
{!! Form::close() !!}
@stop 
@section('footer_scripts')
<script src="{{JS}}bootstrap-toggle.min.js"></script>
@include('staff.scripts.js-scripts')
    
@stop