@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getbanner();getcategory('2');getsubcategory('2');getproductshomepage();getproducts();getweeklyoffers();" 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="agileinfo-grap">
                <h3>HOME PAGE</h3>
                <div class="agileits-box">
                    <!-- <header class="agileits-box-header clearfix">
                    <h3>Banner</h3>
                    	<div class="toolbar">
                    		<div class="col-md-3" ng-repeat="avatar in bannerlist track by $index">
                                <a href="javascript:void(0)" ng-click="deletebanner(avatar,$index)"><i class="fa fa-times" aria-hidden="true"  id="image{$index+1$}"></i></a>
                                <img width = "100%" height = "100%" src="{{ asset('assets/homepage/banner{$avatar.image_url$}') }}">
                            </div>
                        </div>
                    	<div>
                    	   <input type="file" size="60" class="upload_text hide_file" placeholder="Avatar" accept="image/*" name="avatar_file" ngf-select="selectbanner(avatarFile)" ngf-max-files="3" ng-model="avatarFile"/>
                        </div>
                    </header> -->
                    <header class="agileits-box-header clearfix">
                    <oi-select oi-options="item.name for item in checaa track by item.id"
                        ng-model="bundle"
                        multiple
                        placeholder="Select"></oi-select>
                    <h3>Banner</h3>
                        <div class="toolbar bannercol">
                            <div class="col-md-6" ng-repeat="avatar in bannerlist track by $index">
                                <a href="javascript:void(0)" ng-click="deletebanner(avatar,$index)">
                                <i class="fa fa-times" aria-hidden="true"  id="image{$index+1$}"></i></a>
                                <div class="imageboundry">
                                    <img width = "100%" height = "100%" src="{{ asset('assets/homepage/banner{$avatar.image_url$}') }}">
                                </div>
                                <!-- <span ng-if="avatar.typename != null">{$avatar.typename$}</span> -->
                                <div class="col-md-12 padding-middle">
                                <div class="col-md-3 form-group1 group-mail">
                                    <label class="control-label">Category</label>
                                    <input type="radio" ng-model="avatar.type" value="category" ng-click="bclear(avatar);" >
                                </div>
                                <div class="col-md-3 form-group1 group-mail">
                                    <label class="control-label">Product</label>
                                    <input type="radio" ng-model="avatar.type" value="product" ng-click="bclear(avatar);">
                                </div>
                                <div class="col-md-3 form-group1 group-mail">
                                    <label class="control-label">Url</label>
                                    <input type="radio" ng-model="avatar.type" value="url" ng-click="bclear(avatar);">
                                </div>
                                <div class="col-md-3 form-group1 group-mail">
                                    <label class="control-label">Type</label>
                                    <select ng-model="avatar.is_banner">
                                        <option value="1">Mobile</option>
                                        <option value="2">Web</option>
                                    </select>
                                </div>
                                </div>
                                <div class="col-md-12 form-group2 group-mail" ng-if="avatar.type == 'url'">
                                    <label class="control-label">Enter url </label>
                                    <input type="text" ng-model="avatar.type_id" placeholder="url"  class="form-control"> 
                                </div>
                                <div class="col-md-12 form-group2 group-mail" ng-if="avatar.type == 'category'">
                                    <label class="control-label">Category </label>
                                    <input type="text" ng-model="avatar.type_id" placeholder="Type Category" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInput($model,2)" typeahead-min-length="0"> 
                                </div>
                                <div class="col-md-12 form-group2 group-mail" ng-if="avatar.type == 'product'">
                                    <label class="control-label">Product </label>
                                    <!-- <input type="text" ng-model="avatar.type_id" placeholder="Type Product" multiple 
                                    uib-typeahead="product.id as product.product_name for product in productlist | filter:$viewValue" 
                                     class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInputProduct($model)" 
                                     typeahead-min-length="0">  -->
                                    <oi-select oi-options="product.product_skuname for product in productlist track by product.id"
                                        ng-model="avatar.type_id"
                                        multiple
                                        placeholder="Select"></oi-select>
                                </div>
                                <div class="row pull-right" style="padding-top: 10px">
                                    <button type="button" class="btn btn-primary searchbutton" ng-click="imagetype(avatar);">Submit</button>
                                </div>
                            </div>
                        </div>
                        <div>
                           <input type="file" size="60" class="upload_text hide_file" placeholder="Avatar" accept="image/*" name="avatar_file" ngf-select="selectbanner(avatarFile)" ngf-max-files="3" ng-model="avatarFile"/>
                        </div>
                        <!-- <div class="col-md-12 padding-middle">
                            <div class="col-md-6 form-group1 group-mail">
                                <label class="control-label">Category</label>
                                <input type="radio" ng-model="banner.type" value="category"  >
                            </div>
                            <div class="col-md-6 form-group1 group-mail">
                                <label class="control-label">Product</label>
                                <input type="radio" ng-model="banner.type" value="product" >
                            </div>
                        </div>
                        <div class="col-md-6 form-group2 group-mail" ng-if="banner.type == 'category'">
                            <label class="control-label">Category </label>
                            <input type="text" ng-model="banner.category_id" placeholder="Type Category" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInput($model)" typeahead-min-length="0"> 
                        </div>
                        <div class="col-md-6 form-group2 group-mail" ng-if="banner.type == 'product'">
                            <label class="control-label">Product </label>
                            <input type="text" ng-model="banner.product_id" placeholder="Type Category" uib-typeahead="category.id as category.name for category in categorylist | filter:$viewValue"  class="form-control" typeahead-show-hint="true" typeahead-input-formatter="formatInput($model)" typeahead-min-length="0"> 
                        </div>
                        <button ng-click="selectbanner(banner,avatarFile);">Submit</button> -->
                    </header>
                    <!-- new design -->

 <!--               <div class="row">
  <div class="column" ng-repeat="avatar in bannerlist track by $index">
    <img src="https://dummyimage.com/600x400/eb4deb/fff" alt="Nature" style="width:100%" ng-click="myFunction(this);">
  </div>
  
</div> -->


                    <div class="agileits-box-body clearfix">
                        <div id="hero-area"></div>
                    </div>
                </div>
            </div>
<div class="inbox-mail">
    <div class="validation-form" >
        <div class="clearfix"> </div>
        <form>
        <h3>Weekly  Offers Show</h3>
        <div class="row"> 
            <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                <input type="radio" ng-model="weeklyoffers.show_url" name="gender" value="1"> Yes
            </div>
            <div class="col-3 col-md-3" style="background-color:#ffffff">
                <input type="radio" ng-model="weeklyoffers.show_url" name="gender" value="2"> No
            </div>
          </div>
          <h3>URL</h3>  
          <div class="row"> 
            <div class="col-3 col-md-3 form-group right" style="background-color:#ffffff">
                <input type="text" ng-model="weeklyoffers.url">
            </div>
          </div>
          <div class="row">
            <div class="col-3 col-md-3" style="background-color:#ffffff">
                <button type="button" ng-click="saveweeklyoffers()" class="btn btn-primary">Submit</button>
            </div>
          </div>
        </form>
    </div>
</div><br>
<div class="inbox-mail">
	<div class="validation-form" >
  	    <h3>Default Template</h3>
  	    <div class="clearfix"> </div>
        <form>
         	<div class="vali-form" ng-repeat = "section in sectionslist track by $index">
                <div class="sectionheading">
                    <div class="row">
                	  <h3 class="margin-left">{$section.section_name$}</h3><span class="padding-middle pull-right" title="Delete"><i class="fa fa-trash" aria-hidden="true" ng-click="deletesection(section,1)"></i></span>
                    </div>
                    <hr size="30">
                </div>
                <div class="clearfix"> </div>
                <div class="col-md-12 vali-form">
                 	<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">
                    	<label class="control-label">Discount</label>
                      <input type="number" ng-model="section.discount" placeholder="Discount Percentage (Optional)" >
                    </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" min=0  ng-change="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-change="datecheck(section)" placeholder="" >
                    </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-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">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">
                    <div class="col-md-3 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-3 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>
                
                <div class="validation-form" ng-if="section.radiotype == 'product'">
     	            <form>
    			        <div class="vali-form">
    			         	<div class="col-md-2 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-2 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)" >
    			            </div>
                            <div class="col-md-3 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 ">
                    <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,'home')" 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,'home')" id="check{$section.id$}{$position.id$}">{$ position.product_name $}
                        <span class="checkbox-decorator"><span class="check"></span></span>
    				</label>
                </div>
                <div class="clearfix"> </div>
                <div class="checkbox " ng-if="section.radiotype == 'product'">
                    <h3>Selected 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 section.checkedproduct track by $index">
                        <input type="checkbox" class="styled" ng-click="checkedboxsection(section,position,'home')" id="checked{$section.id$}{$position.id$}">{$ position.product_name $}
                        <span class="checkbox-decorator"><span class="check"></span></span>
    				</label>
                </div>
               <!--  <input type="checkbox" ng-model="rolepermission.roles[permission.id]" ng-repeat="permission in permissionlist track by $index"> -->
           	</div>
       		<div class="clearfix"> </div>
            <div class="col-md-5 form-group right">
                <button type="submit" ng-click="addnewsection()" class="btn btn-primary">ADD NEW</button>
                <button type="submit" ng-click="saveconfiguration('home')" class="btn btn-primary">Update</button>
             </div>
            <div class="clearfix"> </div>
        </form>
 	</div>

<!--inner block start here-->
<div class="inner-block">

</div>
<!--inner block end here-->
<!--copy rights start here-->
<!-- <div class="copyrights">
	 <p>© 2016 Pooled . All Rights Reserved | Design by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
</div> -->	
<!--COPY rights end here-->
</div>
</div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
    </div>
			@include('users.admin.sidebar')
							
							</div>

	@endsection
	@section('js')  
							
    
    <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/template-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>
    <style type="text/css">
        @media (min-width: 1200px) {
          .bannercol .col-md-6:nth-child(2n+1) {
            clear: left;
          }
        }
        @media (min-width: 768px) and (max-width: 1199px) {
          .bannercol .col-sm-6:nth-child(2n+1) {
            clear: left;
          }
        }
    </style>

    
    



@endsection