@extends('layouts.base_portal')
@section('inner_content')
    <div class="row" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
        <div class="col">
            <customer-activity-report-section-component></customer-activity-report-section-component>
            <search-customer-by-email-component></search-customer-by-email-component>
            <div class="row" v-show="!$store.getters.isShowing('customerActivityReportSection')">
                <div class="col">
                    <customer-report-section-component></customer-report-section-component>
                    <div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
                        <div class="col-6">
                            <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>Customers List</h6>
                                </div>
                            </div>
                            <div class="row m-l-0 m-r-0">
                                <div class="col">
                                    <list-component  key="2" section="customerListSection" :endpoint="route('api.company.list')" :options="{'has_business_module_type': 1}">
                                        <template slot="list" slot-scope="{data}">
                                            <company-component :data="data"></company-component>
                                        </template>
                                    </list-component>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <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>Customers Without Confirmed Orders</h6>
                                </div>
                            </div>
                            <div class="row m-l-0 m-r-0">
                                <div class="col">
                                    <list-component  key="2" section="customerWithoutConfirmedOrdersListSection" :endpoint="route('api.company.list')" :options="{'has_business_module_type': 1, 'created_after': '18-09-2021','without_confirmed_orders': true}">
                                        <template slot="list" slot-scope="{data}">
                                            <company-component :data="data"></company-component>
                                        </template>
                                    </list-component>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection