@extends($layout)
@section('header_scripts')
@stop
<link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">
@section('content')
<div id="page-wrapper" ng-controller="AssigmentsDetails">
    <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> 
                        </ol>
                    </div>
                </div> 
       {!! Form::open(array('url' => URL_PRINT_TEACHER_ASSIGMENTS_REPORT, 'method' => 'POST', 'name'=>'htmlform','target'=>'_blank', 'id'=>'htmlform', 'novalidate'=>'')) !!}
        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{$title}}                 
                </h1>
            </div>
            <div class="panel-body instruction">  
            <div class="row">     
             <div class="col-lg-12">          
                            <fieldset class="form-group col-md-3">
                  {{ Form::label('branch_id', getphrase('branch')) }}
                  <span class="text-red">*</span>
                  {{Form::select('branch_id', $branches, null, ['class'=>'form-control', 'id'=>'branch_id',
                    'ng-model'=>'branch_id',
                    'required'=> 'true',  
                    "ng-change" => "getAcademicDetails(branch_id)",
                    'ng-class'=>'{"has-error": htmlform.branch_id.$touched && htmlform.branch_id.$invalid}'
                  ])}}
                   <div class="validation-error" ng-messages="htmlform.branch_id.$error" >
                      {!! getValidationMessage()!!}
                  </div>
                </fieldset>
                 <div class="input-daterange" id="dp">
                 <fieldset class="form-group col-md-3">   
                       {{ Form::label('date_from', getphrase('date_from')) }}
                       {{ Form::text('date_from', $value = $date_from , 
                       [
                          'class'=>'input-sm form-control',
                          'placeholder' => '2015/7/17',
                          'ng-model'=>'date_from', 
                          'required'=> 'true',  
                          'ng-class'=>'{"has-error": htmlform.date_from.$touched && htmlform.date_from.$invalid}'

                       ])}}
                </fieldset>
                <fieldset class="form-group col-md-3">
                        {{ Form::label('date_to', getphrase('date_to')) }}
                        {{ Form::text('date_to', $value = $date_to , 
                        [
                           'class'=>'input-sm form-control', 
                           'placeholder' => '2015/7/17',
                           'ng-model'=>'date_to', 
                           'required'=> 'true',  
                           'ng-class'=>'{"has-error": htmlform.date_to.$touched && htmlform.date_to.$invalid}'
                        ]) }}
                </fieldset>
                </div>

                <fieldset class="form-group col-md-3" >
                      {{ Form::label('search_type', getphrase('search_type')) }}
                      {{Form::select('search_type', array('1'=>'Teachers Wise','2'=>'Class & Subject Wise'), null, ['class'=>'form-control', 
                        'id'=>'search_type',
                        'required'=> 'true',
                        'ng-model'=>'search_type',
                    ])}}
                </fieldset>
                </div>
                <div class="col-lg-12" style="padding: 0">   
                <div class="col-md-3 teacher" style="display: none;">  
                 <fieldset class="form-group col-lg-12">
                        {{ Form::label('teacher_id', getphrase('Teacher_name')) }}
                         <select 
                        ng-model="teacher_id" 
                        name="teacher_id" 
                        id="teacher_id" 
                        class="form-control" 
                        ng-model="teacher_id" 
                        ng-options="option.user_id as option.full_name for option in staff track by option.user_id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                </fieldset>
              </div>
                <div class="col-md-9 class_subject" style="display: none;">

                <fieldset class="form-group col-md-4">
                        {{ Form::label('parent_course_id', getphrase('Parent Course')) }}
                        <select 
                        name="parent_course_id" 
                        id="parent_course_id" 
                        class="form-control" 
                        ng-model="parent_course_id" 
                         ng-change = "getChildCourses(branch_id,parent_course_id)" 
                        ng-options="option.id as option.course_title for option in parentcourse track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                </fieldset>
                <fieldset class="form-group col-md-4">
                        {{ Form::label('course_id', getphrase('Class')) }}
                        <select 
                        name="course_id" 
                        id="course_id" 
                        class="form-control" 
                        ng-model="course_id"  
                         ng-options="option.id as option.course_title for option in courses track by option.id"

                        >
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                </fieldset>
                <fieldset class="form-group col-md-4">
                        {{ Form::label('subject_id', getphrase('Subject')) }}
                        <select 
                        name="subject_id" 
                        id="subject_id" 
                        class="form-control" 
                        ng-model="subject_id"  
                        ng-options="option.id as option.subject_title for option in subject track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                </fieldset>
              </div>
               <fieldset class="form-group col-md-3"> 
                <a style="margin-top: 30px; padding:10px; font-size: 15px;" class="btn btn-primary ng-scope" ng-disabled="!htmlform.$valid" ng-click="getrecorddatewise()">Search</a> 
              </fieldset>
        </div>
 </div>

     

   <div ng-if="result_data.length!=0">
  
    <div class="row vertical-scroll">

   
    <table class="table panel-primary">
    <thead class="panel-heading">
          <th style="text-align: center;"><b>{{getPhrase('sno')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('teacher')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('title')}}</b></th> 
        <th style="text-align: center;"><b>{{getPhrase('course')}}</b></th>  
        <th style="text-align: center;"><b>{{getPhrase('subject')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('date')}}</b></th>  
               
    </thead>
    <tbody>     
        <tr ng-repeat="user in result_data | filter:search track by $index" class="panel-content">
        <td style="text-align: center;" >@{{$index+1}}</td>
        <td style="text-align: center;" >@{{user.teacher_name}}</td> 
        <td style="text-align: left;"><a target="_blank" href="{{ URL_ADMINVIEW_ASSIGNMENT }}@{{user.allocate_id}}">@{{user.title}}</a></td>
        <td style="text-align: center;">@{{user.course_title}}</td>
        <td style="text-align: center;">@{{user.subject_title}}</td> 
        <td style="text-align: center;">@{{user.created_at}}</td>   
        </tr>        
    </tbody>
    </table>
</div>
 </div>

<br> 
    <div ng-if="result_data.length==0" class="text-center" style="font-size:20px"><strong>{{getPhrase('no_data_available')}}</strong></div>                         
  </div>
</div>
                       
                    
            </div>
        </div>
    </div>
{!! Form::close() !!}
@stop 

@section('footer_scripts') 
  @include('assignments.reports.scripts.getreports-script')
 <script src="{{JS}}datepicker.min.js"></script>
 <script src="{{JS}}bootstrap-toggle.min.js"></script>   
 <script>
    $('#search_type').click(function(){
      selid =  $(this).val();
      if(selid==1){
        $('.teacher').show();
        $('.class_subject').hide();
      }else if(selid==2){
        $('.teacher').hide();
        $('.class_subject').show();
      }
    });
    $('.input-daterange').datepicker({
        autoclose: true,
         format: '{{getDateFormat()}}',
    });
 </script>    
@stop