@extends('layouts.deanapp')
@section('content')
<h3><b>Petitioned Subject</b></h3>
<input type="hidden" id="course_id" value="{{$id}}" />
<input type="hidden" id="courseoffering_id" value="{{$offered->id}}" />
<div class="row">
    <div class="col-sm-10">
        <h3><strong>{{$offered->ctr_code}}</strong> - {{$offered->course_name}} - <strong>{{$offered->lab + $offered->lec}} units</strong></h3>
        <h4><strong>Lec</strong> {{$offered->lec}} units / <strong>Lab</strong> @if($offered->lab == null) 0 @else {{$offered->lab}} @endif units</h4>
        <h4>{{$offered->program_code}} - {{$offered->level}} Year</h4>
        <a role="button" class="btn btn-primary" href="{{url('/dean/remove/petition/'.$offered->id)}}"><b>Remove from Petition</b></a> <a role="button" class="btn btn-danger" href="{{url('/dean/unoffer/petition/'.$offered->id)}}"><b>Unoffer</b></a>
        <h4><small style="color:red">**Note: <b>Unoffer</b>ing will cause <b>all</b> subject related records to be removed.</small></h4>

    </div>
</div>
</br>
<div class="row">
    <div class="col-md-6">
        </br>
            <div class="input-group stylish-input-group">
                <input type="text" id="search" class="form-control"  placeholder="Search Student to Enroll" >
                <input type="hidden" id="code" name="code" value="{{$offered->course_code}}">
                <span class="input-group-addon">
                    <span class="fa fa-search"></span>      
                </span>
            </div>
        <div id ="displaystudent"></div> <!--ENROLLED STUDENTS--> 
    </div>
    <div class="col-md-6"> <!--LIST OF STUDENT ENROLLED IN THIS SUBJECT-->
        <h2>ENROLLED STUDENTS <br><small>SY: {{$offered->school_year}} - {{$offered->school_year + 1}} / {{$offered->period}} Semester</small></h2>
            
        <div id="displayenrolled">
            @if(count($lists)>0)
            <table class="table table-condensed">
                <thead>
                <th class="col-sm-2">Student No.</th>
                <th class="col-sm-5">Student Name</th>
                <th class="col-sm-2">Remove</th>
                </thead>
                @foreach($lists as $list)
                <tr><td>{{$list->idno}}</td>
                    <td>{{$list->lastname}}, {{$list->firstname}}</td>
                    @if($list->status == 4)
                    <td>Already Enrolled</td>
                    @else
                    <td><a href="javascript: void(0);" onclick="removetosubject('{{$list->idno}}')">Remove</a></td>
                    @endif
                </tr>
                @endforeach
            </table>    

            @else
            <tr><td colspan="4" style="font-size:15pt"><strong>Nothing to display.</strong></td></tr>
            @endif
        </div>
        
            <div class="form form-group">
                <form class="form form-horizontal" action="{{url('dean',array('main','registerstudents'))}}" method="POST">    
                    {{ csrf_field() }}
                    <input type="hidden" id="course_id" name="course_id" value="{{$id}}" />
                    <input type="hidden" id="courseoffering_id" name="courseoffering_id" value="{{$offered->id}}" />
                    <input type="submit" class="btn btn-danger form-control" id="registerstudent" value="REGISTER STUDENTS" />
                </form>  
            </div> 
    </div>
</div>  
<br/>
<!--Ajax Module-->
<script type="text/javascript">
    $(document).ready(function () {
    $("#search").keypress(function (e) {
    var theEvent = e || window.event;
    var key = theEvent.keyCode || theEvent.which;
    var array = {};
    array['search'] = $("#search").val();
    array['code'] = $("#code").val();
    array['academic_program'] = "{{Auth::user()->academic_program}}";
    if (key == 13) {
    $.ajax({
    type: "GET",
            url: "/dean/getstudenttoenroll",
            data: array,
            success: function (data) {
            $("#displaystudent").html(data);
            $("#search").val("");
            }
    });
    }
    })
    })

            function addtosubject(idno){
            array = {};
            array['id'] = $("#course_id").val();
            array['offered_id'] = $("#courseoffering_id").val();
            $.ajax({
            type: "GET",
                    url: "/dean/addtosubject/" + idno,
                    data: array,
                    success: function(data) {
                    $('#displayenrolled').html(data);
                    }
            });
            }

    
    function removetosubject(idno){
            array = {};
            array['id'] = $("#course_id").val();
            array['offered_id'] = $("#courseoffering_id").val();
            $.ajax({
            type: "GET",
                    url: "/dean/removetosubject/" + idno,
                    data: array,
                    success: function(data) {
                    $('#displayenrolled').html(data);
                    }
            });
            }
</script>    
@stop