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

<div class="row add-data-form" style="padding-bottom: 1%">
    <div class="col-md-12">
        <div class="col-md-2"></div>
        <div class="col-md-8 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{url('ums/addCourseExamSettingsView/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>Course Exam Settings List</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">Edit Course Exam Settings</div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-8">
                                {!! Form::open(array('url' => '', 'id' => 'examSettingsForm', 'role' => 'form',
                                'class'=>'form-horizontal form-groups')) !!}
                                <div class="form-group">
                                    <div class="row">
                                        <input class="hidden" id="hiddenId" name="hiddenId" value ="{{$examSettingsDatas->id}}">
                                        <div class="col-sm-9">
                                            <label>Trimester</label>
                                             {{ Form::select('trimesterId',$trimesters, $examSettingsDatas->trimesterId, ['id' => 'trimesterId','class' =>'form-control'])}}
                                            <p id='trimesterE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <label>Program</label>
                                            {{ Form::select('program',$programs, $examSettingsDatas->program, ['id' => 'programId','class' =>'form-control'])}}
                                            <p id='programE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <label>Course</label>
                                             {{ Form::select('courseId',$courses, $examSettingsDatas->courseId, ['id' => 'courseId','class' =>'form-control'])}}
                                            <p id='courseE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <label>Full Marks</label>
                                            <input type="number" class="form-control" name="fullMarks" id="fullMarksId" placeholder="Please input full marks" value="{{$examSettingsDatas->fullMarks}}"required/>                                           
                                            <p id='fullMarksE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label>Exam Name</label>
                                            {!! Form::text('examName', $value = null, ['class' =>
                                            'form-control', 'id' => 'examId', 'type' => 'text',
                                            'placeholder' => 'Enter Exam Name']) !!}
                                            <p id='examNameE' style="max-height:3px;color:red;"></p>
                                        </div>

                                        <div class="col-sm-3">
                                            <label>Marks</label>
                                            {!! Form::number('marks', $value = null, ['class' => 'form-control',
                                            'id' => 'marksId', 'type' => 'text', 'placeholder' => 'Enter 
                                            Marks']) !!}
                                            <p id='marksE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-8 text-left">
                                            <button type="button"  onclick="addFunction();" style="margin-right:10px;background:#8dc63f;color:white">Add
                                                 Subjects</button>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="row" style="padding-left:15px;padding-right:15px;width:80%">
                                       
                                            <table class="table table-bordered" id="degreeTable" style="color:black;">
                                                <thead>
                                                    <tr>
                                                    <th>Exam Name</th>
                                                    <th>Marks</th>
                                                    <th>Action</th>
                                                    </tr>
                                               </thead>
                                                <tbody>
                                                    @php
                                                       $index = 0; 
                                                       $fillMarks =0;
                                                       $copyArray =[];
                                                    @endphp
                                                    @foreach($examSettingsDatas->settingsDetails as $settingsDetails)
                                                        <tr class="child">
                                                            <td>{{$settingsDetails->examName}}</td>
                                                            <td>{{$settingsDetails->marks}}</td>
                                                            <td><span class="glyphicon glyphicon-trash" deleteId ="{{$index}}" onclick ="removeFunction(this);" aria-label="Close" ></span>
                                                            </td>
                                                        </tr>
                                                        @php 
                                                            $fillMarks+= $settingsDetails->marks; 
                                                            $copyArray[$index]["examName"]  = $settingsDetails->examName;
                                                            $copyArray[$index]["marksName"] = $settingsDetails->marks;
                                                            $index++;
                                                        @endphp
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-12 text-left">
                                            {!! Form::submit('submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                            {{ Form::reset('Reset', ['class' => 'btn btn-warning']) }}
                                            <a href="{{url('')}}" class="btn btn-danger closeBtn">Close</a>
                                            <span id="success" style="color:green; font-size:16px;" class="pull-right"></span>
                                        </div>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                            <div class="col-md-4 emptySpace vert-offset-top-4"><img src="{{ URL::to('/') }}/images/image15.png"
                                    width="90%" height="" style="float:right"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-2"></div>
    </div>
</div>
<script>
var educationDateCount = {{$index}};
var educationData = <br />
<b>Warning</b>:  Undefined variable $copyArray in <b>/home/shikkhaplus/public_html/resources/views/ums/courseMarks/courseExamSettingsEdit.blade.php</b> on line <b>152</b><br />
null;
var filledMarks   = {{$fillMarks}};

function addFunction(){
        
        var degreeData = {};
        var examName   = $("#examId").val();
        var marksName  = $("#marksId").val();
        var marksChecker  = parseInt(filledMarks)+parseInt(marksName);
        var fullMarks     = parseInt($("#fullMarksId").val());
       
        if (examName == "") {
            $("#examNameE").text("Please input exam name");
        } else if (marksName == "") {
            $("#marksE").text("Please input marks");
        }
        else if ($("#fullMarksId").val() == "") {
            $("#fullMarksE").text("Please input full marks");
        }
        else if (parseInt(marksChecker) > parseInt(fullMarks))
        {
            alert("Marks has excceded Full Marks");
        }
        else{
            $("#fullMarksId").attr("readonly",true);
            degreeData.examName = examName;
            degreeData.marksName = marksName;

            educationData.push(degreeData);
            $('#degreeTable tbody').empty();
            filledMarks = 0;
            $.each(educationData, function (index, value) {
                $('#degreeTable tbody').append('<tr class="child"><td>' + value.examName + '</td><td>' + value.marksName + '</td><td><span class="glyphicon glyphicon-trash" deleteId ="' + index + '"onclick ="removeFunction(this);" aria-label="Close" ></span></td></tr>');
                filledMarks += parseInt(value.marksName);
                
            });
           
            $('#examId').val("");
            $('#marksId').val("");
            $("#fullMarksE").empty();
            educationDateCount++;
        }
    }

    function removeFunction(event) {
       
        filledMarks   = 0;
        $(event).parent().parent().remove();
        var deleteId = $(event).attr('deleteId');
        console.log(educationData);
        educationData.splice(deleteId, 1);
        $('#degreeTable tbody').empty();
        $.each(educationData, function (index, value) {
            $('#degreeTable tbody').append('<tr class="child"><td>' + value.examName + '</td><td>' + value.marksName + '</td><td><span class="glyphicon glyphicon-trash" deleteId ="' + index + '"onclick ="removeFunction(this);" aria-label="Close" ></span></td></tr>');
            filledMarks += parseInt(value.marksName);
             
        });
         

    }

   $(document).ready(function(){
       
        $("#programId").change(function(){
            var programId = $("#programId").val();
            var trimesterId  =  $("#trimesterId").val(); 
           $.ajax({
                type: 'post',
                url: '../applyProgramFilteringByPrograms',
                data: {programId:programId,trimesterId:trimesterId},
                dataType: 'json',
                success: function (filteredPrograms) {
                    $("#courseId").empty();
                    $('#courseId').append('<option>Please Choose Course</option>');
                    $.each(filteredPrograms, function (index, value) {
                        $('#courseId').append('<option value='+value.id+'>'+value.title+'</option>');
                    });  
                },
                error: function (data) {
                    // Handle error
                    //alert(data);
                  //  console.log(data);

                }

            });
        });

        $("#trimesterId").change(function(){
            var trimesterId  =  $("#trimesterId").val();
           $.ajax({
                type: 'post',
                url: '../applyProgramFilteringByTrimesters',
                data: {trimesterId:trimesterId},
                dataType: 'json',
                success: function (filteredPrograms) {
                    $("#courseId").empty();
                    $('#courseId').append('<option>Please Choose Course</option>');
                    $.each(filteredPrograms, function (index, value) {
                        $('#courseId').append('<option value='+value.id+'>'+value.title+'</option>');
                    });  
                },
                error: function (data) {
                    // Handle error
                    //alert(data);
                  //  console.log(data);

                }

            });
        });

        

      });

      $('#examSettingsForm').submit(function( event ) {
            event.preventDefault();
             $('#trimesterE').empty();
             $('#programE').empty();
             $('#courseE').empty();
             $('#fullMarksE').empty();
             var formData      = $('#examSettingsForm').serialize();   
            $.ajax({
                    type: 'post',
                    url: '../updateExamSettingsItem',
                    data:  {formData:formData ,educationData:educationData},
                    dataType: 'json',
                success: function( _response ){
                    if (_response.errors) {
                        if(_response.errors["trimesterId"])
                        { 
                            $("#trimesterE").append(_response.errors["trimesterId"]);
                        }
                        else if(_response.errors["program"])
                        {  
                            $("#programE").append(_response.errors["program"]);
                        }
                        else if(_response.errors["courseId"])
                        {    
                            $("#courseE").append(_response.errors["courseId"]);
                        }
                        else if(_response.errors["fullMarks"])
                        {    
                            $("#fullMarksE").append(_response.errors["fullMarks"]);
                        }
                    }
                    else{
                      swal({
                            title: "Your Registration is completed successfully",
                            text: "Success",
                            icon: "success",
                            button: "okay",
                            });
                            window.location.href="../addCourseExamSettingsView";
                    }
                }         
            });
        });
</script>
@endsection