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

	<div class="content-wrapper">
        <div class="container">
            <div class="row">
                    <div class="col-md-12">
                    	<h1 class="page-head-line">PRODUCT / DOMAIN 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="/manageproduct?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,Product Code" 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>
                                <!-- added to hide if user is admin and add column is checked-->
                                                                                                <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="manageproduct/create" id="add" data-toggle="tooltip" title="" class="btn btn-primary display_button" data-original-title="Add New Product"><i class="fa fa-plus"></i></a> 
                                 <!-- ended here -->
                            
                            </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">
	                            <!-- added to hide if user is admin and add column is checked-->
                                                                                                        <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>
                                    <!-- ended here -->

                                <!-- added to hide if user is admin and add column is checked-->
                                                                                                <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>
                                 <!-- ended here --> 
							</form>
	                    </div>
                        <script type="text/javascript">
                            function ClearFields() {
                                 document.getElementById("filter_name").value = "";
                                 var url = "http://uat.mukesoft.com/manageproduct";
                                 //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="/manageproduct&sort=products.product_name">Product / Domain Name</a>
                                        					        	 
                    		</th> 
                    		<th>
                                                                             <a href="/manageproduct&sort=products.product_code">Product / Domain Code</a>
                                        					        	 
                    		</th>
                            <!-- Added by gaurav to make a column of produc Descriptions in datatable also -->
                            <th>
                                                                             <a href="/manageproduct&sort=products.product_desc">Product / Domain Descriptions</a>
                                                                         
                            </th>
                            <!-- Added by gaurav to make a column of produc Descriptions in datatable also -->
					    </tr>
                   </thead>
                    <tbody>