@extends($layout)

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

@section('content')
<div id="page-wrapper" ng-controller="TabController">
    <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_MONTHLY_CLASS_ATTENDANCE_REPORT, 'method' => 'POST', 'name'=>'htmlform ','id'=>'htmlform', 'novalidate'=>'','files'=>'true')) !!}
        <input type="hidden" name="printmode" id="printmode" value="">
        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{getPhrase('select_details')}}
                 
                </h1>
            </div>
            <div class="panel-body instruction">
                @include('common.year-selection-view', array('class'=>'custom-row-6'))
                
                <fieldset ng-if="selected_course_id" class="form-group col-md-6" style="padding-left: 0px;">
                        {{ Form::label ('month', getphrase('month')) }}
                        {{ Form::select('month', $month, '', 
                        [   'class'     => 'form-control', 
                            "id"        => "month",
                            "ng-model"  => "month",
                            "ng-change" => "getAcademicmonth(month)",
                        ])}}
                </fieldset>
                <hr>
                <div class="row" ng-show="result_data.length>0">                    
                    <div class="col-md-12" style="text-align: left;font-weight: bold;">
                    {{ Form::checkbox('yes', 'no', true, array('id'=>'free','class'=>'form-control' ,'ng-model' => 'edit_attendance' )) }}
                                
                    <label for="free"> <span class="fa-stack checkbox-button"> <i class="mdi mdi-check active"></i> </span> Want to Update Attendance</label> 
                    </div>
                <div class="col-md-12" ng-show="edit_attendance" >
                <div class="row" style="margin-left: 10px;">
                <div style="background:#FFFF8C; padding:10px; margin-bottom: 10px;">
                        <h4 style="color:brown">Important Points</h4>
                        <ul style="text-align: left;">
                        <li>Please Download the attendance by the below button and make correction as you needed then upload here that xls in same manner.</li>
                        <li>In .xlsx you can change attendance only you did not change any other things, otherwise it will give errors.</li>
                        <li style="font-weight: bold;color:#B52A2A;">Attendance Status:   A = absent, L = Leave, P= present, H=Holiday</li>
                        </ul>
                    </div>  
                <div class="col-md-4">    
                    <div class="text-center">