@extends('layouts.app')
@section('head')

@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getcategory('3');getlargequantitytype();getstatus();getsubcategory('1');" ng-cloak>
    <div class="left-content">
        <div class="mother-grid-inner">
		<div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
        <div class="clearfix"> </div>
            <div class="validation-form" ng-if="!newproductshow">
     	        <form>
                 	<div class="vali-form">
                        <h3>PRODUCT MANAGEMENT</h3>
                     	<div class="col-md-2 form-group1 group-mail">
                            <input type="text" ng-model="search.category_id" placeholder = "CATEGORY" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputsearch($model)" typeahead-min-length="0"> 
                        </div>
                        <div class="col-md-2 form-group1 group-mail">
                            <input type="text" placeholder="ITEM#" ng-model="search.product_sku" ng-enter="getlargeproductbysearch()" ng-blur="getlargeproductbysearch()" ng-change="getlargeproductbysearch()" >
                        </div>
                        <div class="col-md-2 form-group1 group-mail">
                            <input type="text" placeholder="PRODUCT NAME" ng-model="search.product_name" ng-enter="getlargeproductbysearch()"  ng-blur="getlargeproductbysearch()" >
                        </div>
                        <div class="col-md-2 form-group2 group-mail">
                            <select ng-model="search.status" ng-change="getlargeproductbysearch()">
                                <option value=''>Search By Status</option>
                                <option ng-repeat="status in statuslist" value="{$status.id$}">{$status.name$}</option>
                          </select>
                        </div>
                        <div class="col-md-4 form-group margin-top">
                            <button type="button" ng-click="getlargeproductbysearch()" class="btn btn-default searchbutton">Go</button>
                            <span  ng-click="resetlarge()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding: 4px;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 45px;"></i></span>
                            <button type="button" ng-click="addProduct()" class="btn btn-primary searchbutton">Add Product</button>
                            <button type="button" ng-click="deletelargeproduct()" class="btn btn-primary searchbutton">Delete</button>
                        </div>
                        <div class="clearfix"> </div>
                    </div>
                </form>
                <div class="inbox-mail" style="margin-top: -20px;">
                	<div ng-if="!newproductshow">
                	   <div class="w3l-table-info table-responsive" style="display: inline-block;position: relative;width: 100%;">
                			<table id="table">
                				<thead>
                					<tr>
                                        <th><input type="checkbox" ng-model="all.check" ng-click="productalldelete()"></th>
                                        <th>Item#<span ng-if="sortitem"><div ng-click="getlargesortasc()"><i class="fa fa-arrow-circle-down"></i></div></span><span ng-if="!sortitem"><div ng-click="getlargesortdesc()"><i class="fa fa-arrow-circle-up"></i></div></span></th>
                						<th>Product Name</th>
                                        <th>Arabic Name</th>
                                        <th>Category</th>
                                        <th>Sale Unit</th>
                                        <th>Status</th>
                						<th>Price</th>
                						<th>Actions</th>
                					</tr>
                				</thead>
                				<tbody>
                					<tr ng-repeat="product in productslist track by $index">
                                        <td><input type="checkbox" ng-model="product.check" ng-click="productcheck(product)"></td>
                                        <td>{$product.product_sku$}</td>
                						<td>{$product.product_name$}</td>
                                        <td>{$product.product_name_arabic$}</td>
                                        <td>{$product.category.name$}</td>
                                        <td>{$product.quantity_type_name$}</td>
                                        <td ng-repeat="status in statuslist track by $index" ng-if="status.id == product.status">{$status.name$}</td>
                						<td>SAR {$product.quantity$} {$product.quantity_type_name$} - {$product.price $}</td>
                						<td><a href="javascript:void(0)"><i class="fa fa-pencil" ng-click="editproduct(product)" aria-hidden="true"></i></a></td>
                					</tr>
                				</tbody>
                			</table>
                        </div>
                    </div>
                </div>
            </div>
	        <div class="validation-form backgroundclass" ng-if="newproductshow">
             	<form>
                    <div class="col-md-6 form-group1">
                        <label class="control-label">Product Name *</label>
                        <input type="text" ng-model="newproduct.product_name" placeholder="Product Name" >
                    </div>
                    <div class="col-md-6 form-group1">
                        <label class="control-label">Product Arabic Name *</label>
                        <input type="text" ng-model="newproduct.product_name_arabic" placeholder="Product Arabic Name" >
                    </div>
                    <div class="col-md-6 form-group1 form-last">
                        <label class="control-label">Item# *</label>
                        <input type="number" ng-model="newproduct.product_sku" >
                    </div>
                    <div class="col-md-6 form-group2 group-mail">
                        <label class="control-label">Category *</label>
                        <select ng-model="newproduct.category_id" ng-change="getsubcategorybyid()">
                        <option ng-repeat="category in categorylist" value="{$category.id$}">{$category.name$}</option>
                        </select> 
                    </div>
                    <div class="col-md-6 form-group2 group-mail">
                        <label class="control-label">Sub Category</label>
                        <select ng-model="newproduct.sub_category_id">
                        <option ng-repeat="category in subcategoriesbycatid" value="{$category.sub_category.id$}">{$category.sub_category.name$}</option>
                        </select>
                    </div>
                    <div class="col-md-6 form-group1">
                        <label class="control-label" style="width: 100%;">Is Private Product</label>
                        <input type="checkbox" ng-model="newproduct.is_private" name="is_private" value="1" style="margin-left: 30px;clear: both;margin-top: 20px;">Yes
                    </div>
                    <div class="col-md-6 form-group1">
                        <label class="control-label">Order Limit</label>
                        <input type="number" ng-model="newproduct.order_limit" name=""placeholder="Enter the limit for single order">
                    </div> 
                    <div class="clearfix"> </div>
                    <div class="col-md-6 form-group2 group-mail"  ng-if="role_name == 'ADMIN' && edittrue">
                        <label class="control-label">Status</label>
                        <select ng-model="newproduct.status" >
                        <option value="1">Active</option>
	            	    <option value="2">Deactivate</option>
					    <option value="6">Delete</option>
                        </select>
                    </div>
                    <div class="col-md-6 form-group1">
                        <label class="control-label">Pickup time gap</label>
                        <input type="number" ng-model="newproduct.time_gap" name=""placeholder="Enter the pickup time gap">
                    </div>
                    <div class="col-md-6 form-group2 group-mail">
                        <label class="control-label">Large Electronics</label>
                        <select ng-model="newproduct.is_largeelectronics" >
                        <option value="1">Active</option>
                        <option value="0">Deactivate</option>
                        </select>
                    </div>

                    <div class="clearfix"> </div>
                    <div class="col-md-12 form-group1 ">
                        <label class="control-label">Description</label>
                        <textarea  ng-model="newproduct.description" placeholder="Description" ></textarea>
                    </div>
                    <div class="clearfix"> </div>
                    <div class="col-md-12 form-group1 ">
                        <label class="control-label">Arabic Description</label>
                        <textarea  ng-model="newproduct.description_arabic" placeholder="Description" ></textarea>
                    </div>
                    <div class="clearfix"> </div>
                    <div class="col-md-12 form-group1 ">
                        <label class="control-label">Keywords</label>
                        <textarea  ng-model="newproduct.keywords" placeholder="Keywords To Get This Product (Optional)" ></textarea>
                    </div>
                    <div class="clearfix"> </div>
                    <div class="col-md-12 form-group1 group-mail">
                        <div class="col-md-12 w3l-table-info table-responsive" >
                            <label class="control-label">Add PriceList</label>
                            <table id="table">
                                <thead>
                                    <tr>
                                        <th>Quantity_Type</th>
                                        <th>Price</th>
                                        <th>MarketPrice</th>
                                        <th>VAT %</th>
                                        <th>VAT</th>
                                        <th>Product Icon</th>
                                        <th>Actions </th>
                                        <th><a ng-if="!edittrue" ng-click="addnewprice()" href="javascript:void(0)"><i class="fa fa-plus i-black" aria-hidden="true"></a></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="price in pricelist track by $index">
                                        <td ng-repeat="quantity in quantitylist" ng-if="quantity.id == price.quantity_type_id">{$quantity.name$}</td>
                                        <td>SAR {$price.price$}</td>
                                        <td>{$price.market_price$}</td>
                                        <td>{$price.vat_per$}</td>
                                        <td>SAR {$price.vat_price$}</td>
                                        <td>
                                            <img width = "100px" height = "100px" src="{{ asset('assets/products{$price.iconpath$}') }}">
                                        </td>
                                        <td>
                                        <a  href="javascript:void(0)"><i class="fa fa-pencil" ng-click="editprice(price,$index)" aria-hidden="true"></i></a>
                                        <a ng-if="!edittrue" href="javascript:void(0)"><i class="fa fa-trash" ng-click="removeprice($index)" aria-hidden="true"></i></a></td>
                                        <td></td>
                                    </tr>
                                </tbody>
                          </table>
                        </div>
                    </div>
                    <div class="clearfix"> </div>

                    <div class="col-md-12 form-group1 group-mail">
                        <div class="col-md-12 w3l-table-info table-responsive" >
                            <label class="control-label">Product Future Price</label>
                            <table id="table">
                                <thead>
                                    <tr>
                                        <th>Quantity_Type</th>
                                        <th>Price</th>
                                        <th>Start Date</th>
                                        <th>End Date</th>
                                        <th>Including Vat</th>
                                        <th><a  ng-click="addnewfutureprice()" href="javascript:void(0)">
                                            <i class="fa fa-plus i-black" aria-hidden="true"></a></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="price in productfprice track by $index">
                                        <td ng-repeat="quantity in quantitylist" ng-if="quantity.id == price.quantity_id">{$quantity.name$}</td>
                                        <td>SAR {$price.price$}</td>
                                        <td>{$price.start_date$}</td>
                                        <td>{$price.end_date$}</td>
                                        <td ng-if="price.is_vat == '1'">Yes</td>
                                        <td ng-if="price.is_vat == '0'">No</td>
                                        <td>
                                        <a  href="javascript:void(0)"><i class="fa fa-pencil" ng-click="editfutureprice(price,$index)" aria-hidden="true"></i></a>
                                        <a  href="javascript:void(0)"><i class="fa fa-trash" ng-click="removefutureprice(price,$index)" aria-hidden="true"></i></a></td>
                                        
                                    </tr>
                                </tbody>
                          </table>
                        </div>
                    </div>

                    <div class="col-md-12 form-group1 group-mail">
                        <div class="col-md-12 w3l-table-info table-responsive">
                            <label class="control-label">Add Similar Private Product</label>
                            <div class="validation-form">
                                <form>
                                    <div class="vali-form">
                                        <div class="col-md-2 form-group1 group-mail">
                                            <input type="text" ng-model="newproduct.search.category_id" placeholder = "CATEGORY" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputsearchcategory($model,newproduct)" typeahead-min-length="0"> 
                                        </div>
                                        <div class="col-md-2 form-group1 group-mail">
                                            <input type="text" ng-model="newproduct.search.sub_category_id" placeholder="SUB CATEGORY" uib-typeahead="category.id as category.name for category in subcategorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputsearchsubcategory($model,newproduct)" typeahead-min-length="0"> 
                                        </div>
                                        <div class="col-md-3 form-group1 group-mail">
                                             <input type="text" placeholder="PRODUCT NAME" ng-model="newproduct.search.product_name" ng-enter="productsprivatepage(newproduct)" ng-blur="productsprivatepage(newproduct)" >
                                        </div>
                                        <div class="col-md-2 form-group1 group-mail">
                                            <input type="text" placeholder="item#" ng-model="newproduct.search.product_sku" ng-enter="productsprivatepage(newproduct)" ng-blur="productsprivatepage(newproduct)" >
                                        </div>
                                        <div class="col-md-3 form-group pad-top1">
                                            <button type="button" ng-click="productsprivatepage(newproduct)" class="btn btn-default searchbutton">Go</button>
                                            <span  ng-click="resetsimilar()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding-left: 8px;"><i class="fa fa-refresh" aria-hidden="true" ></i></span>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                </form>
                            </div>
                             <div class="checkbox ">
                                <div class="col-md-12 vali-form">
                                    <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in newproduct.search.categorys track by $index">
                                        <input type="checkbox" class="styled" ng-click="checkboxsimilar(newproduct.search,position)" ng-model="position.check" id="scheck{$position.id$}">{$ position.product_name $}
                                        <span class="checkbox-decorator"><span class="check"></span></span>
                                    </label>
                                </div>
                            </div>
                            <div class="clearfix"> </div>
                            <div class="checkbox ">
                                <div class="col-md-12 vali-form">
                                <h3>Similar Private Products</h3>
                                  <div class="clearfix"> </div>
                                    <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in newproduct.search.checkedproduct track by $index">
                                            <input type="checkbox" class="styled" ng-click="checkedboxsimilar(newproduct.search,position)" ng-model="position.checked" id="schecked{$position.id$}">{$ position.product_name $}
                                            <span class="checkbox-decorator"><span class="check"></span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"> </div>
                    <div class="col-md-12 form-group1 group-mail">
                        <div class="col-md-12 w3l-table-info table-responsive">
                            <label class="control-label">Add Suggestion Product</label>
                            <div class="validation-form">
                                <form>
                                    <div class="col-md-12">
                                        <div class="col-md-2 form-group1 group-mail">
                                            <input type="text" ng-model="newproduct.search1.category_id" placeholder = "CATEGORY" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputsearchsugcategory($model,newproduct)" typeahead-min-length="0"> 
                                        </div>
                                        <div class="col-md-2 form-group1 group-mail">
                                            <input type="text" ng-model="newproduct.search1.sub_category_id" placeholder="SUB CATEGORY" uib-typeahead="category.id as category.name for category in subcategorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputsearchsugsubcategory($model,newproduct)" typeahead-min-length="0"> 
                                        </div>
                                        <div class="col-md-3 form-group1 group-mail">
                                             <input type="text" placeholder="PRODUCT NAME" ng-model="newproduct.search1.product_name" ng-enter="productssuggestpage(newproduct)"  ng-blur="productssuggestpage(newproduct)" >
                                        </div>
                                        <div class="col-md-2 form-group1 group-mail">
                                            <input type="text" placeholder="item#" ng-model="newproduct.search1.product_sku" ng-enter="productssuggestpage(newproduct)" ng-blur="productssuggestpage(newproduct)" >
                                        </div>
                                        <div class="col-md-3 form-group pad-top1">
                                            <button type="button" ng-click="productssuggestpage(newproduct)" class="btn btn-default searchbutton">Go</button>
                                            <span  ng-click="resetsuggest()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding-left: 8px;"><i class="fa fa-refresh" aria-hidden="true" ></i></span>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                </form>
                            </div>
                             <div class="checkbox ">
                                <div class="col-md-12 vali-form">
                                    <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in newproduct.search1.categorys track by $index">
                                        <input type="checkbox" class="styled" ng-click="checkboxsuggest(newproduct.search1,position)" ng-model="position.check" id="sugcheck{$position.id$}">{$ position.product_name $}
                                        <span class="checkbox-decorator"><span class="check"></span></span>
                                    </label>
                                </div>
                            </div>
                            <div class="clearfix"> </div>
                            <div class="checkbox ">
                                <div class="col-md-12 vali-form">
                                <h3>Suggestion Products</h3>
                                  <div class="clearfix"> </div>
                                    <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in newproduct.search1.checkedproduct track by $index">
                                            <input type="checkbox" class="styled" ng-click="checkedboxsuggest(newproduct.search1,position)" ng-model="position.checked" id="sugchecked{$position.id$}">{$ position.product_name $}
                                            <span class="checkbox-decorator"><span class="check"></span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"> </div>
                    <div class="col-md-12 form-group1">
                        <div class="col-md-3" ng-repeat="avatar in imagelist track by $index">
                            <a href="javascript:void(0)" ng-click="deleteicon($index)"><i class="fa fa-times" aria-hidden="true"  id="image{$index+1$}"></i></a>
                            <img class="productmoreimg" src="{{ asset('assets/products{$avatar.product_image$}') }}">
                        </div>
                    </div>
                    <div class="col-md-6 form-group" ng-if="!edittrue">
                        <button type="submit" ng-click="savelargeproduct()" class="btn btn-primary">Save</button>
                        <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
                    </div>
                    <div class="col-md-6 form-group1 pull-right">
                        <input type="file" size="60" class="upload_text hide_file" placeholder="Avatar" accept ="image/*" name="avatar_file" ngf-select="selectAvatar(avatarFile)" ngf-max-files="3" ng-model="avatarFile"/>
                    </div>
                    <div class="col-md-12 form-group" ng-if="edittrue">
                        <button type="submit" ng-click="savelargeproduct()" class="btn btn-primary">Update</button>
                        <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
                    </div>
                </form>
            </div>
            <div class="inner-block"></div>
             <!-- Modal -->
            <div class="modal fade" id="addpricemodal" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Price List Of The Product</h4>
                        </div>
                        <div class="modal-body">
                            <div class="validation-form" ng-if="!newpershow || !newusershow">
                                <form >
                                    <div class="vali-form" >
                                        <div class="col-md-12 form-group2 group-mail">
                                            <label class="control-label">Quantity Type *</label>
                                            <select ng-model="newprice.quantity_type_id">
                                                <option value="" disabled selected>Tap to select your option</option>
                                                <option ng-repeat="quantity in quantitylist" value="{$quantity.id$}">{$quantity.name$}</option>
                                            </select> 
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Enter Price *</label>
                                            <input type="number" disabled placeholder="Price" ng-model="newprice.price">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Enter Market Price</label>
                                            <input type="number" placeholder="MarketPrice" ng-model="newprice.market_price">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Enter VAT in % </label>
                                            <input type="number" placeholder="Vat %" ng-model="newprice.vat_per" ng-blur="vatPriceCalculation()">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">VAT Price</label>
                                            <input type="number" disabled placeholder="Vat Price" ng-model="newprice.vat_price">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Selling Price</label>
                                            <input type="number" placeholder="Selling Price" ng-model="newprice.sellingprice" ng-blur="vatPriceCalculation()">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail" ng-if="newprice.iconpath">
                                            <img width = "100px" height = "100px" src="{{ asset('assets/products{$newprice.iconpath$}') }}">
                                        </div>
                                        
                                        <div class="col-md-12 form-group1 pull-right">
                                            <input type="file" size="60" class="upload_text hide_file" placeholder="Avatar" accept ="image/*" 
                                                 name="avatar_file" ngf-select="uploadicon(iconfile)" ngf-max-files="1" ng-model="iconfile"/>
                                        </div>
                                        <div class="clearfix"> </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" ng-click="addprice(1)" >Save</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- addfuturepricemodal -->
            <div class="modal fade" id="addfuturepricemodal" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Future Price List Of The Product</h4>
                        </div>
                        <div class="modal-body">
                            <div class="validation-form" ng-if="!newpershow || !newusershow">
                                <form >
                                    <div class="vali-form" >
                                        <div class="col-md-12 form-group2 group-mail">
                                            <label class="control-label">Quantity Type *</label>
                                            <select ng-model="newfutureprice.quantity_id">
                                                <option value="" disabled selected>Tap to select your option</option>
                                                <option ng-repeat="quantity in quantitylist" value="{$quantity.id$}">{$quantity.name$}</option>
                                            </select> 
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Enter Price *</label>
                                            <input type="number" disabled placeholder="Price" ng-model="newfutureprice.price">
                                        </div>
                                        <!-- <div class="col-md-12 form-group1 group-mail">
                                            <input type="number" placeholder="MarketPrice" ng-model="newfutureprice.market_price">
                                        </div> -->
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Enter VAT in % </label>
                                            <input type="number" placeholder="Vat %" ng-model="newfutureprice.vat_per" ng-blur="vatFuturePriceCalculation()">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">VAT Price</label>
                                            <input type="number" disabled placeholder="Vat Price" ng-model="newfutureprice.vat_price">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Selling Price</label>
                                            <input type="number" placeholder="Selling Price" ng-model="newfutureprice.sellingprice" ng-blur="vatFuturePriceCalculation()">
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Select Start Date *</label>
                            	            <input type="date" id="datepicker" ng-model="newfutureprice.start_date" ng-blur="futuredatecheck(newfutureprice)" placeholder="" >
                                        </div>
                                        <div class="col-md-12 form-group1 group-mail">
                                            <label class="control-label">Select End Date </label>
                            	            <input type="date" ng-model="newfutureprice.end_date" ng-blur="futuredatecheck(newfutureprice)" placeholder="" >
                                        </div>
                                        
                                        <div class="clearfix"> </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" ng-click="addfutureprice(1)" >Save</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	    @include('users.admin.sidebar')
</div>
@endsection
@section('js')     
    <link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
    <script src="{{ asset('bower_components/ng-file-upload/ng-file-upload.js')}}"></script>  
    <script src="{{ asset('js/angular_library/ng-file-upload-shim.min.js') }}"></script>
    <script src="{{ asset('js/angular_library/ng-file-upload.min.js') }}"></script>
    <script src="{{ asset('js/angular_library/ng-file-upload-all.min.js') }}"></script>
    <script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></script>
@endsection