@extends('layouts.registrarapp')
@section('content')
<style>
    .label{color: gray;}
</style>

<div class="row">
    <div class="col-sm-12">
        <div id="imaginary_container"> 
            <h3>GRADE MANAGEMENT</h3>
            <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#jhs_panel" >
                                JUNIOR HIGH SCHOOL</a> 
                            </h4>
                        </div>
                        <div id="jhs_panel" class="panel-collapse collapse">
                            <div class="panel-body">
                                <h4><b>Open/Close Grades</b></h4>
                                <span id="notice_jhs" style="color:red;font-weight:bold"><i>** Closing/Closing and Locking of grades might take a while.</i></span>
                                &nbsp;
                                <form method="post" action="{{url('registrar', array('open_close'))}}">
                                {{ csrf_field() }}
                                <input type="hidden" name="type" value="Junior High School">
                                <div class="row">
                                    <div class="form form-group col-md-4">
                                        <label>Quarter</label>
                                        <select name="quarter" class='form form-control'>
                                            <option></option>
                                            @foreach($bed_quarter as $grades)
                                            <option>{{$grades->term}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form form-group col-md-4">
                                        <label>Open / Close</label>
                                        <select id="jhs_status" name="status" class='form form-control status'>
                                            <option>Choose One</option>
                                            <option value="1">Open</option>
                                            <option value="0">Close</option>
                                            <option value="2">Close and Lock</option>
                                        </select>
                                    </div>
                                    <div class="form form-group col-md-4">
                                            &nbsp;
                                            <input type='submit' class='col-sm-12 btn btn-success' value = "Save">
                                    </div>
                                </div>
                                </form>
                                <div class="row">
                                    <div class="col-md-12">
                                    <table class='table table-condensed' width="100%">
                                        <thead>
                                            <tr>
                                            <th>-</th>
                                            <th>Quarter</th>
                                            <th>Status</th>
                                            <th>Date Updated</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($bed as $grade)
                                            <tr>
                                                <td>Junior High School</td>
                                                <td>{{$grade->term}}</td>
                                                <td>@if($grade->is_open == 1)<span class="label label-success" style="color:white"><b>Open</b></span>@else <span style="color:white;" class="label label-danger">: Close</span>@endif</td>
                                                <td>@if($grade->updated_at != null){{date_format(date_create($grade->updated_at),"F d, Y")}}@endif</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#personalinformation" >
                                SENIOR HIGH SCHOOL</a> 
                            </h4>
                        </div>
                        <div id="personalinformation" class="panel-collapse collapse">
                            <div class="panel-body">
                                <h4><b>Open/Close Grades</b></h4>
                                <span id="notice_shs" style="color:red;font-weight:bold"><i>** Closing/Closing and Locking of grades might take a while.</i></span>
                                &nbsp;
                                <form method="post" action="{{url('registrar', array('open_close'))}}">
                                {{ csrf_field() }}
                                <input type="hidden" name="type" value="Senior High School">
                                <div class="row">
                                    <div class="form form-group col-md-4">
                                        <label>Quarter</label>
                                        <select name="quarter" class='form form-control'>
                                            <option></option>
                                            @foreach($shs_quarter as $grades)
                                            <option>{{$grades->term}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form form-group col-md-4">
                                        <label>Open / Close</label>
                                        <select id="shs_status" name="status" class='form form-control status'>
                                            <option>Choose One</option>
                                            <option value="1">Open</option>
                                            <option value="0">Close</option>
                                            <option value="2">Close and Lock</option>
                                        </select>
                                    </div>
                                    <div class="form form-group col-md-4">
                                            &nbsp;
                                            <input type='submit' class='col-sm-12 btn btn-success' value = "Save">
                                    </div>
                                </div>
                                </form>
                                <div class="row">
                                    <div class="col-md-12">
                                    <table class='table table-condensed' width="100%">
                                        <thead>
                                            <tr>
                                            <th>-</th>
                                            <th>Quarter</th>
                                            <th>Status</th>
                                            <th>Date Updated</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($shs as $grade)
                                            <tr>
                                                <td>Senior High School</td>
                                                <td>{{$grade->term}}</td>
                                                <td>@if($grade->is_open == 1)<span class="label label-success" style="color:white"><b>Open</b></span>@else <span style="color:white;" class="label label-danger">: Close</span>@endif</td>
                                                <td>@if($grade->updated_at != null){{date_format(date_create($grade->updated_at),"F d, Y")}}@endif</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordionss" href="#fbackground">
                                    COLLEGE / TESDA</a>
                            </h4>
                        </div>
                        <div id="fbackground" class="panel-collapse collapse">
                            <div class="panel-body">
                                <h4><b>Open/Close Grades</b></h4>
                                <span id="notice_col" style="color:red;font-weight:bold"><i>** Closing/Closing and Locking of grades might take a while.</i></span>
                                &nbsp;
                                <form method="post" action="{{url('registrar', array('open_close'))}}">
                                {{ csrf_field() }}
                                <input type="hidden" name="type" value="College">
                                <div class="row">
                                    <div class="form form-group col-md-4">
                                        <label>Term</label>
                                        <select name="quarter" class='form form-control'>
                                            <option></option>
                                            @foreach($col_quarter as $grades)
                                            <option>{{$grades->term}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form form-group col-md-4">
                                        <label>Open / Close</label>
                                        <select id="col_status" name="status" class='form form-control status'>
                                            <option>Choose One</option>
                                            <option value="1">Open</option>
                                            <option value="0">Close</option>
                                            <option value="2">Close and Lock</option>
                                        </select>
                                    </div>
                                    <div class="form form-group col-md-4">
                                            &nbsp;
                                            <input type='submit' class='col-sm-12 btn btn-success' value = "Save">
                                    </div>
                                </div>
                                </form>
                                
                                <div class="row">
                                    <div class="col-md-12">
                                    <table class='table table-condensed' width="100%">
                                        <thead>
                                            <tr>
                                            <th>-</th>
                                            <th>Term</th>
                                            <th>Status</th>
                                            <th>Date Updated</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($college as $grade)
                                            <tr>
                                                <td>College</td>
                                                <td>{{$grade->term}}</td>
                                                <td>@if($grade->is_open == 1)<span class="label label-success" style="color:white"><b>Open</b></span>@else <span style="color:white;" class="label label-danger">: Close</span>@endif</td>
                                                <td>@if($grade->updated_at != null){{date_format(date_create($grade->updated_at),"F d, Y")}}@endif</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function(){
        $("#notice_shs").hide();
        $("#notice_col").hide();
        $("#notice_jhs").hide();
        
        $("#jhs_status").change(function(){
            if(this.value != 1){
                $("#notice_jhs").show();
            }
            else{
                $("#notice_jhs").hide();
            }
        });
        
        $("#shs_status").change(function(){
            if(this.value != 1){
                $("#notice_shs").show();
            }
            else{
                $("#notice_shs").hide();
            }
        });
        
        $("#col_status").change(function(){
            if(this.value != 1){
                $("#notice_col").show();
            }
            else{
                $("#notice_col").hide();
            }
        });
        
    });
</script>
@stop