@extends('layouts/ums_layout')
@section('title', '| New Program Eligibilty')
@section('content')
@php use Illuminate\Support\Facades\Crypt; @endphp 

<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/viewProgramEligibilityItems/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>Eligibility List</a>
            </div>
            <div class="alert alert-danger alert-dismissible" id="validatedAlert">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong id="validatePara"></strong>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                <div class="panel-title">Add Program Eligibility : {{$program->name}}</div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col-md-8">
                                {!! Form::open(array('url' => '', 'id' => 'subjectAndMarksForm', 'role' => 'form',
                                'class'=>'form-horizontal form-groups')) !!}
                                <div class="combined">
                                   <div class="row" ><p style="font-size: 17px!important;font-weight: 400!important;color: #fff;text-shadow:1px 1px 2px #cc3f44, 0 0 25px #ccccf4">Combined Subject And CGPA</p></div>
                                    <div class="form-group" style="padding-bottom:10px;">
                                        <div class="row"> 
                                            <input class="hidden" name="programIdHidden" value="{{$programIdHidden}}">                                       
                                            <div class="col-sm-3">
                                                <label>Combined CGPA</label>
                                                {!! Form::number('combinedCgpa', $value = null, ['class' =>
                                                'form-control', 'id' => 'combinedCgpaId', 'type' => 'text',
                                                'placeholder' => 'Enter Combined CGPA','required'=>'']) !!}
                                                <p id='combinedCgpaE' style="max-height:3px;color:red;"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group dynamicCombinedSubjects" id="dynamicCombinedSubjectsId" >
                                             <div class="col-sm-4"> 
                                                 <label>Subject</label>
                                                 {!! Form::select("combinedDegree[]", $degrees,null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Select Degree","required"=>""]) !!}
                                                 <p id="combinedDegreeE" 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" class="btn btn-info" onclick="addMoreSubs();" style="margin-right:10px;">Add
                                                    More Subjects</button>
                                                <button type="button" class="btn btn-danger" id="hiddenButton" onclick="removeSubs();">Remove</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="individual">
                                   <div class="row" ><p style="font-size: 17px!important;font-weight: 400!important;color: #fff;text-shadow:1px 1px 2px #cc3f44, 0 0 25px #ccccf4">Individual Subject And CGPA</p></div>                                   
                                        <div class="form-group dynamicIndividualSubjects" id="dynamicIndividualSubjectsId" >

                                        </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-8 text-left">
                                                <button type="button" class="btn btn-info" onclick="addMoreIndividualSubs();" style="margin-right:10px;">Add
                                                    More Subjects</button>
                                                <button type="button" class="btn btn-danger" id="hiddenIndividualBtn" onclick="removeIndividualSubs();">Remove</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="prerequisites">
                                   <div class="row" ><p style="font-size: 17px!important;font-weight: 400!important;color: #fff;text-shadow:1px 1px 2px #cc3f44, 0 0 25px #ccccf4">Prerequisites Subject</p></div>
                                    
                                    <div class="row">
                                        <div class="form-group dynamicPrerquisites" id="dynamicPrerquisitesId" >
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-8 text-left">
                                                <button type="button" class="btn btn-info" onclick="addMorePrerequisites();" style="margin-right:10px;">Add
                                                    Prerequisites</button>
                                                <button type="button" class="btn btn-danger" id="hiddenButtonPrerequisites" onclick="removePrerequisites();">Remove</button>
                                            </div>
                                        </div>
                                    </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']) !!}
                                            <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:left"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-2"></div>
    </div>
</div>
@endsection 

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script type="text/javascript">
 var counter = 0;
 var counterIndividuals   = 0;
 var counterPrerequisites = 0;
 $(document).ready(function () {
     $("#hiddenButton").hide();
     $("#hiddenIndividualBtn").hide();
     $("#hiddenButtonPrerequisites").hide();
     $("#validatedAlert").hide();

     $('#subjectAndMarksForm').submit(function (event) {
         
         event.preventDefault();
         $.ajax({
             type: 'post',
             url: '../addProgramEligibilityItems',
             data: $('#subjectAndMarksForm').serialize(),
             dataType: 'json',
             success: function (_response) {
                $("#validatedAlert").hide();
                $("#programE").text("");
                $("#fSubjectE").text("");
               if(_response.errors){
                   if(_response.errors["combinedCgpa"] || _response.errors["combinedDegree.0"]){
                    
                        if(_response.errors["combinedCgpa"])
                        {
                            $("#combinedCgpaE").text(_response.errors["combinedCgpa"]);
                        }
                        if(_response.errors["combinedDegree.0"])
                        {
                            $("#combinedDegreeE").text(_response.errors["combinedDegree.0"]);
                        }
                    } 
                    else{
                        $("#validatedAlert").show();
                        $("#validatePara").text("Individual Degrees or Prerequisites Degrees Are Required");
                        
                    }
               }

               else{ 
                 
                    toastr.success("Success");
                    setTimeout(function(){
                    window.location="../viewProgramEligibilityItems";
                    }, 1500);
                    
               }
                
              
             },
             error: function (_response) {
                 // Handle error
              //   console.log(_response.errors);
              toastr.error("error");
              console.log(_response);
             }
         });
     });


     $("#department").change(function(event){
        var departmentId = $("#department").val();
        $.ajax({
            type: 'post',
            url: "./programFilteringByDepartment",
            data: {departmentId: departmentId},
            success: function(data) {
                  console.log(data);
                  $('#program').empty();
                  $("#program").append("<option value=''>Please Select Program</option>");
                 $.each(data, function(key,value){                   
                    $("#program").append("<option value='"+value.id+"'>"+value.fullname+"</option>");
                });
            },
            error: function(argument) {
            }
        });
    });

 });


 function addMoreSubs() {
     $("#hiddenButton").show();
     $("#dynamicCombinedSubjectsId").append('<div class="dynamicSubjectsColumns"> <div class="col-sm-4"> <label>Subject</label>{!! Form::select("combinedDegree[]", $degrees,null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Select Degree","required"=>""]) !!}<p id="exame" style="max-height:3px;"></p></div></div>');
     counter++;
 }

 function removeSubs() {
     counter--;
     if (counter > 0) {
         $(".dynamicSubjectsColumns").last().remove();
     } else if (counter == 0) {
         $(".dynamicSubjectsColumns").last().remove();
         $("#hiddenButton").hide();
     } else {
         $("#hiddenButton").hide();
     }
 }

 function addMoreIndividualSubs()
 {
    $("#hiddenIndividualBtn").show();
    $("#dynamicIndividualSubjectsId").append('<div class="row dynamicIndividualSubjectRows"> <div class="col-sm-3"> <label>Degree</label>{!! Form::select("individualDegree[]", $degrees,null, ["class"=> "form-control individualDegree","onChange"=>"javascript:checkDegree(this);" ,"type"=> "text", "placeholder"=> "Select Degree","required"=>""]) !!}</div><div class="col-sm-3 degreeGroupDiv"> <label>Group</label>{!! Form::select("individualDegreeGroups[]", $groups,null, ["class"=> "form-control degreeGroups", "type"=> "text", "placeholder"=> "Select Group"]) !!}</div><div class="col-sm-3"> <label>Min CGPA</label>{!! Form::number("degreeMinCgpa[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Enter Min Cgpa","required" =>"true"]) !!}</div><div class="col-sm-3"> <label>Scholarship CGPA</label>{!! Form::number("scholarshipCgpa[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Enter Scholarship CGPA","required" =>"true"]) !!}</div></div>');
     counterIndividuals++;
 }


 function removeIndividualSubs()
 {
  counterIndividuals--;
     if (counterIndividuals > 0) {
         $(".dynamicIndividualSubjectRows").last().remove();
     } else if (counterIndividuals == 0) {
         $(".dynamicIndividualSubjectRows").last().remove();
         $("#hiddenIndividualBtn").hide();
     } else {
         $("#hiddenIndividualBtn").hide();
     }
 }


function addMorePrerequisites() {
     $("#hiddenButtonPrerequisites").show();
     $("#dynamicPrerquisitesId").append('<div class="prerequisitesColumns"> <div class="col-sm-4"> <label>Subject</label>{!! Form::text("prerequisites[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Insert Subject","required"=>""]) !!}</div></div>');
     counterPrerequisites++;
 }


 function removePrerequisites()
 {
  counterPrerequisites--;
     if (counterPrerequisites > 0) {
         $(".prerequisitesColumns").last().remove();
     } else if (counterPrerequisites == 0) {
         $(".prerequisitesColumns").last().remove();
         $("#hiddenButtonPrerequisites").hide();
     } else {
         $("#hiddenButtonPrerequisites").hide();
     }
 }

 function checkDegree(event)
 {  
     var id   = $(event).find('option:selected').val();
     $.ajax({
            type: 'post',
            url: "../checkBoardExam",
            data: {eId: id},
            success: function(data) {
                
                if(data=="0")
                {
                  $(event).parent().next(".degreeGroupDiv").hide();
                }
                else{
                    $(event).parent().next(".degreeGroupDiv").show();
                }
            },
            error: function(argument) {
            }

    });

 }


</script>