{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block breadcrumb %}
    <li>
        <i class='icon-home home-icon'></i>
        <a href='{{ path('office_brain_feedbackbundle_feedbackadmin_list') }}'>{{ 'feedback.header.breadcrumb.feedback_page' | trans }}</a>
        /
    </li>
    
    <li>
        <i class='icon-home home-icon'></i>
        {{ 'feedback.header.breadcrumb.feedback_list' | trans }}
    </li>
{% endblock breadcrumb %}

{% block main_page_title %}
    <h1>
        <i class="fa fa-stack-exchange padding-right-10"></i>
        {% block form_title %}
            {{ "feedback.admin.list_feedback_title" | trans }}
        {% endblock form_title %}
    </h1>
{% endblock main_page_title %}

{% block main_content %}
    <form name='feedback-list-page-container' id='feedback-list-page-container' method='GET' action='{{ path('office_brain_feedbackbundle_feedbackadmin_list') }}' data-paging-mode='' data-pagination-mode='1' data-scroll-id='feedback-list-page-container' data-container-id='media-library-page-container'>
	    <nav class="navbar navbar-default top-dropdown">
	        <div class="container-fluid">
	            <div class="row">
	                <div class="col-lg-8 col-md-12 col-xs-12 col-sm-12">
	                    <form name="search_feedback" action="{{ path('office_brain_feedbackbundle_feedbackadmin_list') }}" id="search_feedback" method="post">
	                        <div class="product-title-width">
	                            <select name="option" id="option" class="form-control js-feedback-search">
	                                <option value="">{{ 'feedback.admin.list_feedback.select_option'|trans }}</option>
	                                <option value="prod_sku">{{ 'feedback.admin.list_feedback.product_sku'|trans }}</option>
	                                <option value="prod_title">{{ 'feedback.admin.list_feedback.product_title'|trans }}</option>
	                                <option value="user_name">{{ 'feedback.admin.list_feedback.user_name'|trans }}</option>
	                                <option value="feedback_date">{{ 'feedback.admin.list_feedback.feedback_date'|trans }}</option>
	                            </select>
	                        </div>
	                        
	                        <div class="top-title-form search-width">
	                            <div class="row">
	                                <div class="col-lg-12 col-sm-12 col-md-12">
	                                
	                                    <input type="text" target="menu-slug" maxlength="255" name="keywords" id="keywords" class="js-feedback-enter-key-search">
	                                    
	                                    <div class="input-append input-group date-block js-date" style="display: none">
	                                        <input data-format="MM/dd/yyyy" name="date-keywords" type="text" class="form-control"></input>
	                                        <span class="add-on input-group-addon datepicker-color">
	                                            <i class="fa fa-calendar"></i>
	                                        </span>
	                                    </div>
	                                    
	                                    <div id="officebrain_bundle_feedbackbundle_feedbackadmin_list_error" style="display: none;"></div>
	                                    <i class="fa-search fa search-btn"></i>
	                                </div>
	                            </div>
	                        </div>
	                        
	                        <div class="top-title-form">
	                            <input type="button" value="Search" class="button-secondary js-feedback-search-btn">
	                        </div>
	                        
	                        <div class="top-title-form">
	                            <a href="javascript:void(0);" onclick="window.location=window.top.location" class="admin-custom-btn"><i class="fa fa-refresh"></i>{{ 'reset' | trans({}, 'app') }}</a>
	                        </div>
	                    </form>
	                </div>
	            </div>
	        </div>
	    </nav>
	    
	    <div class="ui-table-block dashboard-list-block">
	        <div class="table-block table-content-res-block">
	            <div class="table-responsive">
	                <table class="table table-bordered" width="100%">
	                    <thead>
	                        <tr>
	                            <th>{{ "feedback.admin.list_feedback.product_sku" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.product_title" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.user_name" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.comment" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.ratings" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.feedback_date" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.status" | trans }}</th>
	                            <th>{{ "feedback.admin.list_feedback.actions" | trans }}</th>
	                        </tr>
	                    </thead>
	                    
	                    <tbody id="js_search_list">
	                        {% block ajax_body %}
	                            {% if user_not_found is defined %}
	                                <tr>
	                                    <td colspan='9' class="center">
	                                        {{ user_not_found | trans }}
	                                    </td>
	                                </tr>
	                            {% elseif product_not_found is defined %}
	                                <tr>
	                                    <td colspan='9' class="center">
	                                        {{ product_not_found | trans }}
	                                    </td>
	                                </tr>
	                            {% else %}
	                                {% if pagination is defined and pagination.items | length > 0 %}
	                                    {% for feedback_detail in pagination.items %}
	                                        <tr id="row-{{ feedback_detail.id }}">
	                                            <td>{{ feedback_detail.product_sku }}</td>
	                                            <td>{{ feedback_detail.product_title }}</td>
	                                            <td>{{ feedback_detail.user_name }}</td>
	                                            <td>{{ feedback_detail.comment | truncate }}</td>
	                                            <td>
	                                                <div class="feedback-start">
	                                                    {{ feedback_detail.ratings | rating | raw }}
	                                                </div>
	                                            </td>
	                                            <td>{{ feedback_detail.createdAt?(feedback_detail.createdAt|dateFormat(ob_project_date_format)):'-' }}</td>
	                                            <td>
	                                                {% if feedback_detail.isApproved == 0 %}
	                                                    <label class="btn pending-btn"><i class="fa fa-clock-o"></i>
	                                                        {{ "feedback.admin.list_feedback.status_pending" | trans }}
	                                                    </label>
	                                                {% elseif feedback_detail.isApproved == 1 %}
	                                                    <label class="btn approved-btn"><i class="fa fa-thumbs-o-up"></i>
	                                                        {{ "feedback.admin.list_feedback.status_approved" | trans }}
	                                                    </label>
	                                                {% elseif feedback_detail.isApproved == 2 %}
	                                                    <label class="btn rejected-btn"><i class="fa fa-thumbs-o-down"></i>
	                                                        {{ "feedback.admin.list_feedback.status_rejected" | trans }}
	                                                    </label>
	                                                {% endif %}
	                                            </td>
	                                            <td>
	                                                {% if ob_project_site_management_access_rule.feedback.option.admin_feedback.option.view.status == 1 %}
	                                                    <a href="javascript:void(0)" data-hover="tooltip" title="{{ 'feedback.admin.list_feedback.view_btn' | trans }}" data-placement="top" class="btn-xs sub-shop-btn js-view-popup" data-original-title="{{ 'feedback.admin.list_feedback.view_btn' | trans }}" data-url="{{path('office_brain_feedbackbundle_feedbackadmin_view',{'feedback_id' : feedback_detail.id})}}" data-target="#modal-table"><i class="fa fa-eye"></i></a>
	                                                {% endif %}
	                                                
	                                                {% if feedback_detail.isApproved == 0 %}
	                                                    <a href="{{ path("office_brain_feedbackbundle_feedbackadmin_approve", {'feedback_id' : feedback_detail.id}) }}" data-hover="tooltip" data-toggle="tooltip" title="{{ "feedback.admin.list_feedback.status_approve_btn_title" | trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ "feedback.admin.list_feedback.status_approve_btn_title" | trans }}" >
	                                                        <i class="fa fa-thumbs-o-up"></i>
	                                                    </a>
	                                                    <a href="{{ path("office_brain_feedbackbundle_feedbackadmin_reject", {'feedback_id' : feedback_detail.id}) }}" data-hover="tooltip" data-toggle="tooltip" title="{{ "feedback.admin.list_feedback.status_reject_btn_title" | trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ "feedback.admin.list_feedback.status_reject_btn_title" | trans }}" >
	                                                        <i class="fa fa-thumbs-o-down"></i>
	                                                    </a>
	                                                {% elseif feedback_detail.isApproved == 1 %}
	                                                    <a href="{{ path("office_brain_feedbackbundle_feedbackadmin_reject", {'feedback_id' : feedback_detail.id}) }}" data-hover="tooltip" data-toggle="tooltip" title="{{ "feedback.admin.list_feedback.status_reject_btn_title" | trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ "feedback.admin.list_feedback.status_reject_btn_title" | trans }}" >
	                                                        <i class="fa fa-thumbs-o-down"></i>
	                                                    </a>
	                                                {% elseif feedback_detail.isApproved == 2 %}
	                                                    <a href="{{ path("office_brain_feedbackbundle_feedbackadmin_approve", {'feedback_id' : feedback_detail.id}) }}" data-hover="tooltip" data-toggle="tooltip" title="{{ "feedback.admin.list_feedback.status_approve_btn_title" | trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ "feedback.admin.list_feedback.status_approve_btn_title" | trans }}" >
	                                                        <i class="fa fa-thumbs-o-up"></i>
	                                                    </a>
	                                                {% endif %}
	                                                
	                                                {% if ob_project_site_management_access_rule.feedback.option.admin_feedback.option.delete.status == 1 %}
	{#                                                     <a data-toggle="modal" data-target="#feedback_delete_popup" data-original-title="Delete" class="btn-xs sub-shop-btn js-feedback-delete-event" data-placement="top" title="" data-hover="tooltip" data-url="{{ path("office_brain_feedbackbundle_feedbackadmin_delete", {'feedback_id' : feedback_detail.id}) }}" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>#}
	                                                    <a data-toggle="modal" data-target="#feedback_delete_popup" data-original-title="{{ 'feedback.admin.list_feedback.delete_btn' | trans }}" class="btn-xs sub-shop-btn js_delete_btn" data-id="{{ feedback_detail.id }}" data-url="{{ path("office_brain_feedbackbundle_feedbackadmin_delete") }}" data-placement="top" title="{{ 'feedback.admin.list_feedback.delete_btn' | trans }}" data-hover="tooltip" href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
	                                                {% endif %}
	                                            </td>
	                                        </tr>
	                                    {% endfor %}
	                                    
	                                    <tr class="last-row">
	                                        <td class="banner-total-record" colspan="7">{{  office_brain_pagination_render('1', 'feedback-list-page-container', pagination) }}</td>
	                                        <td class="total-record-list" colspan="1">{{ "feedback.admin.list_feedback.pagination_total_record" | trans }}:(<span id="info_count">{{   pagination.getTotalItemCount }}</span>)</td>
	                                    </tr>
	                                {% else %}
	                                    <tr>
	                                        <td colspan='8' class="center">{{ "feedback.admin.list_feedback.no_records" | trans }}</td>
	                                    </tr>
	                                {% endif %}
	                            {% endif %}
	                        {% endblock ajax_body %}
	                    </tbody>
	                </table>
	            </div>
	        </div>
	    </div>
	    
	    <!-- Feedback Delete Popup Starts -->
	{#     <div class="modal fade model-popup-black banner-copy-block banner-block-delete" id="feedback_delete_popup" tabindex="-1" role="dialog" aria-hidden="true">#}
	{#         <div class="modal-dialog">#}
	{#             <div class="modal-content">#}
	{#                 <!--<a href="#" class="close" data-dismiss="modal" aria-label="Close">&times;</a>-->#}
	{#                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>#}
	                
	{#                 <div class="modal-header">#}
	{#                     <h1 class="modal-title modal-popup-icon-title" ><i class="fa fa-trash-o"></i> {{ 'feedback.admin.confirm_delete'|trans }}</h1>#}
	{#                 </div>#}
	                
	{#                 <h2>{{ 'feedback.admin.delete_feedback'|trans }}</h2>#}
	                
	{#                 <div class="modal-body">#}
	{#                     <div class="banner-delete-block">#}
	{#                         <div class="row">#}
	{#                             <div class="col-lg-12 text-center">#}
	{#                                 <h3>{{ 'feedback.admin.confirm'|trans }}</h3>#}
	{#                             </div>#}
	{#                         </div>#}
	                        
	{#                         <div class="row">#}
	{#                             <div class="col-lg-12 text-center">#}
	{#                                 <input type="submit" value=" {{ 'confirm' | trans({}, 'app') }}" class="button-secondary-pink js-feedback-delete-confirm" data-url="">#}
	{#                                 <input type="button" value=" {{ 'cancel' | trans({}, 'app') }}" class="button-secondary" data-dismiss="modal" aria-label="Close">#}
	{#                             </div>#}
	{#                         </div>#}
	{#                     </div>#}
	{#                 </div>#}
	{#             </div>#}
	{#         </div>#}
	{#     </div>#}
	    <!-- Feedback Delete Popup Ends -->
	</form>
{% endblock main_content %}

{% block footer_js %}
    {{ parent() }}
    {# <script src="{{ asset('bundles/officebrainfeedback/js/feedback.js') }}"></script> #}
    {% javascripts  '@OfficeBrainFeedBackBundle/Resources/public/js/feedback.js' %}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js %}