@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getstatus();getcomments();" ng-cloak>
   <!--/content-inner-->
<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>
<!--heder end here-->
	<div class="validation-form" ng-if="!newproductshow">
 	<!---->
  	    
        <form>
          <h3>COMMENTS & FEEDBACKS</h3>
         	<div class="col-md-12">
         	<div class="col-md-3 form-group1 group-mail">
               <input type="date" placeholder="ORDER DATE" ng-model="search.order_date" ng-enter="getcommentbysearch()" ng-blur="getcommentbysearch()" >
          </div>
          <div class="col-md-2 form-group1 group-mail">
               <input type="text" placeholder="Email" ng-model="search.email_id" ng-enter="getcommentbysearch()" ng-blur="getcommentbysearch()" ng-change="getcommentbysearch()">
          </div>
          <div class="col-md-2 form-group1 group-mail">
            <input type="number" placeholder="MOBILE NUMBER" ng-model="search.mobile_no" ng-enter="getcommentbysearch()" ng-blur="getcommentbysearch()" ng-change="getcommentbysearch()">
          </div>
            <div class="col-md-2 form-group2 group-mail">
              <!-- <label class="control-label">Phone Number</label> -->
              <select ng-model="search.status" ng-change="getcommentbysearch()">
                  <option value=''>Status</option>
                  <option ng-repeat="status in statuslist" value="{$status.id$}">{$status.name$}</option>
              </select>
            </div>
             <div class="col-md-3 form-group pad-top1">
              <button type="button" ng-click="getcommentbysearch()" class="btn btn-default searchbutton">Go</button>
              <span  ng-click="resetcomments()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" 
              ><i class="fa fa-refresh" aria-hidden="true" style="cursor: pointer;"></i></span>
            </div>
             
            <div class="clearfix"> </div>
            </div>
        </form>
    <!----> 

<div class="inbox-mail">
	
	<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>Customer</th>
              <th>Product Name</th>
              <th>Phone no</th>
              <th>Status</th>
             	<th>Headline</th>
							<th>Comment</th>
              <th>Star Rating</th>
              <th>Action</th>
						  </tr>
						</thead>
						<tbody>
						  <tr ng-repeat="product in productsfinallist track by $index">
							<td>{$product.customer.first_name$}</td>
              <td>{$product.product.product_name$}</td>
              <td>{$product.customer.phone_no$}</td>
              <td ng-repeat="status in statuslist track by $index" ng-if="status.id == product.status">{$status.name$}</td>
							<td>{$product.headline$}</td>
              <td class="wordcut">{$product.comment$}</td>
              <td>{$product.rating_star$}</td>
							<td>
                <select ng-model="product.actionstatus" ng-change="statuschange(product)">
                    <option ng-if="product.status != '1'" value="1">Activate</option>
                    <option ng-if="product.status != '2'" value="2">Deactive</option>
                   
                </select><span ng-if="product.updateshow"><a href="javascript:void(0)" ng-click="updatecommentstatus(product,'2')"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="cancelstatusupdat(product)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>       
              </td>
						  </tr>
						  
						</tbody>
					  </table>
            <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 pagin pagfloat">
              <div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
              <button type="button" ng-click="pagefirstcomment()" class="btn btn-primary searchbutton rightpage">First Page</button>
              <a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previouscommentpage()" ng-show="previousdisable=='true'"></i></a>
              {$begin$} - {$end$} of {$totallength$} 
              <a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextcommentpage()" ng-show="nextdisable=='true'"></i></a>
              <button type="button" ng-click="pagelastcomment()" class="btn btn-primary searchbutton leftpage">Last Page</button>
              </div>
					</div>

	
	</div>
</div>
</div>
 </div>
	<div class="validation-form" ng-if="newproductshow">
 	<!---->
  	    
        <form>
         	<div class="vali-form">
         	<!-- <div class="col-md-12 form-group2 group-mail" ng-if="!edittrue">
              <label class="control-label">Select</label>
            <select ng-model="newproduct.role">
            	<option value="">Select User Role</option>
            	<option ng-repeat="role in roleslist" value="{$role.name$}">{$role.name$}</option>
            	
            </select>
            </div> -->
            <div class="col-md-6 form-group1">
              <label class="control-label">Order Id</label>
             <!--  <input type="text" ng-model="newproduct.product_name" placeholder="Product Name" > --> {$order.order_id$}
            </div>
            <div class="col-md-6 form-group1 form-last">
              <label class="control-label">Customer Name</label>
              {$order.customer.first_name$} {$order.customer.last_name$}
            </div>
            </div>
            <div class="clearfix"> </div>
            <div class="col-md-6 form-group2 group-mail">
              <label class="control-label">Status</label>
              <select ng-model="order.status" ng-disabled="order.status == '13'" >
                  <option value=''>Search By Status</option>
                  <option value="7">Ordered</option>
                  <option value="12">Confirmed</option>
                  <option value="8">Shipped</option>
                  <option value="11">Picked</option>
                  <option value="9">Delivered</option>
                  <option value="10">Cancelled</option>
                  <option value="13">Completed</option>
                  
              </select>
            </div> 
            <div class="col-md-6 form-group2 group-mail">
              <label class="control-label">Address</label>
              <div class="item"><div class="address-selection highlight" data-indx1="0"><div class="address-deck"><h2>{$order.address.address_name$}&nbsp; </h2><h3>{$order.address.contact_name$}&nbsp; </h3><p>{$order.address.address_1$}  <br>{$order.address.address_2$}<br> Landmark : {$order.address.land_mark$}
              <br> {$order.address.city$} {$order.address.district$} <br></p><h4>Ph: {$order.address.contact_no$}</h4><div class="row "></div></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">
           
                    <table id="table">
                  <thead>
                    <tr>
                    <th>Product Name</th>
                    <th>Status</th>
                    <th>Quantity</th>
                    <th>Price</th>
                    <th>Total</th>
                    <th>Action</th>
                    <!-- <th>Total</th> -->
                  </thead>
                  <tbody>
                    <tr  ng-repeat="productmana in order.product_management track by $index">
                      <td >{$productmana.productname$} {$productmana.orderpricequantity$} {$productmana.order_quantity_name$}</td>
                      <td ng-repeat="status in statuslist track by $index" ng-if="status.id == productmana.status">{$status.name$}</td>
                      <td>{$productmana.quantity$}</td>
                      <td>${$productmana.selling_amount$}</td>
                      <td>${$productmana.total_amount$}</td>
                      <td>
                        <select ng-model="productmana.actionstatus" ng-change="statuschange(productmana)" ng-disabled="order.status == '13'">
                            <option ng-if="productmana.status != '7'" value="7">Ordered</option>
                            <option ng-if="productmana.status != '12'" value="12">Confirmed</option>
                            <option ng-if="productmana.status != '9'" value="8">Shipped</option>
                            <option ng-if="productmana.status != '11'" value="11">Picked</option>
                            <option ng-if="productmana.status != '9'" value="9">Delivered</option>
                            <option ng-if="productmana.status != '10'" value="10">Cancelled</option>
                            
                        </select><span ng-if="productmana.updateshow"><a href="javascript:void(0)" ng-click="updateactionstatus(productmana,'1')"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="cancelstatusupdat(productmana)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>
                      </td>
                    </tr>
                  </tbody>
                  </table>
                  <div class="row">
                    Total : {$order.subtotal$}
                  </div>

            </div>
            </div>
            
             
             
            
             <div class="clearfix"> </div>
         
       

            <div class="col-md-12 form-group" ng-if="edittrue">
              <button type="submit" ng-click="updateorder(order)" class="btn btn-primary" ng-hide="order.status == '13'">Update</button>
              <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
            </div>


        </form>
    
 	<!---->
 </div>
<!-- script-for sticky-nav -->
		
		<!-- /script-for sticky-nav -->
<!--inner block start here-->
<div class="inner-block">

</div>
<!--inner block end here-->

 <!-- Modal -->
 


</div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
  </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