@extends('admin.layout')

@section('content')
    <section ng-controller="reviewsController">
        <div class="container-fluid">
            <div class="col-md-12 m-b-30">
                <!-- DATA TABLE -->
                <div class="table-data__tool">

                </div>

                <div class="table-responsive table-responsive-data2">

                    <table class="table table-data2">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Tên</th>
                            <th>Chức vụ</th>
                            <th>Đánh giá</th>
                            <th>Ngày</th>
                            <th>Chi tiết</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="tr-shadow" ng-repeat="review in data">
                            <td>#{<>review.id<>}</td>
                            <td>
                                <a href="edit-tasker?id={<>review.get_tasker.id<>}" ng-if="review.rating_type == {{\App\Models\Review::RATE_TASKER}}">{<>review.get_tasker.name<>}</a>
                                <a href="edit-user?id={<>review.get_user.id<>}" ng-if="review.rating_type == {{\App\Models\Review::RATE_USER}}">{<>review.get_user.name<>}</a>
                            </td>
                            <td>
                                <span ng-if="review.rating_type == {{\App\Models\Review::RATE_TASKER}}">{{\App\User::$role_title[\App\User::ROLE_TASKER]}}</span>
                                <span ng-if="review.rating_type == {{\App\Models\Review::RATE_USER}}">{{\App\User::$role_title[\App\User::ROLE_USER]}}</span>
                            </td>
                            <td>
                                <i class="fas fa-star" style="color: #ff922b;" ng-repeat="star in getRateArray(review.rate) track by $index"></i>
                            </td>
                            <td>{<>review.created_at<>}</td>
                            <td>
                                <div class="table-data-feature">
                                    <button class="item"
                                       data-toggle="tooltip" data-placement="top" title="Chi tiết" ng-click="reviewDetail(review, review.rating_type === {{\App\Models\Review::RATE_USER}})">
                                        <i class="zmdi zmdi-view-list"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="m-b-10 m-t-10" ng-if="meta.last_page > 1">
                        <ul class="pagination">
                            <li class="page-item {<>meta.current_page == 1 ? 'disabled' : ''<>}">
                                <button class="page-link"
                                        ng-click="$watch(config.page = config.page - 1, refreshData())">Prev</button>
                            </li>
                            <li class="page-item"><span class="page-link disabled">{<>meta.current_page<>}</span></li>
                            <li class="page-item {<>meta.current_page == meta.last_page<>}">
                                <button class="page-link"
                                        ng-click="$watch(config.page = config.page + 1, refreshData())">Next</button>
                            </li>
                            <li class="pull-right">
                                <span>&nbsp; Go to page&nbsp;</span>
                                <input class="text-center"
                                       type="number"
                                       style="width: 40px;height: 38px" min="1"
                                       ng-model="config.page"
                                       ng-keyup="refreshData($event)" /> / {<>meta.last_page<>}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="review-detail-modal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true"
             data-backdrop="static">
            <div class="modal-dialog modal-lg" style="top: 50px" role="document">
                <div class="modal-content">
                    <div class="modal-header" style="display: block">
                        <h3>Đánh giá {<>selectedReview.rating_type === {{\App\Models\Review::RATE_USER}} ? selectedReview.get_user.name : selectedReview.get_tasker.name<>}</h3>
                        <small>Ngày đánh giá: {<>selectedReview.created_at<>}</small>
                    </div>
                    <div class="modal-body">
                        <p>
                            - Người đánh giá:&nbsp;
                            <a href="{<>selectedReview.rating_type === {{\App\Models\Review::RATE_USER}} ? 'edit-tasker?id=' :'edit-user?id='<>}{<>selectedReview.reviewer.id<>}">
                                {<>selectedReview.reviewer.name<>}
                            </a>
                        </p>
                        <p>- Chức vụ: {<>selectedReview.reviewer.admin === {{\App\User::ROLE_TASKER}} ? '{{\App\User::$role_title[\App\User::ROLE_TASKER]}}' : '{{\App\User::$role_title[\App\User::ROLE_USER]}}'<>}</p>
                        <hr>
                        <p>
                            - Người được đánh giá:&nbsp;
                            <a href="{<>selectedReview.rating_type === {{\App\Models\Review::RATE_USER}} ? 'edit-tasker?id=' :'edit-user?id='<>}{<>selectedReview.target.id<>}">
                                {<>selectedReview.target.name<>}
                            </a>
                        </p>
                        <p>- Chức vụ: {<>selectedReview.target.admin === {{\App\User::ROLE_TASKER}} ? '{{\App\User::$role_title[\App\User::ROLE_TASKER]}}' : '{{\App\User::$role_title[\App\User::ROLE_USER]}}'<>}</p>
                        <hr>
                        <p>-Đánh giá: <i class="fas fa-star" style="color: #ff922b;" ng-repeat="star in getRateArray(selectedReview.rate) track by $index"></i></p>
                        <p>
                            -Kiểu đánh giá:&nbsp;
                            <span ng-if="selectedReview.rating_type === {{\App\Models\Review::RATE_USER}}">{{\App\Models\Review::$rate_type_title[\App\Models\Review::RATE_USER]}}</span>
                            <span ng-if="selectedReview.rating_type === {{\App\Models\Review::RATE_TASKER}}">{{\App\Models\Review::$rate_type_title[\App\Models\Review::RATE_TASKER]}}</span>
                        </p>
                        <hr>
                        <p style="white-space: pre">- Review:
    {<>selectedReview.review<>}
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" data-target="review-detail-modal">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection