@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/viewAdmissionSubjectsAndMarks/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>Subjects And Marks 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 Subjects And Marks</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="form-group">
                                    <div class="row">
                                        <div class="col-sm-9">
                                            <label>Department</label>
                                            <select class="form-control" id="department" name="department" >
                                                <option value="">PLease Select Department</option>
                                                @foreach($departments as $department)
                                                <option value="{{$department->id}}">{{$department->fullname}}</option>
                                                @endforeach
                                            </select>
                                            <p id='departmentE' 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>
                                            <select class="form-control" id="program" name="program" required>
                                                <option value="">PLease Select Program</option>
                                            </select>
                                            <p id='programE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label>Fundamental Subject</label>
                                            {!! Form::text('fundamentalSubject', $value = null, ['class' =>
                                            'form-control', 'id' => 'fundamentalSubjectId', 'type' => 'text',
                                            'placeholder' => 'Enter Fundamental Subject','required'=>'']) !!}
                                            <p id='fSubjectE' style="max-height:3px;color:red;"></p>
                                        </div>

                                        <div class="col-sm-3">
                                            <label>Full Marks</label>
                                            {!! Form::number('fullMarks', $value = null, ['class' => 'form-control',
                                            'id' => 'fullMarksId', 'type' => 'text', 'placeholder' => 'Enter Full
                                            Marks','required'=>'']) !!}
                                            <p id='fullMarksE' style="max-height:3px;color:red;"></p>
                                        </div>

                                        <div class="col-sm-3">
                                            <label>Min Marks</label>
                                            {!! Form::number('minMarks', $value = null, ['class' => 'form-control',
                                            'id' => 'minMarksId', 'type' => 'text', 'placeholder' => 'Enter Min
                                            Marks','required'=>'']) !!}
                                            <p id='minMarksE' style="max-height:3px;color:red;"></p>
                                        </div>

                                        <div class="col-sm-3">
                                            <label>Pass Marks</label>
                                            {!! Form::number('passMarks', $value = null, ['class' => 'form-control',
                                            'id' => 'passMarksId', 'type' => 'text', 'placeholder' => 'Enter Pass
                                            Marks','required'=>'']) !!}
                                            <p id='passMarksE' style="max-height:3px;color:red;"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group dynamicSubjects" id="dynamicSubjectsId" style="padding-top:4%;">

                                </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 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>
@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;
 $(document).ready(function () {
     $("#hiddenButton").hide();
     $("#validatedAlert").hide();

     $('#subjectAndMarksForm').submit(function (event) {
         
         event.preventDefault();
         $.ajax({
             type: 'post',
             url: './addAdmissionInsertSubjectsAndMarks',
             data: $('#subjectAndMarksForm').serialize(),
             dataType: 'json',
             success: function (_response) {
                $("#validatedAlert").hide();
                $("#programE").text("");
                $("#fSubjectE").text("");
                $("#fullMarksE").text("");
                $("#minMarksE").text("");
                $("#passMarksE").text("");
               if(_response.errors){
                   if(_response.errors["program"] || _response.errors["fundamentalSubject"]||_response.errors["fullMarks"]||_response.errors["minMarks"]||_response.errors["passMarks"]){
                        if(_response.errors["program"])
                        {
                            $("#programE").text(_response.errors["program"]);
                        }
                        if(_response.errors["fundamentalSubject"])
                        {
                            $("#fSubjectE").text(_response.errors["fundamentalSubject"]);
                        }
                            if(_response.errors["fullMarks"])
                        {
                            $("#fullMarksE").text(_response.errors["fullMarks"]);
                        }
                            if(_response.errors["minMarks"])
                        {
                            $("#minMarksE").text(_response.errors["minMarks"]);
                        }
                        if(_response.errors["passMarks"])
                        {
                            $("#passMarksE").text(_response.errors["passMarks"]);
                        }
                    } 
                    else{
                        $("#validatedAlert").show();
                        $("#validatePara").text("You must need to assign at least one aditional subject And All The dynamic exam colums must be filled");
                        
                    }
               }

               else{ 
                 
                    toastr.success("Success");
                    setTimeout(function(){
                    window.location="./viewAdmissionSubjectsAndMarks";
                    }, 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) {
            }
        });
    });*/

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

        $( "#department" ).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) {
                      $("#program").empty();
                      $('#program').append('<option value=0>Please Select Program</option>');
                      $.each(data, function (index, value) {
                        $('#program').append('<option value='+value.id+'>'+value.name+'</option>');
                      }); 
                            
                  }
                },
                error: function(_response){
                    alert("Error");
                }
            });
  });



 });


 function addMoreSubs() {
     $("#hiddenButton").show();
     $("#dynamicSubjectsId").append('<div class="row dynamicRows"> <div class="col-sm-3"> <label>Subject</label>{!! Form::text("subject[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Enter Subject","required"=>""]) !!}<p id="exame" style="max-height:3px;"></p></div><div class="col-sm-3"> <label>Full Marks</label>{!! Form::number("subjectFullMarks[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Enter Full Marks","required" =>"true"]) !!}<p id="exame" style="max-height:3px;"></p></div><div class="col-sm-3"> <label>Min Marks</label>{!! Form::number("subjectMinMarks[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Enter Min Marks","required" =>"true"]) !!}<p id="exame" style="max-height:3px;"></p></div><div class="col-sm-3"> <label>Pass Marks</label>{!! Form::number("subjectPassMarks[]", $value=null, ["class"=> "form-control", "type"=> "text", "placeholder"=> "Enter Pass Marks", "required" =>"true"]) !!}<p id="exame" style="max-height:3px;"></p></div></div>');
     counter++;
 }

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


</script>