@extends('layouts.registrarapp')
@section('content')
<style>
    .label{color: gray;}
</style>
<div class="row">
    <div class='col-sm-12'>
        <div id="imaginary_container">
            <h3></h3>
            <table class='table table-condensed'>
                <tr>
                    <td>ID No</td>
                    <td><b>{{$idno}}</b></td>
                </tr>
                <tr>
                    <td>Name</td>
                    <td>{{$user->firstname}} {{$user->middlename}} {{$user->lastname}} {{$user->extensionname}}</td>
                </tr>
                <tr>
                    <td>Transferred From</td>
                    <td>{{$student_info->school}}</td>
                </tr>
                <tr>
                    <td>Course</td>
                    <td>{{$student_info->prev_course}}</td>
                </tr>
                <tr>
                    @if ($status->academic_type!=="Senior High School")
                    <td>Current Course</td>
                    <td>{{$status->program_name}}</td>
                    @else
                    <td>Strand</td>
                    <td>{{$status->track}}</td>
                    @endif
                </tr>
            </table>
            <form action="{{url('/registrar',array('save_transferee_grades'))}}" method="POST" class="form-horizontal">
                {{csrf_field()}}
            <input type="hidden" name="idno" value="{{$idno}}">
            <table class="table table-condensed" id="encode_grades">
                <tr>
                    <td align="center" style="border:1px solid black"><strong>Credited</strong></td>
                    <td colspan="7" align="center" style="border:1px solid black"><strong>Actual</strong></td>
                    <td colspan="2" style="border:1px solid black">
                        <button type="button" name="add" class="btn btn-sm btn-success" id="add"><span class="fa fa-plus"></span> Add Record</button></td>
                </tr>
                <tr>
                    <th>Course Code</br>Course Name</th>
                    <th>Year Level</th>
                    <th>Period</br><small>(Semester)</small></th>
                    <th>School Year</br><small>(20xx-20xx)</small></th>
                    <th>Course Code</th>
                    <th>Course Name</th>
                    <th>Lec</th>
                    <th>Lab</th>
                    <th>Final Grade</th>
                </tr>
                                @foreach($grades as $grade)
                                <tr id="subjectRow{{$x}}">
                    <input type="hidden" name="rec_id[]" value="{{$grade->id}}">
                    <td><strong>{{$grade->credited_code}}</strong></br>{{$grade->credited_name}}</td>
                    <td>
                        <select class="form-control" name="level[]">
                            <option value="1st" {{($grade->level)== "1st"? 'selected':''}}>1st</option>
                            <option value="2nd" {{($grade->level)== "2nd"? 'selected':''}}>2nd</option>
                            <option value="3rd" {{($grade->level)== "3rd"? 'selected':''}}>3rd</option>
                            <option value="4th" {{($grade->level)== "4th"? 'selected':''}}>4th</option>
                            <option value="5th" {{($grade->level)== "5th"? 'selected':''}}>5th</option>
                        </select>
                    </td>
                    <td><select class="form-control" name="period[]">
                            <option value="1st" {{($grade->period)== "1st"? 'selected':''}}>1st</option>
                            <option value="2nd" {{($grade->period)== "2nd"? 'selected':''}}>2nd</option>
                            <option value="3rd" {{($grade->period)== "3rd"? 'selected':''}}>3rd</option>
                        </select>
                    </td>
                    <td><input type="text" name="school_year[]" value="{{$grade->school_year}}" size="8" class="form-control"/></td>
                    <td><input type="text" name="course_code[]" value="{{$grade->actual_code}}" size="7" class="form-control"/></td>
                    <td><input type="text" name="course_name[]" value="{{$grade->actual_name}}" size="20" class="form-control"/></td>
                    <td><input type="text" name="lec[]" value="{{$grade->lec}}" size="1" class="form-control"/></td>
                    <td><input type="text" name="lab[]" value="{{$grade->lab}}" size="1" class="form-control"/></td>
                    @if($grade->status == 1)
                    <td><input type="text" name="final_grade[]" value="{{$grade->final_grade}}" size="3" class="form-control" readonly/></td>
                    @else
                    <td><input type="text" name="final_grade[]" value="{{$grade->final_grade}}" size="3" class="form-control"/></td>
                    @endif
                </tr>
                @endforeach
            </table>
                <div class="col-md-12">
                    <input type="submit" class="btn btn-success" value="Submit"/>
                </div>
            </form>
        </div>
    </div> 
</div>
<script type="text/javascript">
    var x = "{{$x}}";
$(document).ready(function(){
        $('#add').click(function(){
            x++;
           $('#encode_grades').append('<tr id="subjectRow'+x+'"><input type="hidden" name="rec_id[]" value="append"><td><button type="button" name="remove" class="btn btn-sm btn-danger" id="remove'+x+'" onclick="removeRow('+x+')"> <strong>X</strong> Remove </button></td>\n\
             <td><select class="form-control" name="level[]"><option value="1st">1st</option><option value="2nd">2nd</option>\n\
        <option value="3rd">3rd</option><option value="4th">4th</option><option value="5th">5th</option></select></td>\n\
    <td><select class="form-control" name="period[]"><option value="1st">1st</option>\n\
        <option value="2nd">2nd</option><option value="3rd">3rd</option></select></td>\n\
             <td><input type="text" name="school_year[]" size="8" class="form-control"/></td>\n\
             <td><input type="text" name="course_code[]" size="7" class="form-control"/></td>\n\
             <td><input type="text" name="course_name[]" size="25" class="form-control"/></td>\n\
                    <td><input type="text" name="lec[]" value="{{$grade->lec}}" size="1" class="form-control"/></td>\n\
                    <td><input type="text" name="lab[]" value="{{$grade->lab}}" size="1" class="form-control"/></td>\n\
            <td><input type="text" name="final_grade[]" class="form-control" size="5"/>\n\
            </td></tr>');
        });
    })
    
    function removeRow(id){
        $("#subjectRow"+id+"").remove();
    }
</script>
@stop