@extends($layout)

@section('header_scripts')
 <link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">
@stop

@section('custom_div')
<div ng-controller="TabController">
@stop

@section('content')
<div id="page-wrapper">
    <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>


<div class="modal fade" id="transfer_student_summary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">{{getPhrase('are_you_sure')}}</h4>
                </div>
                <div class="modal-body attendance-calendar-report">
                <div class="row">
                    
<div class="col-md-12">   
 
   {!! Form::open(array('url' => URL_STUDENT_TRANSFER_SINGLE_STUDENT, 'method' => 'POST', 'name'=>'idCards ','novalidate'=>'')) !!}

   
     
         <div class="col-md-5">
             <div class="">
                <a href="#">
                  <img class="profile"  ng-if="current_user.image!=''"
                  src="{{IMAGE_PATH_PROFILE}}@{{current_user.image}}" 
                  alt="@{{current_user.name}}">
                  <img class="profile"  ng-if="current_user.image==''"
                  src="{{IMAGE_PATH_PROFILE_DEFAULT}}" 
                  alt="@{{current_user.name}}">
                </a>

                <h4 class="media-heading">@{{current_user.name}}</h4>
                <p class="">@{{ current_user.mobile}}, @{{current_user.home_phone }} </p>
                <p><a href="mailto:@{{current_user.email}}">@{{current_user.email}}</a></p>
                <input type="hidden" name="branch_id" value="@{{current_user.branch_id}}">
                <input type="hidden" name="academic_id" value="@{{current_user.academic_id}}">
                <input type="hidden" name="course_id" value="@{{current_user.course_id}}">
                <input type="hidden" name="current_year" value="@{{current_user.current_year}}">
                <input type="hidden" name="current_semister" value="@{{current_user.current_semister}}">
                <input type="hidden" name="user_id" value="@{{current_user.user_id}}">
                
                </div>

         </div>
      
     <div class="col-md-7">
       <ul class="list-unstyled text-left attendance-calendar-report">
            <li class="title"><strong>{{getPhrase('details')}}</strong></li>

           <li> <strong>{{getPhrase('branch')}}</strong>  @{{current_user.branch_name}} (@{{current_user.address}} ) </li>
           <li> <strong>{{getPhrase('academic_year')}}</strong>  @{{current_user.academic_year_title}} </li>
           <li> <strong>{{getPhrase('admission_no')}}</strong>  @{{current_user.admission_no}} </li>
           <li> <strong>{{getPhrase('course')}}</strong>  @{{current_user.course_title}} </li>
           <li ng-show="current_user.course_dueration>1"> <strong>{{getPhrase('current_year')}}</strong>  @{{current_user.current_year}} </li>
           <li ng-show="current_user.current_semister>0"> <strong>{{getPhrase('current_semister')}} </strong> @{{current_user.current_semister}} </li>
           <li> <strong>{{getPhrase('remarks')}} </strong> <br><textarea class="form-control" name="remarks" ng-model="current_user_remarks">@{{current_user_remarks}}</textarea> </li>
       </ul>
     </div>
                   
</div>
        </div>
                    
                </div>
                <div class="col-md-12" style="font-weight: bold;color: #ff0000;" >Before click on confirm, you need  take remaning Fees of the student. So fees can be adjusted for TC.</div>
                <div class="modal-footer text-center">
                    <a type="button" class="btn btn-success button btn-lg" data-dismiss="modal">{{getPhrase('cancel')}}</a>
                    <button type="submit" class="btn btn-danger button btn-lg" >{{getPhrase('confirm')}}</button>
                </div>
            </div>
        </div>
         {!! Form::close() !!}
 
    </div>
    
        
        {!! Form::open(array('url' => URL_STUDENT_TRANSFERS, 'method' => 'POST', 'name'=>'idCards ','novalidate'=>'')) !!}

        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{getPhrase('select_details')}}
                 
                </h1>
            </div>
            <div class="panel-body instruction">
            <div class="row">
            <div class="col-md-6">

                @include('common.year-selection-view')

            </div>
            
            <div class="col-md-6">
                <div class="row">
                    <fieldset class='form-group col-md-6'>
                        {{ Form::label('is_completed', getphrase('is_completed')) }}
                        <div class="form-group row">
                            <div class="col-md-6">
                            {{ Form::radio('is_completed', 0, true, array('id'=>'free', 'name'=>'is_completed', 'ng-model'=>'is_completed')) }}
                                
                                <label for="free"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"></i> </span> {{getPhrase('No')}}</label> 
                            </div>
                            <div class="col-md-6">
                            {{ Form::radio('is_completed', 1, false, array('id'=>'paid', 'name'=>'is_completed', 'ng-model'=>'is_completed')) }}
                                <label for="paid"> <span class="fa-stack radio-button"> <i class="mdi mdi-check active"></i> </span> {{getPhrase('Yes')}} </label>
                            </div>
                        </div>
                    </fieldset>
                </div>
    <div ng-show="is_completed==0">
                    <fieldset class="form-group">
                        {{ Form::label ('to_branch', getphrase('branch')) }}
                        {{ Form::select('to_branch_id', $branches, null, 
                        [   'class'     => 'form-control', 
                            "id"        => "to_branch_id",
                            "ng-model"  => "to_branch_id",
                            "ng-change"  => "prepareToAcademicYears()"
                        ])}}
                    </fieldset>
                    <fieldset ng-if="to_branch_id" class="form-group">
                       
                       <label for="to_academic_id">{{getPhrase('academic_year')}}</label>
                        <select 
                        name="to_academic_id" 
                        id="to_academic_id" 
                        class="form-control" 
                        ng-model="to_academic_id" 
                        ng-change="prepareToParentCourses()"                           
                        ng-options="option.id as option.academic_year_title for option in to_academic_years track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                         
                        </select>
                    </fieldset>
                    <fieldset ng-if = "selected_to_academic_id" class="form-group">
                         <label for = "course_parent_id">{{getPhrase('parent_course')}}</label>
                        <select 
                        name      = "to_course_parent_id" 
                        id        = "to_course_parent_id" 
                        class     = "form-control" 
                        ng-model  = "to_course_parent_id" 
                        ng-change = "prepareToCourses()"
                        ng-options= "option.id as option.course_title for option in to_parent_courses track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                    </fieldset>

                    <fieldset ng-if="selected_to_course_parent_id" class="form-group">                       
                       <label for="course_id">{{getPhrase('transfer_to_course')}}</label>
                        <select 
                        name="to_course" 
                        id="course_id" 
                        class="form-control" 
                        ng-model="to_course.course_id" 
                        ng-change="prepareToSection(to_course.course_id)"
                        ng-options="option.id as option.course_title for option in to_courses track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                         
                        </select>
                    </fieldset>

                     <fieldset ng-if="selected_to_course_id" class="form-group">
                       
                       <label for="section_id">{{getPhrase('transfer_to_section')}}</label>
                        <select 
                        name="to_section" 
                        id="to_section_id" 
                        class="form-control" 
                        ng-model="to_section.section_id" 
                        ng-change="prepareToSection(to_course.course_id)"                           
                        ng-options="option.id as option.name for option in to_sections track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                         
                        </select>
                    </fieldset>

                <div ng-if="to_total_years<=1">
                    <input type="hidden" name="to_year" value="1">
                    <input type="hidden" name="to_semister" value="0">
                </div>     
                
             <fieldset ng-if="to_total_years>1" class="form-group">
                   
                <label for="year">{{getPhrase('transfer_to_year')}}</label>
                
                <select 
                name="to_year" 
                 class="form-control" 
                ng-model="to_years.year" 
                ng-options="v for v in to_years.values track by v"
                ng-change="toYearChanged(to_years.year)"
                >
                </select>
            </fieldset>

            <fieldset ng-if="to_total_semisters>0" class="form-group">
                   
                         <label for="semister">{{getPhrase('transfer_to_semister')}}</label>

                             <select 
                            name="to_semister" 
                            class="form-control" 
                            ng-model="to_semisters.current_semister" 
                            ng-options="v for v in to_semisters.values track by v"
                            >
                            </select>

                        </fieldset>

            </div>
            </div>
            </div>
                <hr>
 
   <br>

<div class="table-responsive vertical-scroll">
  <table class="table">
    <thead>
        <th><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked); selectedCountRs();"  style="display:block"></th>
        <th>{{getPhrase('image')}}</th>
        <th>{{getPhrase('name')}}</th>
        <th>{{getPhrase('roll_no')}}</th>
        <th>{{getPhrase('admission_no')}}</th>
        <th>{{getPhrase('action')}}</th>
        <th>{{getPhrase('remarks')}}</th>
        <th>{{getPhrase('action')}}</th>
    </thead>
    <tbody>
        <tr ng-repeat="user in result_data">
            <td>
              <div  ng-if="user.current_year!=-1">
              <input type="checkbox" name="selected[@{{user.id}}]" value="@{{user.id}}" style="display:block" onclick="selectedCountRs()">
              </div>
            </td>
            <td>
            <img ng-if="user.image!=null && user.image!=''" class="thumb" src="{{IMAGE_PATH_PROFILE}}@{{user.image}}" height="60">
            
            <img ng-if="user.image==null || user.image==''" class="thumb" src="{{IMAGE_PATH_USERS_DEFAULT_THUMB}}">
            </td>
            <td>@{{user.name}}</td>
            <td>@{{user.roll_no}}</td>
            <td>@{{user.admission_no}}</td>
            <td> 
               <div  ng-if="user.current_year!=-1">
               <select name="selected_list[@{{user.id}}]" class="form-control">
               <option value="promoted" selected="true">{{getPhrase('promoted')}}</option>
               <option value="detained">{{getPhrase('detained')}}</option>
               </select>
               </div>
            </td>
            <td> 
              <div  ng-if="user.current_year!=-1">  
              <select name="selected_type[@{{user.id}}]" ng-model="user.student_type" class="form-control">
                <option value="scholars" >{{getPhrase('Day Scholars')}}</option>
                <option value="boarders" >{{getPhrase('Day Boarders')}}</option>
                <option value="rte" >{{getPhrase('RTE')}}</option>
                <option value="nrte" >{{getPhrase('NRTE')}}</option>
               </select> 
              </div>
            </td>
            <td>
                <div  ng-if="user.current_year!=-1">
                <textarea cols="20" rows="2" ng-model="remarks[user.id]" name="remarks[@{{user.id}}]"></textarea>
                </div> 
            </td>
            <td> 
                <div  ng-if="user.current_year!=-1">
                    <a class="btn btn-success" ng-click="showConfirmation(user, remarks[user.id])">{{getPhrase('course_completed')}}</a> 
                 </div>   
                 <div  ng-if="user.current_year==-1"> Completed </div>
                </td>
            
        </tr>
    </tbody>
  </table>
</div>


<button ng-if="users.length>0" class="btn btn-info pull-right" type="submit">
{{getPhrase('transfer')}}
</button>  
<div ng-if="result_data.length==0" class="text-center" >{{getPhrase('no_users_available')}}</div> 
<br>
<div ng-if="result_data.length>0" class="text-center" >
        <span class="cel_rs"></span> records are selected
    </div> 
  </div>
</div>
                    
                </hr>
            </div>
        </div>
    </div>
</div>
 
                       
                            
                                <div class="text-center">
                                    <button  type="submit" class="btn button btn-lg btn-primary" >
                                        {{getPhrase('transfer')}}
                                    </button>
                                </div>
                            
                        
                        {!! Form::close() !!}

<style type="text/css">
    .cel_rs{font-weight: bold;color: #000;font-size: 20px}
</style>
<script>
   function selectedCountRs()
  {
    var numberOfChecked = $('input[name*=\'selected\']:checkbox:checked').length
    $(".cel_rs").html(numberOfChecked);
  }
</script>
@stop
 
@section('custom_div_end')
</div>
@stop
@section('footer_scripts')

  
    @include('student-promotions.scripts.js-scripts')
    
@stop