IMMREX7

@extends('schools.school_layout')
@section('content')
<div role="tabpanel" class="tab-pane in active" id="details" aria-expanded="true">
    <div class="alert alert-success" role="alert" id="success_msg" >
    </div>
     <div class="alert alert-danger" role="alert" id="error_msg" >
    </div>
    <div class="card" id="details">
        <div class="body">                                
            <div class="row">
                <div class="col-sm-6 col-sm-offset-1">
                    <address>
                        <strong> Student Name : </strong>{{$student->firstName}} {{$student->middleName}} {{$student->lastName}}<br>
                        <strong> Father Name : </strong>{{$student->father_fname}} {{$student->father_lname or ''}}<br>
                        <strong> Mobile : </strong>{{$student->father_mobile}}<br>
                        <strong> Class : </strong>{{$student->classM->className}}<br>
                        <strong> Section : </strong>{{$student->section->sectionName}}<br>
                        <strong> Ec No. : </strong>{{$student->ecNo}}<br>
                    </address>
                </div>
            </div>
            
            
            <div class="mt-40"></div>
            <div class="row clearfix">
                    <div class="col-sm-3 form-control-label required">
                        <label for="classname">Select Demand Name</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::select('idDemand',$demand,null,['class' => 'form-control show-tick ms select2']) !!}
                            @if ($errors->has('idDemand'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idDemand') }}</strong>
                            </label>
                            @endif
                            <span id='classerror'></span>
                        </div>
                    </div>
            </div>   
           {!! Form::open(['url' => 'school/north/discount', 'class' => 'form-horizontal','id'=>'discount_form']) !!}
             <div class="row clearfix">
                     <div class="col-sm-10 offset-sm-1">
                    <table class="table" id="header_table">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Header Name</th>
                            <th>Fee Amount</th>
                            <th>Percentage</th>
                            <th>Discount Amount</th>
                            <th>Remark</th>
                        </tr>
                    </thead>
                    <tbody  id="optional_list">
                      
                    </tbody>
                </table>
                   </div>     
                </div>
            <hr>
            <div class="hidden-print col-md-12 text-right">
                <input class="btn btn-raised btn-primary btn-round waves-effect" id="submit-btn" type="submit" value="SAVE">
            </div>
            {!! Form::close() !!} 
        </div>
    </div>
</div>
@stop
@section('script')
<script>

$(document).ready(function() {
    $("#success_msg").hide();
    $("#error_msg").hide();
    var i = 0;
    $('select[name="idDemand"]').on('change', function() {
        var idDemand = $(this).val();
         $.ajaxSetup({
            header:$('meta[name="_token"]').attr('content')
           });
        if(idDemand) {
            $.ajax({
                url: "{{url('/school/north') }}"+'/' +idDemand + "/feeheads",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $("#optional_list").empty();
                    i = 0;
                    $.each(data, function (key, val) {
                            i++;  
                            var markup = '<tr><td class="sno">'+i+'<input type="hidden" name="discount['+i+'][id]" value="'+val['idFeehead']+'"/></td>\
                                    <td><input class="form-control" type="text" name="discount['+i+'][headerName]" required="required" value="'+val['headerName']+'"><span id="headererror'+i+'" ></span></td>\n\
                                    <td><input class="form-control" type="number" name="discount['+i+'][amountName]" required="required" id="amount_'+i+'" value="'+val['amount']+'" readonly><span id="amounterror'+i+'"></span></td>\n\
                                    <td><input class="form-control" type="number" name="discount['+i+'][percentage]"  id="percent_'+i+'" onkeyup="calculateAmt('+i+')" ><span id="amounterror'+i+'"></span></td>\n\
                                    <td><input class="form-control" type="number" name="discount['+i+'][amount_discount]"  id="discount_'+i+'" value="'+val['discount']+'"><span id="amounterror'+i+'"></span></td>\n\
                                    <td><input class="form-control" type="text" name="discount['+i+'][remarks]" id="amount_'+i+'" value="'+val['description']+'"><span id="amounterror'+i+'" ></span></td></tr>';
                            $("#optional_list").append(markup);
                        });
                }
            });
        }else{
           $("#optional_list").empty();
           i = 0;
        }
    });
    
    // Saving form data
$('#discount_form').on('submit',function(e){
    e.preventDefault();
    $.ajaxSetup({
    header:$('meta[name="_token"]').attr('content')
   });
 $('.page-loader-wrapper').css('display','block');  
 var formData =  new FormData($('#discount_form')[0]);
    $.ajax({
        type:"POST",
        url: "{{url('/school/north/discount') }}",
        processData: false,
        contentType: false,
        data:formData,
        dataType: 'json',
        success:function(data){
            console.log(data);
             $('.page-loader-wrapper').css('display','none');
            if( data[Object.keys(data)[0]] === 'SUCCESS' ){
               $("#success_msg").html("Discount Successfully Saved");
               $("#success_msg").show();
               $("html, body").animate({ scrollTop: 0 }, "slow");
               setTimeout(
				function() 
				{
					$("#success_msg").hide();

				}, 10000);
            }
            else {                  //False Case: With error msg
            $("#error_msg").html("Discount failed to saved reload page and try again "); 
            $("#error_msg").show();   //$msg is the id of empty msg
            }

           },
        error: function(data){
             $('.page-loader-wrapper').css('display','none');
             $("#error_msg").html("Discount failed to saved reload page and try again "); 
             $("#error_msg").show();   //$msg is the id of empty msg
        }
    });   
    return false;
});    
});
function calculateAmt(id)
    {
        var famt = $('#amount_'+id).val();
        var fper = $('#percent_'+id).val();
        if(fper >100)
        {
            alert("Percentage above 100 is not allowed");
            $('#percent_'+id).val('100');
            var amountf = (famt * fper)/ 100 ;
            document.getElementById("discount_"+id).value = amountf.toFixed(2);
        }
        else
        {
            var amountf = (famt * fper)/ 100 ;
            document.getElementById("discount_"+id).value = amountf.toFixed(2);
        }
    }

</script>
@stop