@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getbanner();getcategory('3');getsubcategory('3');getproductshomepage()" 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="inbox-mail">
                <div class="validation-form" >
                   <!--  <h3>Offers And Promotions</h3> -->
              	    <div class="clearfix"> </div>
                    <form>
                        <h3>OFFERS AND PROMOTIONS</h3>
                     	<div class="vali-form borderclass" ng-repeat = "section in sectionslist">
                            <div class="sectionheading">
                                <div class="row">
                            	 <h3 class="margin-left"><b>{$section.section_name$}</b></h3><span class="padding-middle pull-right" title="Delete"><i class="fa fa-trash" aria-hidden="true" ng-click="deletesection(section,2)"></i></span>
                                </div>
                                <hr size="30">
                            </div>
                            
                            <div class="clearfix"> </div>
                         	<div class="col-md-6 form-group1 group-mail">
                            	<label class="control-label">Section Name *</label>
                                <input type="text" ng-model="section.section_name" ng-blur="sectionnamecheck(section)" placeholder="Section Name" >
                            </div>
                            <div class="col-md-6 form-group1 group-mail">
                                <label class="control-label">Section Arabic Name *</label>
                                <input type="text" ng-model="section.section_name_arabic" placeholder="Section Name" >
                            </div>
                            <div class="col-md-6 form-group1 group-mail" ng-if="section.radiotype == 'category'">
                            	<label class="control-label">Promo Price</label>
                                <input type="number" ng-model="section.discount" placeholder="Promo Price" >
                            </div>
                            <div class="col-md-6 form-group1 group-mail">
                            	<label class="control-label">From Date *</label>
                                <input type="date" id="datepicker" ng-model="section.from_date" ng-blur="datecheck(section)" placeholder="" >
                            </div>
                            <div class="col-md-6 form-group1 group-mail">
                            	<label class="control-label">To Date *</label>
                                <input type="date" ng-model="section.to_date" ng-blur="datecheck(section)" placeholder="" >
                            </div>
                            <div class="col-md-6 form-group1 group-mail">
                                <label class="control-label">Order No</label>
                                <input type="number" ng-model="section.order_no" placeholder="order_no" >
                            </div>
                            <div class="col-md-6 form-group2 group-mail">
                            	<label class="control-label">Status</label>
                              	<select ng-model="section.status">
                            	<option value="1">Active</option>
                            	<option value="3">In Active</option>
                                </select>
                            </div>
                            <div class="col-md-6 form-group2 group-mail">
                                <label class="control-label">Section Type</label>
                                <select ng-model="section.is_banner">
                                <option value="1">Mobile</option>
                                <option value="2">Web</option>
                                </select>
                            </div>
                            <div class="col-md-6 padding-middle optionclass">
                                <div class="col-md-6 form-group1 group-mail">
                                	<label class="control-label">Category</label>
                                  	<input type="radio" ng-model="section.radiotype" value="category" ng-change="radiofunction(section)" >
                                </div>
                              <div class="col-md-6 form-group1 group-mail">
                                	<label class="control-label">Product</label>
                                  	<input type="radio" ng-model="section.radiotype" value="product" ng-change="radiofunction(section)" >
                                </div>
                            </div>
                            <div class="col-md-12 padding-middle" ng-if="section.radiotype == 'category'">
                                <p class="categorymsg">If the offer is for category,some products may not get the offer.(Eg: if the promo price is $20 but the product price is $10, then will get negative sale price, for those products this offer is not applicable).It will based on promo price.</p>   
                             
                            </div>
                            <div class="validation-form" ng-if="section.radiotype == 'product'">
                 	            <form>
                			        <div class="vali-form">
                			         	<div class="col-md-3 form-group1 group-mail">
                			                <input type="text" ng-model="section.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="formatInputsearchhome($model,section)" typeahead-min-length="0"> 
                			            </div>
                			            <div class="col-md-3 form-group1 group-mail">
                			                <input type="text" ng-model="section.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="formatInputsearchsubhome($model,section)" typeahead-min-length="0"> 
                			            </div>
                			            <div class="col-md-2 form-group1 group-mail">
                			                 <input type="text" placeholder="PRODUCT NAME" ng-model="section.product_name" ng-blur="productshomepage(section)" ng-enter="productshomepage(section)" >
                			            </div>
                                        <div class="col-md-2 form-group1 group-mail">
                                             <input type="text" placeholder="ITEM#" ng-model="section.product_sku" ng-blur="productshomepage(section)" ng-change="productshomepage(section)" ng-enter="productshomepage(section)" >
                                        </div>
                                        <div class="col-md-2 form-group pad-top1">
                                            <button type="button" ng-click="productshomepage(section)" class="btn btn-default searchbutton">Go</button>
                						</div>
                			            <div class="clearfix"> </div>
                			        </div>
                			    </form>
                            </div>
                            <div class="clearfix"> </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-if="section.radiotype != 'product'" ng-repeat="position in section.categorys track by $index" >
                                        <input type="checkbox" class="styled" ng-click="checkboxsection(section,position,'offer')" id="check{$section.id$}{$position.id$}">{$ position.name $}
                                        <span class="checkbox-decorator"><span class="check"></span></span>
                    				</label>
                                    <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in section.categorys track by $index" ng-if="section.radiotype == 'product'">
                                        <input type="checkbox" class="styled" ng-click="checkboxsection(section,position,'offer')" id="check{$section.id$}{$position.id$}">{$ position.product_name $}
                                        <span class="checkbox-decorator"><span class="check"></span></span>
                    				</label>
                                </div>
                            </div>
                            <div class="clearfix"> </div>
                            <div class="checkbox " ng-if="section.radiotype == 'product'">
                                
                         	      <!-- <div class="clearfix"> </div>
                    			    <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in section.checkedproduct track by $index">
                                            <input type="checkbox" class="styled" ng-click="checkedboxsection(section,position,'offer')" id="checked{$section.id$}{$position.id$}">{$ position.product_name $}
                                            <span class="checkbox-decorator"><span class="check"></span></span>
                    				</label> -->
                                    <div class="col-md-12 form-group1 group-mail table-responsive">
                                        <div class="col-md-12 w3l-table-info table-responsive">
                                            <table id="table">
                                                <thead>
                                                    <tr>
                                                        <th>Item#</th>
                                                        <th>Product Name</th>
                                                        <th>Price</th>
                                                        <th>Promo Price</th>
                                                        <th>Order no</th>
                                                        <th>Actions </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr ng-repeat="product in section.checkedproduct track by $index">
                                                        <td>{$product.product_sku$}</td>
                                                        <td>{$product.product_name$}</td>
                                                        <td>SAR {$product.price$}</td>
                                                        <td><input type="number" class="form-control" id="discount{$$index$}" ng-model="product.discount" ng-blur="pricecheck(product)"></td>
                                                        <td><input type="number" class="form-control" id="number{$$index$}" ng-model="product.order_no"></td>
                                                        <td><a  href="javascript:void(0)"><i class="fa fa-trash" ng-click="removeproduct($index,$parent.$index)" aria-hidden="true"></i></a></td>
                                                    </tr>
                                                </tbody>
                                        </table>
                                        </div>
                                    </div>
                               
                            <!--  <input type="checkbox" ng-model="rolepermission.roles[permission.id]" ng-repeat="permission in permissionlist track by $index"> -->
                   		</div>
                   		
                    </form>
                </div>
                <div class="clearfix"> </div>
                        <div class="col-md-12 form-group right">
                          <button type="submit" ng-click="addnewsection()" class="btn btn-primary">ADD NEW</button>
                          <button type="submit" ng-click="saveconfiguration('offer')" class="btn btn-primary">Update</button>
                        </div>
                       <div class="clearfix"> </div>
                <div class="inner-block">

                </div>
            </div>
        </div>
    </div>
</div>
	@include('users.admin.sidebar')
							
</div>
	@endsection
	@section('js')  
			
	<script>
		$("#datepicker").datepicker({ minDate: 0 });
	</script>
    <script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></script>
    <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>
    
    



@endsection