@extends('layouts.guidanceapp')
@section('content')
<style>
    .label{color: gray;}
</style>
<div class="row">
    <div class="col-sm-4">
        <h3>Entrance Exam</h3>
        <div class="form-group">
            <label class="label">Status</label>
            <div class="input-group">
                <div class="input-group-addon" >
                    <i class="fa fa-sort"></i>
                </div>
                <select type='text' name='status' id="status" class='form-control'>
                    <option value="0">Active</option>
                    <option value="1">Not Active</option>
                </select>
            </div>
        </div>
    </div><br>
    <div class="col-sm-2">
        <h3>&nbsp;</h3>
        <a href='javascript:void(0)' id="view" class="btn btn-warning form-control"><span class="fa fa-eye"></span><b> View</b></a>
    </div>
    <div class="col-sm-3">
        <h3>&nbsp;</h3>
        <a href='{{url('guidance','addexamsched')}}' class="btn btn-success form-control"><span class="fa fa-plus"></span><b> New Sched</b></a>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div id="imaginary_container"> 
            <div class="input-group stylish-input-group">
                <input type="text" id="search" class="form-control" placeholder="Search Schedule">
                <span class="input-group-addon">
                    <span class="fa fa-search"></span>
                </span>
            </div>
        </div>
    </div>
</div>
<br>

@if(count($scheds)>0)
<div class="row">
    <div class="col-sm-12">
        <div class='table-responsive'>
            <div id='displayexamschedule'>
                <table class="table table-condensed table-striped">
                    <thead>
                    <th class="col-sm-1"></th>
                        <th class="col-sm-4">Schedule</th>
                        <th class="col-sm-2">Place</th>
                        <th class="col-sm-2">Status</th>
                        <th class="col-sm-3">Action</th>
                    </thead>
                    <tbody>
                        @foreach($scheds as $sched)
                        <tr>
                            <td>{{++$x}}</td>
                            <td>{{date ('M d, Y (D) - g:i A', strtotime($sched->datetime))}}</td>
                            <td>{{$sched->place}}</td>
                            <td>@if ($sched->is_remove==1) Not Active @else Active @endif</td>
                            <td><a href='/guidance/view_examsched/{{$sched->id}}' class="btn btn-info btn-xs" style="font-weight:bold">Modify</a>&nbsp;
                                <a href='/guidance/viewbatch/{{$sched->id}}' class="btn btn-info btn-xs" style="font-weight:bold">View List</a>&nbsp;
                                <a href='/guidance/delete_examsched/{{$sched->id}}' onclick="return confirm('Are you sure to delete?');" class="btn btn-info btn-xs" style="font-weight:bold">Delete</a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@else
<div class="alert alert-danger">No exam schedule has been set to the system.  Please see administrator.</div>
@endif

<!--Ajax Module-->
<script type="text/javascript">
    $('#view').on('click', function () {
        var array = {};
        array["status"] = $('#status').val();
        $.ajax({
            type: "GET",
            url: "/guidance/ajax/getschedule",
            data: array,
            success: function (data) {
                $("#displayexamschedule").html(data);
            }
        });
    });
    
    $(document).ready(function () {
        $("#search").keypress(function (e) {
            var theEvent = e || window.event;
            var key = theEvent.keyCode || theEvent.which;
            var array = {};
            array['search'] = $("#search").val();
            if (key == 13) {
                $('#displayexamschedule').empty();
                $.ajax({
                    type: "GET",
                    url: "/guidance/ajax/getexamschedule",
                    data: array,
                    success: function (data) {  
                        $('#displayexamschedule').html(data)
                    }
                });
            }
        })
    })
</script> 
@stop