@extends('layouts.instructorapp')
@section('content')
<div class="row">
    <div class="col-sm-12">
        <h3>SEARCH STUDENT</h3>
        <div id="imaginary_container"> 
            <div class="input-group stylish-input-group">
                <input type="text" id="search" class="form-control"  placeholder="Search Student" >
                <span class="input-group-addon">
                    <span class="fa fa-search"></span>      
                </span>
            </div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class="col-sm-12">
        <div class="table-responsive">
            <div id='displaystudent'></div>    
        </div>    
    </div>
</div>

<!--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();
            if (key == 13) {
                $.ajax({
                    type: "GET",
                    url: "/instructor/ajax/getmainstudentlist",
                    data: array,
                    success: function (data) {
                        $("#displaystudent").html(data);
                        $("#search").val("");
                    }
                });
            }
        })
    })
</script>    
@stop