@extends('layouts.base_portal')
@section('inner_content')
    <div class="row">
        <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>
@endsection
