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

	
@endsection
@section('content')

   <!--/content-inner-->
 <div >

        <!-- HEADER -->
         <header id="masthead" class="clearfix" itemscope="itemscope" itemtype="https://schema.org/WPHeader">
            @include('customer.loggedinheader')
            @include('customer.headerwithsearch')
              
        </header> 
        <!-- / HEADER -->

        <!-- CONTENT + SIDEBAR -->
        <div class="main-wrapper clearfix" ng-init="getmyreviews();" ng-cloak>
             <input type="text" id="customer_id"  hidden>
            
         

             <div class="theme-container container" ng-if="cartlistshow">
                <div class="gst-spc3 row">

                    <main class="col-md-9 col-sm-8 blog-wrap">
                        <article class="" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
                            <div class="account-details-wrap">
                                <div class="heading-2">                                
                                    <h3 class="title-3 fsz-18">Your Reviews and Ratings</h3>                            
                                </div>

                                <table class="product-table">                                            
                                    <tbody>
                                        <tr ng-repeat="review in myreviews track by $index">
                                            <td class="ratings">
                                                <p> Review Product - </p>
                                                <h4 class="caption-title"><a href="javascript:void(0)">{$review.product.product_name$}</a></h4>
                                                <div class="rating" > 
                                                    <span class="star" ng-class="{active:1 <= review.rating_star}"></span>
                                                    <span class="star" ng-class="{active:2 <= review.rating_star}"></span>
                                                    <span class="star" ng-class="{active:3 <= review.rating_star}"></span>                                           
                                                    <span class="star" ng-class="{active:4 <= review.rating_star}"></span>
                                                    <span class="star" ng-class="{active:5 <= review.rating_star}"></span>
                                                </div>
                                                <!-- <p>James Fikaru</p> -->
                                                <p>{$review.updated_at$}</p>
                                            </td>
                                            <td class="reviews">
                                                <h2 class="bold-font-4 blk-clr fsz-20">{$review.headline$}</h2>
                                                <p>{$review.comment$}</p>
                                            </td>
                                           <td class="order-status">
                                                <button class="alt fancy-button" type="submit" ng-click="editreview(review)">Edit Review</button>
                                            </td>
                                                                                                                                             
                                        </tr>       
                                              
                                    </tbody>
                                </table>
                            </div>
                        </article>
                    </main>    
                </div>
            </div>

            <div class="theme-container container" ng-if="!cartlistshow">
                <div class="spc-60 row">
                    <main class="col-sm-12">
                        <article class="woocommerce-cart">
                            <div class="account-details-wrap">
                                <div class="heading-2">                                
                                    <h3 class="title-3 fsz-18">Edit Your Review</h3>                            
                                </div>

                                <div class="account-box">
                                    <form class="form-delivery">
                                       

                                            <div class="col-md-12">
                                               <form>
                                                   <div class="scroll-div">
                                                    <div class="rating"> 
                                                        <span ng-style="style1" ng-mouseover="starmouseover('1')" ng-click="starclick('1')" class="star"></span>
                                                        <span ng-style="style2" ng-mouseover="starmouseover('2')" ng-click="starclick('2')" class="star"></span>
                                                        <span ng-style="style3" ng-mouseover="starmouseover('3')" ng-click="starclick('3')" class="star"></span>
                                                        <span ng-style="style4" ng-mouseover="starmouseover('4')" ng-click="starclick('4')" class="star"></span>
                                                        <span ng-style="style5" ng-mouseover="starmouseover('5')" ng-click="starclick('5')" class="star"></span>
                                                    </div>
                                                    {$message$}
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group"><input class="form-control" type="text" ng-model="review.headline" placeholder="Headline for your review"></div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group"><textarea class="form-control" ng-model="review.comments"  placeholder="Comments" name="name" cols="30" rows="10"></textarea></div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group1">
                                                        <select ng-model="review.status">
                                                            <option value= "1">Active</option>
                                                            <option value= "6">Delete</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-sm-12">
                                                    <button class="alt fancy-button" type="submit" ng-click="saveupdatereview('2')">Update</button>
                                                    <button class="alt fancy-button" type="submit" ng-click="backtolist()">Cancel</button>
                                                </div>
                                                </form>
                                            </div>
                                            
                                        
                                    </form>                    
                                </div>
                            </div>

            <div class="clear"></div>
        </div>


@include('customer.footer')

    

	@endsection

    @section('js')  
                        
   
    <script src="{{ asset('web_plugins/nouislider/nouislider.min.js') }}"></script>
   



@endsection