@extends('layouts.registrarapp')
@section('content')
<link href="{{ asset('/css/toastr.css') }}" rel="stylesheet" type="text/css" />
<section class="content">
    <div class="box box-primary" style="width: 100%; font-size: 10px">
        <form id="add_curri" action="{{url('/registrar/jhs/curriculum/add_curriculum')}}" method="post">
            {{csrf_field()}}
            <div class="box-header">
                <h5 class='box-title'>New Curriculum</h5>
            </div>
            <div class="box-body">
                <div class="table-responsive">
                    @if(Session::has('success'))
                    <div class='alert alert-success'>
                        <h4>{{Session::get('success')}}</h4>
                    </div>
                    @endif
                    @if(Session::has('incorrect_sy'))
                    <div class='alert alert-danger'>
                        <h4>{{Session::get('incorrect_sy')}}</h4>
                    </div>
                    @endif

                    <div class="col-md-2">
                        <label><b>Curriculum Year*</b></label>
                        <input type="text" class="form-control" name="school_year" id="c_year1">
                    </div>
                    <div class="col-md-12">
                        <br>
                        <table class="table table-bordered" id="dynamic_field">
                            <thead>
                                <tr>
                                    <th width="3%">Action</th>
                                    <!--<th>Curriculum Year</th>-->
                                    <th width="7%">Level</th>
                                    <th width="10%">Subject Code*</th>
                                    <th width="15%">Subject Name*</th>
                                    <th width="3%">Hours*</th>
                                    <th width="6%">Units</th>
                                    <th width="6%">Percent Tuition*</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><a id="add" class="add btn btn-flat btn-primary"><i class="fa fa-plus-circle"></i></a></td>
                            <input type="hidden" class="form-control" name="x[]" id="x1">                 
                            <td>
                                <select style="font-size: 10px" class="form-control" id="level1" name="level[]">
                                    @foreach($levels as $level)
                                    <option value="{{$level->level}}">{{$level->level}}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td><input style="font-size: 10px" type="text" class="form-control" name="subject_code[]" id="code1" required></td>
                            <td><input style="font-size: 10px" type="text" class="form-control" name="subject_name[]" id="name1" required></td>
                            <td><input style="font-size: 10px" type="text" maxlength="3" class="form-control" name="hours[]" id="hours1" maxlength="5"></td>
                            <td><input style="font-size: 10px" type="text" class="form-control" name="units[]" id="units1" maxlength="5"></td>
                            <td><input style="font-size: 10px" type="text" class="form-control" name="percent_tuition[]" id="percent_tuition1" maxlength="5" required></td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="box-footer">
                            <div class="pull-right">
                                <button id="submit" class="btn btn-flat btn-success"><i class="fa fa-check-circle"></i> Save Changes</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>

<script src="{{ asset('/js/toastr/toastr.js') }}" type="text/javascript"></script>
<script>

$('#submit').on('click', function () {
$('#add_curri').submit();
});
var no = 1;
$('#add').on('click', function(e){
if ($("#c_year" + no).val() == "" || $("#code" + no).val() == "" || $("#name" + no).val() == "" || $("#hours" + no).val() == "" || $("#percent_tuition" + no).val() == ""){
toastr.warning("Please Fill-up Required Fields ", 'Message!');
} else{
no++;
$('#dynamic_field').append("<tr id='row" + no + "'>\n\
                <td><button class='btn btn-flat btn-danger remove' id='" + no + "'><i class='fa fa-close'></i></button></td>\n\
                <input style='font-size: 10px' type='hidden' class='form-control' name='x[]' id='x" + no + "'>\n\
                <td><select style='font-size: 10px' class='form-control' name='level[]' id='level" + no + "'>" @foreach($levels as $level) + '<option value="{{$level->level}}">{{$level->level}}</option>' @endforeach + "</select></td>\n\
                <td><input style='font-size: 10px' type='text' class='form-control' name='subject_code[]' id='code" + no + "'></td>\n\
                <td><input style='font-size: 10px' type='text' class='form-control' name='subject_name[]' id='name" + no + "'></td>\n\
                \<td><input style='font-size: 10px' type='text' maxlength='5' class='form-control' name='hours[]' id='lec" + no + "'></td>\n\
                <td><input style='font-size: 10px' type='text' class='form-control' name='units[]' id='units" + no + "'></td>\n\
                <td><input style='font-size: 10px' type='text' class='form-control' name='percent_tuition[]' id='percent_tuition" + no + "'></td>\n\
         </tr>");
}
e.preventDefault();
return false;
})

        $('#dynamic_field').on('click', '.remove', function(e){
var button_id = $(this).attr("id");
$("#row" + button_id + "").remove();
i--;
e.preventDefault();
return false;
});
function submit(){

}
</script>
@stop