@extends('app')
@section('content')
<title>Manage Inventory</title> 

<div class="content-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-head-line">INVENTORY LIST</h1> 

                <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12" style="padding: 0px;float: right">

                    <form methd="get" action="/manageinventory?order=DESC">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 1%;padding: 0px">
                             <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" style="float: left;padding:10px 3px;"> 
                                <input class="form-control" placeholder="Search By Product Name" name="filter_name" id="filter_name" value="" type="text">
                                <input id="report-export" name="report" value="0" type="hidden">
                                <input id="report-export-ids" name="reportids" value="" type="hidden">
                            </div>                                
                        <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 3px;">
                            <button class="btn btn-info" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                        </div>   
                        <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 3px;">
           
                        <a href="" id="clear" data-toggle="tooltip" title="" class="btn btn-warning display_button" onclick="ClearFields();" data-original-title="Clear details">Clear</a>
                        </div>
                        <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 2px;">
                            <a href="manageinventory/create" id="add" data-toggle="tooltip" title="" class="btn btn-primary display_button" data-original-title="Add New Inventory"><i class="fa fa-plus"></i></a> 
                         </div>  
                    </div> 
                    </form>        
                </div>
                <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" style="padding: 0px;float: right;"> 
	                                                              
					<form method="POST" id="product_form" action="">
							<input type="hidden" name="_token" value="{{ csrf_token() }}">
							<input name="_method" value="DELETE" type="hidden">
							<input id="delvalue" name="delvalue" value="0" type="hidden">
						<div style="float: left;padding:10px 5px;">
							<a id="delete" class="btn btn-danger pull-right display_button" data-toggle="tooltip" title="" href="javascript:void(0);" onclick="submitdelfrm();" style="margin-right: 0.5%; margin-top: 1%; opacity: 0.5; cursor: default;" data-original-title="Delete entry"><i class="fa fa-trash-o"></i> 
							</a>
						</div>
						<div style="float: left;padding:10px 5px;"> 
							<a href="" id="edit" data-toggle="tooltip" title="" class="btn btn-info pull-right display_button" style="margin-right: 0.5%; margin-top: 1%; opacity: 0.5; cursor: default;" data-original-title="Edit details"><i class="fa fa-pencil"></i></a>
						</div> 
					</form>
				</div>
				<script type="text/javascript">
					function ClearFields() {
						 document.getElementById("filter_name").value = "";
						 var url = "http://uat.mukesoft.com/manageinventory";
						 //http://serviceontest.mukesoft.com/serviceontest.mukesoft.com/bikers
						 
						 window.location = url;
					}
					 
					function searchfield()
					{
						var form_element = document.getElementById("filterfrm").value = ""; 
					}
			   </script>
            </div>
        </div>
               <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover" id="content_table12" style="margin-bottom: 0px;">
                	<thead>
                        <tr>
                        	<th>
                                <input onclick="$('input[name*=\'selected\']').prop('checked', this.checked).change();" type="checkbox">
                            </th>
                        	<th>                                                                            <a href="/manageinventory&sort=inventory.name">Product Name</a>
                                        					        	 
                    		</th> 
                    		<th>
                                                                             <a href="/manageinventory&sort=inventory.warrenty_period">Warranty Period</a>
                                        					        	 
                    		</th> 
                    		<th>
                                                                             <a href="/manageinventory&sort=inventory.description">Description</a>
                                        					        	 
                    		</th>
                    		<th>
                                                                             <a href="/manageinventory&sort=inventory.quantity">Quantity</a>
                                        					        	 
                    		</th>
					    </tr>
                   </thead>
                    <tbody>