<div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
    <div class="col">
        <div class="row m-b-50">
            <div class="col">
                <monthly-sales-report-section-component></monthly-sales-report-section-component>
            </div>
        </div>
        <div class="row m-b-50">
            <div class="col">
                <service-report-section-component></service-report-section-component>
            </div>
        </div>
        <div class="row">
            <div class="col-4">
                <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
                    <div class="col no-padding">
                        <h6>Identification Verification</h6>
                    </div>
                </div>
                <div class="row no-margin">
                    <div class="col">
                        <list-component key="2" section="identificationVerificationSection" :options="{'per_page': 10, 'document_type_in': ['SSM_REGISTRATION', 'IDENTITY_CARD'], 'status': 1, 'with_company': true}"  :endpoint="route('api.document.list')">
                            <template slot="list" slot-scope="{data}">
                                <identification-verification-component section="identificationVerificationSection" :data="data"></identification-verification-component>
                            </template>
                        </list-component>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
                    <div class="col no-padding">
                        <h6>Address Change Verification</h6>
                    </div>
                </div>
                <div class="row no-margin">
                    <div class="col">
                        <list-component key="2" section="addressVerificationSection" :options="{'per_page': 10, 'status': 1, 'with_owner': true}"  :endpoint="route('api.address.list')">
                            <template slot="list" slot-scope="{data}">
                                <address-verification-component section="addressVerificationSection" :data="data"></address-verification-component>
                            </template>
                        </list-component>
                    </div>
                </div>
            </div>
            <div class="col">
                <profit-model-report-section-component></profit-model-report-section-component>
            </div>
        </div>
    </div>
</div>