@extends('layouts.web_app')
@section('head')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('bower_components/star-rating-svg-master/src/css/star-rating-svg.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('bower_components/star-rating-svg-master/demo/css/demo.css') }}">
@endsection
@section('content')
    
   <!--/content-inner-->
 

        <!-- 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();getusersurveyquestions();" 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">Survey</h3>                            
                                </div>
                                  
                                <div ng-repeat="survey in surveyquestion  track by $index">
                                    <ul>
                                        <h5>{$survey.question$}</h5>
                                        <div class="my-rating-6" id="star_rating_{$$index$}" ng-model="survey.rating" ></div>
                                        <!-- <div>
                                            <span class="my-rating-9"></span>
                                            <span class="live-rating"></span>
                                        </div> -->
                                      <!--  <span class="my-rating-9"></span>
                                        <span class="live-rating"></span> -->
                                       
                                        <!-- <div class="scroll-div">
                                        
                                        <div class="rating"> 
                                            <span ng-style="survey.style1[$index]"  ng-mouseover="starmouseover('1',survey,$index)" ng-click="surveystarclick(survey,'1',$index)" class="star"></span>
                                            <span ng-style="survey.style2[$index]"  ng-mouseover="starmouseover('2',survey,$index)" ng-click="surveystarclick(survey,'2',$index)" class="star"></span>
                                            <span ng-style="survey.style3[$index]"  ng-mouseover="starmouseover('3',survey,$index)" ng-click="surveystarclick(survey,'3',$index)" class="star"></span>
                                            <span ng-style="survey.style4[$index]"  ng-mouseover="starmouseover('4',survey,$index)" ng-click="surveystarclick(survey,'4',$index)" class="star"></span>
                                            <span ng-style="survey.style5[$index]"  ng-mouseover="starmouseover('5',survey,$index)" ng-click="surveystarclick(survey,'5',$index)" class="star"></span>
                                        </div>{$survey.message$}
                                        </div> -->
                                         <div class="col-md-12">
                                            <div class="form-group"><textarea class="form-control" ng-model="survey.comments"  placeholder="Comments" name="name" cols="6" rows="3"></textarea></div>
                                        </div>
                                    </ul>
                                </div>
                                 <div class="col-md-12 col-sm-12">
                                        <button class="alt fancy-button" type="submit" ng-click="updatecustomersurvey(surveyquestion,$index)">Update</button>
                                        <!-- <button class="alt fancy-button" type="submit" ><a href="{{route('frontpage')}}" >Cancel</a></button>  -->
                                    </div>
                                
                            </div>
                        </article>
                    </main>    
                </div>
            </div>

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


@include('customer.footer')

    

	@endsection

    @section('js')  
                        
   <script>
     
    </script>
    <script src="{{ asset('web_plugins/nouislider/nouislider.min.js') }}"></script>
   <script src="{{ asset('bower_components/star-rating-svg-master/src/jquery.star-rating-svg.js') }}"></script> 
    


@endsection