@extends('layouts.accountingapp')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1">
            <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" >
                    <span class="input-group-addon">
                        <span class="fa fa-search"></span>      
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="form-group">
            <div id="displaylist">
            </div>    
        </div>   
    </div>
</div>    

<script>
    $(document).ready(function () {
        $("#search").keypress(function (e) {
            var theEvent = e || window.event;
            var key = theEvent.keyCode || theEvent.which;
            if (key == 13) {
                var array = {}
                array['search'] = $("#search").val();
                $.ajax({
                    type: "GET",
                    url: "/cashier/getstudentlist",
                    data: array,
                    success: function (data) {
                        $("#displaylist").html(data);
                        $("#search").val("");
                    }
                })
            }
        });
    });
</script>    
@stop