@extends('layouts/ums_layout')
@section('title', '| New Admission Marks')
@section('content')

<div class="row add-data-form" style="padding-bottom: 1%">
    <div class="col-md-12 fullbody">
        <div class="viewTitle" style="border-bottom: 1px solid white;">
            <a href="{{url('ums/viewAdmissionMarks/')}}" class="btn btn-info pull-right addViewBtn">
                <i class="glyphicon glyphicon-th-list viewIcon"></i>AdmissionMarks List</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading"><div class="panel-title">Add Admission Marks</div></div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::open(array('url' => '', 'id' => 'getApplicantForm', 'role' => 'form',
                                'class'=>'form-horizontal form-groups')) !!}
                                {!! Form::label('departmentId', 'Department:', ['class' => 'col-sm-1
                                control-label']) !!}
                                <div class="col-sm-2">
                                    <select class="form-control" id="departmentId" name="departmentId" required="true">
                                        <option value="">Select one</option>
                                        @foreach($departments as $department)
                                        <option value="{{$department->id}}">{{$department->name}}</option>
                                        @endforeach
                                    </select>
                                    <p id='departmentIde' style="max-height:3px;"></p>
                                </div>
                                {!! Form::label('programId', 'Program:', ['class' => 'col-sm-1 control-label']) !!}
                                <div class="col-sm-2">
                                    <select class ="form-control" id = "programId" name="programId" required="true">
                                        <option value="">Select one </option>
                                    </select>
                                    <p id='programIde' style="max-height:3px;"></p>
                                </div>
                                {!! Form::label('count', 'Total Applicants', ['class' => 'col-sm-1 control-label']) !!}
                                <div class="col-sm-1">
                                    {!!  Form::text('total',$count, ['class' => 'form-control', 'id' => 'totalApplicantN', 'type' => 'text','placeholder' => '0','readonly' => 'true']) !!}
                                    <p id='amount1' style="max-height:3px; color:red;"></p>
                                </div>
                                {!! Form::label('count', 'No. of Applicants:', ['class' => 'col-sm-1 control-label']) !!}
                                <div class="col-sm-1">
                                    {!!  Form::text('totalApplicant', $value = null, ['class' => 'form-control', 'id' => 'totalApplicant', 'type' => 'text','placeholder' => '0']) !!}
                                    <p id='amount' style="max-height:3px; color:red;"></p>
                                </div>
                                <div class="col-sm-1">
                                    <a  id="getApplicant"href="#" class="btn btn-info">Search</a>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <!-- <div class="form-group" id="dataAppend"> --> 
                                {!! Form::open(array('url' => '', 'id' => 'marksFormData', 'role' => 'form',
                                'class'=>'form-horizontal form-groups')) !!}
                                <table class="table table-striped table-bordered" id="umsAdmissionMarksView">
                                    <thead>
                                      <tr>
                                        <th width="25%">Tracking No.</th>
                                        <th width="20%">Total</th>
                                        <th>Fundamental</th>
                                        <th>Additional</th>
                                        <th>Pass</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody  id="dataAppend">

                                </tbody>
                            </table>
                            <!-- <div class="form-group" id="dataAppend"> </div> -->                             

                            
                        </div>
                        <div class="form-group">
                            {!! Form::label('submit', ' ', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9 text-right">
                                {!! Form::submit('submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                {{ Form::reset('Reset', ['class' => 'btn btn-warning']) }}
                                <a href="{{url('ums/viewAdmissionMarks/')}}" class="btn btn-danger closeBtn">Close</a>
                                <span id="success" style="color:green; font-size:16px;" class="pull-right"></span>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                    <div class="row">
                        <div class="col-md-10"></div>
                        <div class="col-md-2 emptySpace vert-offset-top-4"><img src="{{ URL::to('/') }}/images/image15.png"
                            width="90%" height="" style="float:right"></div>
                        </div>
                        
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
        </div>
        @endsection 

        <script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

        <script type="text/javascript">
            $(document).ready(function () {

                $('form#marksFormData').submit(function (event) {
                    event.preventDefault();
        //console.log($('#marksFormData').serialize());
        //alert('aaa');
        var departmentId    = $('#departmentId').find('option:selected').val();
        var programId       = $('#programId').find('option:selected').val();
        var csrf            = "{{csrf_token()}}";


        $.ajax({
            type: 'post',
            url: './addAdmissionMarksItem',
            data: { departmentId: departmentId,
                programId: programId, 
                _token: csrf,
                formdata:$('#marksFormData').serialize()
            },
            dataType: 'json',
            success: function (_response) {

                console.log(_response);
                if (_response == "error") {
                    toastr.error("No applicant left for this department");
                    setTimeout(function () {
                        location.reload();
                    }, 1500);
                } else {
                    toastr.success("success");
                    setTimeout(function () {
                        location.reload();
                    }, 1500);
                }
            },
            error: function (_response) {
                // Handle error
                console.log(_response.errors);
            }
        });
    });

    //=================Get program By department=============================

    $( "#departmentId" ).change(function() {

        var departmentId    = $(this).val();
        var csrf            = "{{csrf_token()}}";
        $.ajax({
            type: 'post',
            url: '{{url('ums/getProgramByDepartment/')}}',
            data: { departmentId: departmentId, _token: csrf},
            dataType: 'json',
            success: function (data) {
                    //console.log(JSON.stringify(data));
                    if (data) {
                      $("#programId").empty();
                      $('#programId').append('<option value=0>Select One</option>');
                      $.each(data, function (index, value) {
                        $('#programId').append('<option value='+value.id+'>'+value.name+'</option>');
                    }); 
                      
                  }
              },
              error: function(_response){
                alert("Error");
            }
        });
    });

    // =================Get Trackin No. By Dept=============================

    //$("#programId").change(function () {
        $("#getApplicant").click(function () {

        //alert($(this).val());

        var programId       = $("#programId option:selected").val();
        var applicantCount  = $("#totalApplicant").val();;
        var csrf            = "{{csrf_token()}}";
        $.ajax({
            type: 'post',
            url: './getApplicantByProgramMarks',
            data: {
                programId: programId,
                applicantCount: applicantCount
            },
            dataType: 'json',
            success: function (data) {
                //console.log(data["fundamentalSub"]);
                $("#dataAppend").empty();
                $.each(data["applicantByDept"], function (key, value) {
                    //console.log(key);
                    //console.log(data["fundamentalSub"]);
                    $appendDivNext = '';
                                //$totalMarks = parseFloat(0);
                                $totalMarks = parseFloat(data["fundamentalSub"].fullMarks);

                                $.each(data["additionalSub"], function (k, v) {
                                    //console.log(v);
                                    $totalMarks = $totalMarks + parseFloat(v.subjectFullMarks);
                                    $appendDivNext +='<div class="form-group">' 
                                    +'<label class="col-sm-4 control-label">'+v.subject+'</label>'
                                    +'<div class="col-sm-4">' 
                                    +'<input class="form-control asubMarks addAllMarks" id="asubMarks'+k+'" type="text" placeholder="0" required="true" name="marksData['+key+'][asubMarks]['+ v.id+']">'
                                    +'</div>'
                                    +'<div class="col-sm-4"> / '+ v.subjectFullMarks+'</div>'
                                    +'</div>';
                                });
                                $appendDivNext +='</td>'
                                +'<td  valign="top"></td>'
                                +'</tr>';

                                $appendDivPrev='<tr id="' + value + '">'
                                +'<td valign="top"><input class="form-control" id="trackingNo" type="text" placeholder="Enter TrackingNo" required="true" name="marksData['+key+'][trackingNo]" value="' + value + '"></td>'
                                +'<td valign="top">'
                                +'<div class="col-sm-6">'
                                +'<input class="form-control totalMarks" id="totalMarks" type="text" data-totalmarks='+ $totalMarks +' placeholder="0" readonly="readonly" required="true" name="marksData['+key+'][totalMarks]">'
                                +'</div>'
                                +'<div class="col-sm-6"> / '+ $totalMarks +'</div>'
                                +'</td>'
                                +'<td valign="top">'
                                +'<div class="form-group">' 
                                +'<label class="col-sm-4 control-label">'+data["fundamentalSub"].name+':</label>'
                                +'<div class="col-sm-4">' 
                                +'<input class="form-control fsubMarks addAllMarks" id="fsubMarks" type="text" placeholder="0" required="true" name="marksData['+key+'][fsubMarks]['+data["fundamentalSub"].id+']">'
                                +'</div>'
                                +'<div class="col-sm-4"> / '+ data["fundamentalSub"].fullMarks+'</div>'
                                +'</div>'
                                +'</td>'
                                +'<td>';     

                                $appendDiv = $appendDivPrev + $appendDivNext;
                                $("#dataAppend").append($appendDiv);

                            });
            },
            error: function (_response) {
                console.log(_response);
                //console.log(JSON.stringify(_response));
                // alert("Error");
            }
        });

    });
    // =================Update total marks using other marks=============================

    
    $(document).on('keyup','.addAllMarks',function( e ) {  
        var parenttr    = $(this).closest('tr');
        var totalMarks  = parseFloat(0);
        
        parenttr.find('input.addAllMarks').each(function(i, obj) {
        //console.log(totalMarks);
        //console.log(obj);
        var markVal = parseFloat($(this).val());

        if(markVal > 0){
            totalMarks = totalMarks + markVal;
        }
    });
        
        if(totalMarks > 0){
            parenttr.find('input.totalMarks').val(totalMarks);
        }
    });

});
</script> 
<style type="text/css">

tbody#dataAppend tr td{
    padding: 5px;
    valign:top;
}
</style>

<!-- <div class="col-md-12"> 
    <div class="form-group"> 
        <label class="col-sm-1 control-label">Tracking No:</label> 
        <div class="col-sm-2"> 
            <input class="form-control" id="trackingNo" type="text" placeholder="Enter TrackingNo" required="true" name="trackingNo[]" value=""> 
        </div>
        <label class="col-sm-1 control-label">Total:</label>
        <div class="col-sm-1"> 
            <input class="form-control" id="marks" type="text" placeholder="Enter Marks" required="true" name="marks[]">
        </div>
        <label class="col-sm-2 control-label">Fundamental:</label>
        <div class="col-sm-1"> 
            <input class="form-control" id="marks" type="text" placeholder="Enter Marks" required="true" name="marks[]">
        </div>
         <div class="col-sm-4"> 
            
        <div class="form-group"> 
            <label class="col-sm-6 control-label">Fundamental:</label>
        <div class="col-sm-6"> 
            <input class="form-control" id="marks" type="text" placeholder="Enter Marks" required="true" name="marks[]">
        </div>
        </div>
        </div>
    </div>
</div>         -->