@extends('layouts.base_portal')
@section('inner_content')
    <div class="row" v-if="$store.getters.isAdmin">
        <div class="col">
            <admin-feedback-customer-section-component></admin-feedback-customer-section-component>
        </div>
    </div>

    <div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
        <div class="col no-padding">
            <div class="row no-margin">
                <div class="col bg-master-lightest p-1 p-sm-4 m-b-50">
                    <div class="row">
                        <div class="col">
                            <div class="row">
                                <div class="col">
                                    <anchor-link-component href="{{route('feedback.export')}}">
                                        <button type="button" class="btn btn-sm p-t-10 p-b-10 p-r-35 p-l-35 btn-primary b-rad-none">
                                            <div class="row align-items-center">
                                                <div class="col-auto p-r-0 p-l-0">
                                                    <i class="fa fa-file-excel-o fs-16"></i>
                                                </div>
                                                <div class="col p-r-5">Export To Excel</div>
                                            </div>
                                        </button>
                                    </anchor-link-component>
                                    <div class="row align-items-center m-t-10 p-t-10 p-b-10 b-t b-grey muted all-caps fs-10">
                                        <div class="col-1">Version</div>
                                        <div class="col-1">Question Set</div>
                                        <div class="col-2">Question Text</div>
                                        <div class="col-1">Answer Text</div>
                                        <div class="col-1">Answer Value</div>
                                        <div class="col-1">Source System</div>
                                        <div class="col-1">Source Marking</div>
                                        <div class="col-2">Source Email</div>
                                        <div class="col-1">Created Date</div>
                                    </div>
                                </div>
                            </div>
                            <list-component section="questionsAnswersSection" :endpoint="route('api.helpmenu.list.questions.answers')" :options="{'per_page': 10, 'has_questionnaire_group_in':['feedback'], order_by: {column: 'created_at', DESC: true}}">
                                <template slot="list" slot-scope="{data}">
                                    <question-answer-component :data="data"></question-answer-component>
                                </template>
                            </list-component>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection