@extends('layouts.app')
@section('head')
@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getallrateus()" 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="validation-form" ng-if="!newproductshow">
                  <form>
                    <h3>RATE US COMMENT</h3>
                    </form>
                 
                <div class="inbox-mail"> 
                  <div ng-if="!newproductshow">
                      <div class="w3l-table-info" style="display: inline-block;position: relative;width: 100%;">
                        <table id="table">
                        <thead>
                            <tr>
                              <th>Rating</th>
                              <th>Message</th>
                              <th>User</th>
                              <th>Date</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr ng-repeat="rate in rateus track by $index">
                                            <td>{$rate.rating$}</td>
                                            <td>{$rate.message$}</td>
                                            <td ng-if="rate.user_id == 0">Unknown</td>
                                            <td ng-if="rate.user_id != 0">{$rate.user.first_name$} {$rate.user.last_name$}</td>
                                            <td>{$rate.created_at$}</td>
                                        </tr>
                          </tbody>
                        </table>
                      
                                <div class="col-xs-12 pagin vali-form">
                                    <div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
                                    <button type="button" ng-click="pagefirstrate()" class="btn btn-primary searchbutton rightpage">First Page</button>
                                    <a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previousratepage()" 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="nextratepage()" ng-show="nextdisable=='true'"></i></a>
                                    <button type="button" ng-click="pagelastrate()" class="btn btn-primary searchbutton leftpage">Last Page</button>
                                    </div>
                              </div>
                        </div>
                </div>
              </div>
              </div>
        </div>
      </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