mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-20 21:13:59 +00:00
Dillon Ngo
297 lines
59 KiB
PHP
297 lines
59 KiB
PHP
@extends('layouts.base_portal')
|
|
@section('inner_content')
|
|
<div class="row" v-if="$store.getters.isAdmin">
|
|
<div class="col p-t-15 p-b-15">
|
|
<div class="row m-b-25">
|
|
<div class="col">
|
|
<customer-section-component></customer-section-component>
|
|
<customer-section-two-component></customer-section-two-component>
|
|
<div class="row tabsContainer">
|
|
<div class="col">
|
|
<div class="row m-l-0 m-r-0 d-flex">
|
|
<div class="col">
|
|
<div class="row justify-content-end">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col b-r b-white">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton active" tab-name="top-spenders">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="66.87575" y1="36.02325" x2="66.87575" y2="164.11756" gradientUnits="userSpaceOnUse" id="color-1_hUqtl21qkZmg_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="105.12425" y1="35.4535" x2="105.12425" y2="164.77331" gradientUnits="userSpaceOnUse" id="color-2_hUqtl21qkZmg_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="130.00781" x2="86" y2="146.81275" gradientUnits="userSpaceOnUse" id="color-3_hUqtl21qkZmg_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="2.6875" x2="86" y2="163.9375" gradientUnits="userSpaceOnUse" id="color-4_hUqtl21qkZmg_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M73.43863,107.5c-3.30294,0 -6.03075,2.40531 -6.48763,5.53087h-0.1505c-0.45687,-3.12556 -3.182,-5.53087 -6.48763,-5.53087c-3.62544,0 -6.56287,2.88906 -6.56287,6.45269c0,7.2885 6.78325,12.19856 10.59681,14.37812c1.55606,0.88956 3.49913,0.88956 5.05519,0c3.81625,-2.18225 10.59681,-7.08962 10.59681,-14.37812c0,-3.56363 -2.93744,-6.45269 -6.56019,-6.45269z" fill="url(#color-1_hUqtl21qkZmg_gr1)"></path><path d="M111.68713,107.5c-3.30294,0 -6.03075,2.40531 -6.48762,5.53087h-0.1505c-0.45419,-3.12556 -3.182,-5.53087 -6.48763,-5.53087c-3.62275,0 -6.56288,2.88906 -6.56288,6.45269c0,7.2885 6.78325,12.19856 10.59681,14.37813c1.55606,0.88956 3.49913,0.88956 5.05519,0c3.81625,-2.17956 10.5995,-7.08694 10.5995,-14.37812c0,-3.56363 -2.93744,-6.45269 -6.56288,-6.45269z" fill="url(#color-2_hUqtl21qkZmg_gr2)"></path><path d="M75.25,134.375c0,5.93669 4.81331,10.75 10.75,10.75c5.93669,0 10.75,-4.81331 10.75,-10.75v-2.6875h-21.5z" fill="url(#color-3_hUqtl21qkZmg_gr3)"></path><path d="M139.75,95.90344v-6.74831c0.02956,-0.15856 0.09406,-0.301 0.09406,-0.46762l-0.00806,-22.12619c0.2795,-14.89412 -7.39331,-27.3695 -10.70431,-32.04038c-5.54431,-7.80719 -11.05906,-11.73631 -13.83525,-12.08569c-1.06156,-0.12362 -2.11775,0.387 -2.65794,1.31688l-1.14487,1.97262c-0.97019,1.67431 -2.71169,2.67406 -4.65475,2.67406c-1.94306,0 -3.68994,-0.99975 -4.66012,-2.67406l-11.98625,-20.63194c-0.87613,-1.505 -2.44563,-2.40531 -4.1925,-2.40531c-1.74956,0 -3.31906,0.90031 -4.18981,2.408l-11.94056,20.54863c-0.97019,1.67431 -2.71169,2.67406 -4.65475,2.67406c-1.94306,0 -3.68994,-0.99975 -4.66281,-2.67406l-1.16906,-2.01025c-0.42463,-0.73369 -1.17712,-1.2255 -2.021,-1.31956c-2.64181,-0.3225 -7.47662,3.06375 -11.86531,8.38231c-6.26456,7.60025 -13.01019,20.86575 -13.15262,35.31375l-0.09406,22.66638c0,0 0,0 0,0.00269c0,0.00269 0,0.00538 0,0.00806v7.21594c-6.34519,3.02881 -10.75,9.48687 -10.75,16.97156c0,10.37106 8.44144,18.8125 18.8125,18.8125h0.12362c6.64888,18.77487 24.51,32.25 45.56388,32.25c21.05388,0 38.915,-13.47513 45.56388,-32.25h0.12363c10.37106,0 18.8125,-8.44144 18.8125,-18.8125c0,-7.48469 -4.40481,-13.94275 -10.75,-16.97156zM49.6435,34.11513c2.7735,-3.36475 4.94769,-5.02025 6.24038,-5.80769l0.0215,0.03762c1.94844,3.34863 5.42875,5.34813 9.3095,5.34813c3.88344,0 7.36106,-1.9995 9.30412,-5.35081l11.481,-19.76388l11.52669,19.84719c1.94844,3.34863 5.42875,5.34813 9.3095,5.34813c3.82969,0 7.267,-1.94844 9.22619,-5.21375c1.83019,1.20937 5.01756,3.90763 8.686,9.07031c2.28975,3.23038 9.59975,14.61463 9.69919,27.93119c-8.66719,-18.07881 -27.09538,-30.62406 -48.44756,-30.62406c-21.16406,0 -39.45788,12.32487 -48.21644,30.14838c0.4085,-12.65544 6.321,-24.252 11.85994,-30.97075zM26.875,112.875c0,-6.48763 4.62519,-11.91637 10.75,-13.16606v5.59806c-3.12556,1.10994 -5.375,4.0635 -5.375,7.568c0,3.59856 2.37306,6.60856 5.62763,7.64594c0.19619,1.91887 0.53481,3.79206 0.94869,5.64106c-6.70263,-0.74981 -11.95131,-6.3855 -11.95131,-13.287zM129,115.5625c0,23.70913 -19.29087,43 -43,43c-23.70913,0 -43,-19.29087 -43,-43v-16.125h8.0625c9.34981,0 17.47413,-5.32931 21.5,-13.11231c4.02587,7.783 12.15019,13.11231 21.5,13.11231h34.9375zM94.0625,94.0625c-10.37106,0 -18.8125,-8.44144 -18.8125,-18.8125v-2.6875h-5.375v2.6875c0,10.37106 -8.44144,18.8125 -18.8125,18.8125h-13.4375v-5.36425v-0.01075c0,-26.67344 21.70156,-48.375 48.375,-48.375c26.67344,0 48.375,21.70156 48.375,48.375v5.375zM133.17369,126.162c0.41387,-1.84631 0.75519,-3.7195 0.94869,-5.64106c3.25456,-1.03737 5.62762,-4.04738 5.62762,-7.64594c0,-3.5045 -2.24944,-6.45806 -5.375,-7.568v-5.59806c6.12481,1.24969 10.75,6.67575 10.75,13.16606c0,6.9015 -5.24869,12.53719 -11.95131,13.287z" fill="url(#color-4_hUqtl21qkZmg_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Total Spending</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col b-r b-white">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="top-average-spenders">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="104.8125" y1="95.74219" x2="104.8125" y2="114.9175" gradientUnits="userSpaceOnUse" id="color-1_TUOBhQt-Vj1j_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="67.1875" y1="95.74219" x2="67.1875" y2="114.9175" gradientUnits="userSpaceOnUse" id="color-2_TUOBhQt-Vj1j_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="125.40413" x2="86" y2="133.41288" gradientUnits="userSpaceOnUse" id="color-3_TUOBhQt-Vj1j_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="10.234" x2="86" y2="158.13788" gradientUnits="userSpaceOnUse" id="color-4_TUOBhQt-Vj1j_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><circle cx="39" cy="39" transform="scale(2.6875,2.6875)" r="3" fill="url(#color-1_TUOBhQt-Vj1j_gr1)"></circle><circle cx="25" cy="39" transform="scale(2.6875,2.6875)" r="3" fill="url(#color-2_TUOBhQt-Vj1j_gr2)"></circle><rect x="28" y="47" transform="scale(2.6875,2.6875)" width="8" height="3" fill="url(#color-3_TUOBhQt-Vj1j_gr3)"></rect><path d="M142.4375,80.11975v-7.55725c0,-31.11856 -25.31625,-56.4375 -56.4375,-56.4375c-31.12125,0 -56.4375,25.31894 -56.4375,56.4375v7.55725c-4.81062,2.79231 -8.0625,7.98994 -8.0625,13.94275c0,8.89294 7.23206,16.125 16.125,16.125h0.13706c1.40556,25.42106 22.47019,45.6875 48.23794,45.6875c25.76775,0 46.83238,-20.26644 48.23794,-45.6875h0.13706c8.89294,0 16.125,-7.23206 16.125,-16.125c0,-5.95281 -3.25188,-11.15044 -8.0625,-13.94275zM34.9375,77.9375v-5.375h16.125c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-5.375h-5.375v5.375c0,4.44512 -3.61738,8.0625 -8.0625,8.0625h-15.83744c2.69556,-25.63875 24.43475,-45.6875 50.77494,-45.6875c26.34019,0 48.07938,20.04875 50.77494,45.6875h-42.71244c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-5.375h-5.375v5.375c0,7.40944 6.02806,13.4375 13.4375,13.4375h43v5.375h-46.91837c-8.213,0 -14.89413,-6.68113 -14.89413,-14.89413v-9.29337h-5.375v8.94937c0,8.40113 -6.837,15.23813 -15.23813,15.23813zM26.875,94.0625c0,-5.92863 4.82138,-10.75 10.75,-10.75v8.0625h-2.6875c-1.4835,0 -2.6875,1.20131 -2.6875,2.6875c0,1.48619 1.204,2.6875 2.6875,2.6875h2.6875v8.0625c-5.92862,0 -10.75,-4.82137 -10.75,-10.75zM86,150.5c-23.70912,0 -43,-19.29087 -43,-43v-24.1875h11.63687c7.61906,0 14.28675,-4.15488 17.85575,-10.31731c3.48031,6.15438 10.08888,10.31731 17.6515,10.31731h38.85587v24.1875c0,23.70913 -19.29087,43 -43,43zM134.375,104.8125v-8.0625h2.6875c1.4835,0 2.6875,-1.20131 2.6875,-2.6875c0,-1.48619 -1.204,-2.6875 -2.6875,-2.6875h-2.6875v-8.0625c5.92863,0 10.75,4.82137 10.75,10.75c0,5.92863 -4.82137,10.75 -10.75,10.75z" fill="url(#color-4_TUOBhQt-Vj1j_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Average Daily Spending</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col b-r b-white">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="top-average-booking-spenders">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="104.8125" y1="95.74219" x2="104.8125" y2="114.9175" gradientUnits="userSpaceOnUse" id="color-1_TUOBhQt-Vj1j_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="67.1875" y1="95.74219" x2="67.1875" y2="114.9175" gradientUnits="userSpaceOnUse" id="color-2_TUOBhQt-Vj1j_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="125.40413" x2="86" y2="133.41288" gradientUnits="userSpaceOnUse" id="color-3_TUOBhQt-Vj1j_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="10.234" x2="86" y2="158.13788" gradientUnits="userSpaceOnUse" id="color-4_TUOBhQt-Vj1j_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><circle cx="39" cy="39" transform="scale(2.6875,2.6875)" r="3" fill="url(#color-1_TUOBhQt-Vj1j_gr1)"></circle><circle cx="25" cy="39" transform="scale(2.6875,2.6875)" r="3" fill="url(#color-2_TUOBhQt-Vj1j_gr2)"></circle><rect x="28" y="47" transform="scale(2.6875,2.6875)" width="8" height="3" fill="url(#color-3_TUOBhQt-Vj1j_gr3)"></rect><path d="M142.4375,80.11975v-7.55725c0,-31.11856 -25.31625,-56.4375 -56.4375,-56.4375c-31.12125,0 -56.4375,25.31894 -56.4375,56.4375v7.55725c-4.81062,2.79231 -8.0625,7.98994 -8.0625,13.94275c0,8.89294 7.23206,16.125 16.125,16.125h0.13706c1.40556,25.42106 22.47019,45.6875 48.23794,45.6875c25.76775,0 46.83238,-20.26644 48.23794,-45.6875h0.13706c8.89294,0 16.125,-7.23206 16.125,-16.125c0,-5.95281 -3.25188,-11.15044 -8.0625,-13.94275zM34.9375,77.9375v-5.375h16.125c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-5.375h-5.375v5.375c0,4.44512 -3.61738,8.0625 -8.0625,8.0625h-15.83744c2.69556,-25.63875 24.43475,-45.6875 50.77494,-45.6875c26.34019,0 48.07938,20.04875 50.77494,45.6875h-42.71244c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-5.375h-5.375v5.375c0,7.40944 6.02806,13.4375 13.4375,13.4375h43v5.375h-46.91837c-8.213,0 -14.89413,-6.68113 -14.89413,-14.89413v-9.29337h-5.375v8.94937c0,8.40113 -6.837,15.23813 -15.23813,15.23813zM26.875,94.0625c0,-5.92863 4.82138,-10.75 10.75,-10.75v8.0625h-2.6875c-1.4835,0 -2.6875,1.20131 -2.6875,2.6875c0,1.48619 1.204,2.6875 2.6875,2.6875h2.6875v8.0625c-5.92862,0 -10.75,-4.82137 -10.75,-10.75zM86,150.5c-23.70912,0 -43,-19.29087 -43,-43v-24.1875h11.63687c7.61906,0 14.28675,-4.15488 17.85575,-10.31731c3.48031,6.15438 10.08888,10.31731 17.6515,10.31731h38.85587v24.1875c0,23.70913 -19.29087,43 -43,43zM134.375,104.8125v-8.0625h2.6875c1.4835,0 2.6875,-1.20131 2.6875,-2.6875c0,-1.48619 -1.204,-2.6875 -2.6875,-2.6875h-2.6875v-8.0625c5.92863,0 10.75,4.82137 10.75,10.75c0,5.92863 -4.82137,10.75 -10.75,10.75z" fill="url(#color-4_TUOBhQt-Vj1j_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Average Booking Spending</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin">
|
|
<div class="col bg-white padding-25">
|
|
<div class="row tabsContainer tabContent m-l-0 m-r-0" tab-name="top-spenders">
|
|
<list-component key="2" section="topSpenders" :endpoint="route('api.company.list')" :options="{'with_total_payments': true,
|
|
'recency':'2022-02-15',
|
|
'frequency': 15,
|
|
|
|
'business_type': 2, with_bookings:true, order_by:{ column:'total_payments', DESC:true}}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
<div class="row tabsContainer tabContent hide m-l-0 m-r-0 hide" tab-name="top-average-spenders" v-if="$store.getters.isAdmin">
|
|
<list-component key="2" section="topAverageSpenders" :endpoint="route('api.company.list')" :options="{'with_total_payments': true, 'recency':'2022-02-15', 'business_type': 2, with_bookings:true, order_by:{ column:'spending_average_per_day', DESC:false}}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
<div class="row tabsContainer tabContent hide m-l-0 m-r-0 hide" tab-name="top-average-booking-spenders" v-if="$store.getters.isAdmin">
|
|
<list-component key="2" section="topAverageBookingSpenders" :endpoint="route('api.company.list')" :options="{'with_total_payments': true, 'business_type': 2, with_bookings:true, order_by:{ column:'spending_average_booking', DESC:true}}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row m-b-25">
|
|
<div class="col-12 col-md">
|
|
<div class="row tabsContainer">
|
|
<div class="col">
|
|
<div class="row m-l-0 m-r-0 d-flex">
|
|
<div class="col">
|
|
<div class="row justify-content-end">
|
|
<div class="col-4 b-r b-white">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton active" tab-name="customer-list">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="77.9375" y1="64.94881" x2="77.9375" y2="78.41588" gradientUnits="userSpaceOnUse" id="color-1_43966_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="56.4375" y1="64.94881" x2="56.4375" y2="78.41588" gradientUnits="userSpaceOnUse" id="color-2_43966_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="120.9375" y1="73.90625" x2="120.9375" y2="87.79794" gradientUnits="userSpaceOnUse" id="color-3_43966_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="21.94881" x2="86" y2="149.05681" gradientUnits="userSpaceOnUse" id="color-4_43966_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="57.47219" y1="21.94881" x2="57.47219" y2="149.05681" gradientUnits="userSpaceOnUse" id="color-5_43966_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M77.9375,64.5c-3.71066,0 -6.71875,3.00809 -6.71875,6.71875c0,3.71066 3.00809,6.71875 6.71875,6.71875c3.71066,0 6.71875,-3.00809 6.71875,-6.71875c0,-3.71066 -3.00809,-6.71875 -6.71875,-6.71875z" fill="url(#color-1_43966_gr1)"></path><path d="M56.4375,64.5c-3.71066,0 -6.71875,3.00809 -6.71875,6.71875c0,3.71066 3.00809,6.71875 6.71875,6.71875c3.71066,0 6.71875,-3.00809 6.71875,-6.71875c0,-3.71066 -3.00809,-6.71875 -6.71875,-6.71875z" fill="url(#color-2_43966_gr2)"></path><path d="M120.9375,75.25c-2.96853,0 -5.375,2.40647 -5.375,5.375c0,2.96853 2.40647,5.375 5.375,5.375c2.96853,0 5.375,-2.40647 5.375,-5.375c0,-2.96853 -2.40647,-5.375 -5.375,-5.375z" fill="url(#color-3_43966_gr3)"></path><path d="M135.26994,101.56869c1.47006,-2.35694 2.61494,-4.92888 3.3755,-7.66744c6.65694,-0.79281 11.85456,-6.40969 11.85456,-13.27625c0,-6.53062 -4.687,-11.9755 -10.87363,-13.1795c-1.24162,-15.16556 -13.95888,-27.133 -29.43887,-27.133c-4.68969,0 -9.28262,1.16906 -13.42944,3.2895c-4.97187,-11.41113 -16.34806,-19.4145 -29.57056,-19.4145c-17.78319,0 -32.25,14.46681 -32.25,32.25v2.6875c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375c0,7.40944 6.02806,13.4375 13.4375,13.4375h1.06156c0.75787,2.92669 1.90812,5.69213 3.40775,8.23719c-14.41844,9.37669 -23.28181,25.53931 -23.28181,42.82531v10.75h99.4375h2.6875h37.625v-8.0625c0,-15.44238 -7.81794,-29.76944 -20.60506,-38.18131zM145.125,80.625c0,3.53944 -2.30856,6.52256 -5.48788,7.60294c0.05644,-0.73906 0.11288,-1.47544 0.11288,-2.22794v-12.943c3.12287,1.11262 5.375,4.06888 5.375,7.568zM110.1875,45.6875c13.33806,0 24.1875,10.84944 24.1875,24.1875v16.125c0,13.21981 -10.664,23.98056 -23.84081,24.16869c-3.91569,-6.31294 -9.19125,-11.78738 -15.566,-15.93419c1.49963,-2.54506 2.64987,-5.30781 3.40775,-8.2345h1.06156c7.40944,0 13.4375,-6.02806 13.4375,-13.4375c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375v-2.6875c0,-2.65794 -0.36012,-5.22719 -0.9675,-7.69969c3.57169,-1.98338 7.60563,-3.05031 11.7175,-3.05031zM99.4375,77.9375v-2.6875c1.48619,0 2.6875,-1.20131 2.6875,-2.6875c0,-1.48619 -1.20131,-2.6875 -2.6875,-2.6875v-5.375c4.44512,0 8.0625,3.61737 8.0625,8.0625c0,4.44513 -3.61738,8.0625 -8.0625,8.0625zM40.3125,56.4375c0,-14.81887 12.05613,-26.875 26.875,-26.875c14.81887,0 26.875,12.05613 26.875,26.875v2.6875v18.8125c0,14.81888 -12.05613,26.875 -26.875,26.875c-14.81887,0 -26.875,-12.05612 -26.875,-26.875v-18.8125zM34.9375,80.625c-4.44513,0 -8.0625,-3.61737 -8.0625,-8.0625c0,-4.44513 3.61737,-8.0625 8.0625,-8.0625v5.375c-1.48619,0 -2.6875,1.20131 -2.6875,2.6875c0,1.48619 1.20131,2.6875 2.6875,2.6875v2.6875zM67.1875,110.1875c9.90613,0 18.77488,-4.49619 24.69544,-11.54819c1.51037,0.97288 2.94819,2.03175 4.31613,3.16319c-7.17831,8.73706 -17.63269,13.76 -29.01156,13.76c-11.37888,0 -21.83325,-5.02025 -29.01156,-13.76c1.37062,-1.13144 2.80844,-2.18762 4.31612,-3.16319c5.92325,7.052 14.78931,11.54819 24.69544,11.54819zM62.55963,142.4375c0.93256,-1.59906 2.64719,-2.6875 4.62788,-2.6875c1.98069,0 3.69531,1.08844 4.62788,2.6875zM112.875,142.4375h-35.31912c-1.20131,-4.6225 -5.37231,-8.0625 -10.36837,-8.0625c-4.99606,0 -9.16706,3.44 -10.36837,8.0625h-35.31912v-5.375c0,-11.89756 4.70313,-23.19581 12.73875,-31.605c8.19956,9.83087 20.05144,15.48 32.94875,15.48c12.9,0 24.75188,-5.64912 32.94875,-15.48c8.03563,8.4065 12.73875,19.70475 12.73875,31.605zM150.5,142.4375h-32.25v-5.375c0,-7.60563 -1.73344,-14.9855 -4.8805,-21.67738c7.36912,-0.79281 13.91588,-4.3215 18.65394,-9.52719c11.4595,7.396 18.47656,20.1455 18.47656,33.89206z" fill="url(#color-4_43966_gr4)"></path><path d="M67.1875,40.3125v-5.375c-8.25869,0 -15.88581,4.82138 -19.42794,12.28456l4.85631,2.30319c2.65525,-5.59537 8.37425,-9.21275 14.57163,-9.21275z" fill="url(#color-5_43966_gr5)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">All Customers</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1"></div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col b-r b-white">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="old-customer-list">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="99.4375" x2="86" y2="111.20606" gradientUnits="userSpaceOnUse" id="color-1_58088_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="75.25" y1="16.31044" x2="75.25" y2="152.03456" gradientUnits="userSpaceOnUse" id="color-2_58088_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.25" y1="16.31044" x2="75.25" y2="152.03456" gradientUnits="userSpaceOnUse" id="color-3_58088_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="17.80469" x2="86" y2="152.18238" gradientUnits="userSpaceOnUse" id="color-4_58088_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="16.125" x2="86" y2="153.1875" gradientUnits="userSpaceOnUse" id="color-5_58088_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M91.375,99.4375h-10.75c-1.4835,0 -2.6875,1.204 -2.6875,2.6875c0,4.45319 3.60931,8.0625 8.0625,8.0625c4.45319,0 8.0625,-3.60931 8.0625,-8.0625c0,-1.4835 -1.204,-2.6875 -2.6875,-2.6875z" fill="url(#color-1_58088_gr1)"></path><path d="M75.25,129c-1.48427,0 -2.6875,1.20323 -2.6875,2.6875c0,1.48427 1.20323,2.6875 2.6875,2.6875c1.48427,0 2.6875,-1.20323 2.6875,-2.6875c0,-1.48427 -1.20323,-2.6875 -2.6875,-2.6875z" fill="url(#color-2_58088_gr2)"></path><path d="M75.25,137.0625c-1.48427,0 -2.6875,1.20323 -2.6875,2.6875c0,1.48427 1.20323,2.6875 2.6875,2.6875c1.48427,0 2.6875,-1.20323 2.6875,-2.6875c0,-1.48427 -1.20323,-2.6875 -2.6875,-2.6875z" fill="url(#color-3_58088_gr3)"></path><path d="M110.1875,72.5625h-13.4375c-2.45638,0 -4.50694,1.66356 -5.14925,3.91569c-1.73881,-0.79819 -3.64694,-1.22819 -5.60075,-1.22819c-1.95381,0 -3.86194,0.43 -5.60075,1.22819c-0.63962,-2.25213 -2.69287,-3.91569 -5.14925,-3.91569h-13.4375c-2.96431,0 -5.375,2.41069 -5.375,5.375v10.75c0,2.96431 2.41069,5.375 5.375,5.375h13.4375c2.96431,0 5.375,-2.41069 5.375,-5.375v-5.94744c1.47544,-1.33031 3.37013,-2.11506 5.375,-2.11506c2.00488,0 3.89956,0.78475 5.375,2.11506v5.94744c0,2.96431 2.41069,5.375 5.375,5.375h13.4375c2.96431,0 5.375,-2.41069 5.375,-5.375v-10.75c0,-2.96431 -2.41069,-5.375 -5.375,-5.375zM61.8125,88.6875v-10.75h13.4375l0.00269,10.75zM96.75,88.6875v-10.75h13.4375l0.00269,10.75z" fill="url(#color-4_58088_gr4)"></path><path d="M122.55269,101.47194c0.29563,-0.67725 0.52944,-1.39213 0.79281,-2.08819c7.654,-0.54825 13.717,-6.93644 13.717,-14.7275c0,-6.22962 -3.87806,-11.55894 -9.34444,-13.73312c5.0955,-17.84231 5.24869,-28.66756 0.63425,-36.60375c-3.68456,-6.33712 -10.52694,-10.51619 -20.91681,-12.76831l-0.80087,-0.17469c-6.30487,-3.43463 -13.38106,-5.25138 -20.63462,-5.25138c-7.10037,0 -14.03413,1.73075 -20.23687,5.02563l-1.83288,0.39775c-10.22325,2.21988 -17.12206,6.2135 -20.554,12.51838c-4.27581,7.85556 -4.07962,18.73994 0.90031,36.85906c-5.461,2.17419 -9.33906,7.5035 -9.33906,13.73044c0,7.76687 6.02538,14.14163 13.64712,14.72481c0.26875,0.7095 0.56169,1.40287 0.86538,2.09356c-13.57994,10.922 -22.575,30.26394 -22.575,49.02538v2.6875h118.25v-2.6875c0,-18.76144 -8.99506,-38.10069 -22.57231,-49.02806zM126.3125,76.19331c3.16588,1.51575 5.375,4.72463 5.375,8.46294c0,4.18444 -2.76544,7.697 -6.54944,8.91444c0.74444,-3.21694 1.17444,-6.56288 1.17444,-10.02169zM123.70563,37.02031c3.28681,5.65181 3.46688,13.86481 0.4085,26.56056c-3.2895,-11.31169 -8.66719,-15.55525 -11.46756,-17.05488l-2.57462,-18.75875c6.70531,1.99413 11.18537,5.04175 13.63369,9.25306zM40.3125,84.65625c0,-3.73831 2.20913,-6.94719 5.375,-8.46294v7.35569c0,3.45613 0.43,6.79937 1.16369,10.019c-3.77862,-1.22281 -6.53869,-4.73269 -6.53869,-8.91175zM47.86975,63.64269c-3.2465,-13.10156 -3.13094,-21.2205 0.15588,-26.87231c2.3865,-4.1065 6.78056,-7.07887 13.37569,-9.03269l-2.08819,18.8125c-2.81919,1.52113 -8.17269,5.79156 -11.44337,17.0925zM83.3125,147.8125h-29.5625v-8.0625h-5.375v8.0625h-16.0605c0.77669,-15.94494 8.38231,-31.94631 19.64025,-41.46006c6.69994,11.21494 18.15944,18.88506 31.35775,19.81494zM51.0625,83.549v-8.12969c2.42413,-21.48387 11.37081,-24.42669 11.40306,-24.44012l1.81137,-0.45419l2.64988,-23.84887c5.76469,-3.3755 12.32756,-5.17612 19.07319,-5.17612c6.50106,0 12.83281,1.67162 18.447,4.816l3.3755,24.15256l1.65281,0.49988c0.09137,0.02688 9.03806,2.97238 11.46219,24.45356v8.12969c0,20.61312 -15.6735,37.38581 -34.9375,37.38581c-19.264,0 -34.9375,-16.77269 -34.9375,-37.3885zM123.625,147.8125v-8.0625h-5.375v8.0625h-29.5625v-21.64513c13.19831,-0.92987 24.65781,-8.60269 31.35775,-19.81763c11.25794,9.51644 18.86356,25.51781 19.64025,41.46006h-16.0605z" fill="url(#color-5_58088_gr5)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Old Customers</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="new-customer-list">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="86" y1="18.8125" x2="86" y2="153.1875" gradientUnits="userSpaceOnUse" id="color-1_49500_gr1"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="67.1875" y1="17.06831" x2="67.1875" y2="154.87794" gradientUnits="userSpaceOnUse" id="color-2_49500_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="104.8125" y1="16.71087" x2="104.8125" y2="155.69225" gradientUnits="userSpaceOnUse" id="color-3_49500_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="85.99731" y1="16.39912" x2="85.99731" y2="155.19775" gradientUnits="userSpaceOnUse" id="color-4_49500_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="67.1875" y1="88.6875" x2="67.1875" y2="104.8125" gradientUnits="userSpaceOnUse" id="color-5_49500_gr5"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="104.8125" y1="88.6875" x2="104.8125" y2="104.8125" gradientUnits="userSpaceOnUse" id="color-6_49500_gr6"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="120.9375" x2="86" y2="131.6875" gradientUnits="userSpaceOnUse" id="color-7_49500_gr7"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M134.375,81.13563v-5.88563c0,-11.74438 -6.15437,-24.26813 -16.25937,-33.24437c0.1075,-0.56438 0.13437,-1.12875 0.13437,-1.69313c0,-7.4175 -6.02,-13.4375 -13.4375,-13.4375c-1.53187,0 -3.06375,0.26875 -4.48813,0.77937c-2.71437,-5.32125 -8.22375,-8.84187 -14.32437,-8.84187c-6.10063,0 -11.61,3.52063 -14.32437,8.84187c-1.42438,-0.51062 -2.95625,-0.77937 -4.48813,-0.77937c-7.4175,0 -13.4375,6.02 -13.4375,13.4375c0,0.645 0.05375,1.26313 0.16125,1.88125c-8.73437,7.47125 -15.13062,17.87188 -16.125,30.04625c-0.13437,1.02125 -0.16125,2.01563 -0.16125,3.01v5.88563c-9.83625,1.77375 -16.125,8.68063 -16.125,18.30187c0,10.4275 7.39063,17.68375 18.73187,18.67813c0.1075,0.34938 0.215,0.67188 0.34938,1.02125c7.2025,20.37125 25.45063,34.05062 45.41875,34.05062c18.97375,0 36.36188,-12.255 44.31687,-31.175c0.5375,-1.31688 1.04812,-2.63375 1.45125,-3.89688c11.34125,-0.99438 18.73188,-8.25062 18.73188,-18.67812c0,-9.62125 -6.28875,-16.52813 -16.125,-18.30187zM26.875,99.4375c0,-7.55188 5.0525,-11.395 10.75,-12.7925v5.21375c-3.14437,1.075 -5.375,4.05812 -5.375,7.57875c0,3.52063 2.23063,6.50375 5.375,7.57875c0,0 0.02687,0.02687 0.05375,0.02687c0.05375,0.02688 0.13437,0.05375 0.18812,0.05375c0.08062,0.86 0.18812,1.72 0.3225,2.58c0.13437,0.94062 0.3225,1.88125 0.51062,2.795c-6.1275,-1.15562 -11.825,-4.99875 -11.825,-13.03437zM59.47437,38.02813c0.9675,-3.3325 4.085,-5.77813 7.71313,-5.77813c0.88687,0 1.77375,0.13437 2.60688,0.45687h0.02688c0.645,0.215 1.23625,0.51063 1.80062,0.88688l3.09063,2.0425l0.99438,-3.57437c0.13437,-0.43 0.26875,-0.86 0.45687,-1.29c1.63937,-3.92375 5.50937,-6.58437 9.83625,-6.58437c4.24625,0 8.0625,2.58 9.75563,6.39625c0.215,0.48375 0.40312,0.9675 0.5375,1.47813l0.99437,3.57437l3.09062,-2.0425c0.67188,-0.45687 1.42438,-0.80625 2.20375,-1.02125c0.72562,-0.215 1.47812,-0.3225 2.23062,-0.3225c3.49375,0 6.47687,2.2575 7.57875,5.375c0.3225,0.83313 0.48375,1.74688 0.48375,2.6875c0,1.34375 -0.34938,2.60688 -0.91375,3.73562c-1.37062,2.55313 -4.05812,4.32688 -7.14875,4.32688c-3.1175,0 -5.99312,-1.85438 -7.31,-4.70312l-1.53187,-3.35937l-2.71437,2.49938c-4.03125,3.70875 -10.48125,3.70875 -14.5125,0l-2.71438,-2.49938l-1.53187,3.35938c-1.31687,2.84875 -4.1925,4.70313 -7.31,4.70313c-3.09063,0 -5.805,-1.77375 -7.14875,-4.35375c-0.59125,-1.10187 -0.91375,-2.39187 -0.91375,-3.70875c0,-0.77937 0.1075,-1.55875 0.34937,-2.28437zM129,102.125c0,0.69875 -0.02687,1.3975 -0.05375,2.0425v0.13437c-0.05375,0.94063 -0.13438,1.935 -0.26875,2.95625c-0.05375,0.80625 -0.18812,1.58563 -0.34938,2.41875c-0.29563,1.80063 -0.67187,3.52063 -1.15562,5.13312c-0.45688,1.66625 -1.075,3.38625 -1.80063,5.07937c-7.01437,16.71625 -22.81687,27.92313 -39.37187,27.92313c-17.71062,0 -33.91625,-12.22813 -40.36625,-30.44937c-1.45125,-4.16562 -2.31125,-8.43875 -2.55312,-12.71188c0,-0.1075 -0.02688,-0.24188 0,-0.34938c-0.05375,-0.72562 -0.08063,-1.45125 -0.08063,-2.17687v-26.875c0,-0.77938 0.02688,-1.55875 0.13437,-2.4725c0.69875,-8.76125 5.40188,-18.03312 12.73875,-25.20875c2.39188,3.70875 6.5575,6.18125 11.31438,6.18125c4.11187,0 7.955,-1.90813 10.45437,-5.0525c5.02563,3.09062 11.69063,3.09062 16.71625,0c2.49938,3.14437 6.3425,5.0525 10.45437,5.0525c4.73,0 8.86875,-2.44562 11.2875,-6.1275c8.00875,7.82063 12.9,18.11375 12.9,27.6275v26.875zM134.32125,104.40938c0,-0.02687 0,-0.02687 0,-0.05375c0.02688,-0.7525 0.05375,-1.505 0.05375,-2.23062v2.6875h-0.08062c0.02687,-0.13437 0.02687,-0.26875 0.02687,-0.40313zM133.27313,112.47188c0.13437,-0.61812 0.24187,-1.23625 0.34937,-1.88125c0.05375,-0.29563 0.1075,-0.61812 0.16125,-0.91375c0.1075,-0.645 0.18812,-1.23625 0.24187,-1.8275c0.02688,-0.24188 0.05375,-0.51062 0.08063,-0.7525c0.08062,0 0.13437,-0.02687 0.215,-0.05375c0.02688,0 0.05375,-0.02687 0.05375,-0.02687c3.14438,-1.075 5.375,-4.05813 5.375,-7.57875c0,-3.52063 -2.23062,-6.50375 -5.375,-7.57875v-5.21375c5.6975,1.3975 10.75,5.24063 10.75,12.7925c0,8.03563 -5.72438,11.87875 -11.85188,13.03438z" fill="url(#color-1_49500_gr1)"></path><path d="M73.34994,86.11019c-5.99044,-5.98775 -11.69331,-0.63156 -12.32487,0l-3.80013,-3.80013c3.44538,-3.44537 12.05075,-7.87706 19.92513,0z" fill="url(#color-2_49500_gr2)"></path><path d="M110.97494,86.11019c-5.99044,-5.98775 -11.69331,-0.63156 -12.32487,0l-3.80013,-3.80013c3.44806,-3.44537 12.05075,-7.87706 19.92513,0z" fill="url(#color-3_49500_gr3)"></path><path d="M86,142.4375c-8.58387,0 -15.53912,-3.97481 -19.57844,-11.18806c-2.56925,-4.58487 -2.53969,-10.45169 0.06719,-14.94787c2.23331,-3.8485 5.934,-6.07644 10.15069,-6.11138c0.61006,0.00269 1.10187,0.03225 1.63938,0.11288c5.12237,0.77669 10.31462,0.77669 15.43162,0c0.54287,-0.08062 1.04006,-0.12631 1.63938,-0.11288c4.22206,0.03763 7.92275,2.26288 10.15606,6.11138c2.60956,4.49619 2.63644,10.36569 0.06719,14.94787c-4.03394,7.21325 -10.98919,11.18806 -19.57306,11.18806zM76.72006,115.5625c-0.01344,0 -0.02688,0 -0.03762,0c-3.10406,0.02687 -4.80525,2.16344 -5.54431,3.43462c-1.67431,2.88638 -1.68506,6.665 -0.02956,9.62394c2.15806,3.85119 6.49031,8.44144 14.89144,8.44144c8.40113,0 12.73337,-4.59025 14.89144,-8.44144v0c1.6555,-2.95894 1.64475,-6.73756 -0.02956,-9.62394c-0.73906,-1.27119 -2.44025,-3.41044 -5.54969,-3.43462c-0.22306,-0.01881 -0.52944,0.01344 -0.7955,0.05375c-5.64912,0.85731 -11.37888,0.85731 -17.03875,0c-0.24725,-0.03763 -0.49987,-0.05375 -0.75787,-0.05375z" fill="url(#color-4_49500_gr4)"></path><path d="M67.1875,88.6875c-4.4528,0 -8.0625,3.6097 -8.0625,8.0625c0,4.4528 3.6097,8.0625 8.0625,8.0625c4.4528,0 8.0625,-3.6097 8.0625,-8.0625c0,-4.4528 -3.6097,-8.0625 -8.0625,-8.0625z" fill="url(#color-5_49500_gr5)"></path><path d="M104.8125,88.6875c-4.4528,0 -8.0625,3.6097 -8.0625,8.0625c0,4.4528 3.6097,8.0625 8.0625,8.0625c4.4528,0 8.0625,-3.6097 8.0625,-8.0625c0,-4.4528 -3.6097,-8.0625 -8.0625,-8.0625z" fill="url(#color-6_49500_gr6)"></path><path d="M86,120.9375c-2.96853,0 -5.375,2.40647 -5.375,5.375c0,2.96853 2.40647,5.375 5.375,5.375c2.96853,0 5.375,-2.40647 5.375,-5.375c0,-2.96853 -2.40647,-5.375 -5.375,-5.375z" fill="url(#color-7_49500_gr7)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">New Customers</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin">
|
|
<div class="col-12 col-md bg-white padding-25">
|
|
<div class="row tabsContainer tabContent m-l-0 m-r-0" tab-name="customer-list">
|
|
<list-component key="2" section="customerListSection" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
<div class="row tabsContainer tabContent m-l-0 m-r-0 hide" tab-name="old-customer-list">
|
|
<list-component key="2" section="oldCustomerListSection" :endpoint="route('api.company.list')" :options="{'with_total_payments': true, 'business_type': 2, with_bookings:true, segments_in: [5], order_by:{ column:'total_payments', DESC:true}}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
<div class="row tabsContainer tabContent m-l-0 m-r-0 hide" tab-name="new-customer-list">
|
|
<list-component key="2" section="newCustomerListSection" :endpoint="route('api.company.list')" :options="{'with_total_payments': true, 'business_type': 2, with_bookings:true, does_not_have_segments: [5], order_by:{ column:'total_payments', DESC:true}}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="row tabsContainer">
|
|
<div class="col">
|
|
<div class="row m-l-0 m-r-0 d-flex">
|
|
<div class="col">
|
|
<div class="row justify-content-end">
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col b-r b-white">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="customer-leads">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="104.8125" y1="95.74219" x2="104.8125" y2="114.9175" gradientUnits="userSpaceOnUse" id="color-1_TUOBhQt-Vj1j_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="67.1875" y1="95.74219" x2="67.1875" y2="114.9175" gradientUnits="userSpaceOnUse" id="color-2_TUOBhQt-Vj1j_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="125.40413" x2="86" y2="133.41288" gradientUnits="userSpaceOnUse" id="color-3_TUOBhQt-Vj1j_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="10.234" x2="86" y2="158.13788" gradientUnits="userSpaceOnUse" id="color-4_TUOBhQt-Vj1j_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><circle cx="39" cy="39" transform="scale(2.6875,2.6875)" r="3" fill="url(#color-1_TUOBhQt-Vj1j_gr1)"></circle><circle cx="25" cy="39" transform="scale(2.6875,2.6875)" r="3" fill="url(#color-2_TUOBhQt-Vj1j_gr2)"></circle><rect x="28" y="47" transform="scale(2.6875,2.6875)" width="8" height="3" fill="url(#color-3_TUOBhQt-Vj1j_gr3)"></rect><path d="M142.4375,80.11975v-7.55725c0,-31.11856 -25.31625,-56.4375 -56.4375,-56.4375c-31.12125,0 -56.4375,25.31894 -56.4375,56.4375v7.55725c-4.81062,2.79231 -8.0625,7.98994 -8.0625,13.94275c0,8.89294 7.23206,16.125 16.125,16.125h0.13706c1.40556,25.42106 22.47019,45.6875 48.23794,45.6875c25.76775,0 46.83238,-20.26644 48.23794,-45.6875h0.13706c8.89294,0 16.125,-7.23206 16.125,-16.125c0,-5.95281 -3.25188,-11.15044 -8.0625,-13.94275zM34.9375,77.9375v-5.375h16.125c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-5.375h-5.375v5.375c0,4.44512 -3.61738,8.0625 -8.0625,8.0625h-15.83744c2.69556,-25.63875 24.43475,-45.6875 50.77494,-45.6875c26.34019,0 48.07938,20.04875 50.77494,45.6875h-42.71244c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-5.375h-5.375v5.375c0,7.40944 6.02806,13.4375 13.4375,13.4375h43v5.375h-46.91837c-8.213,0 -14.89413,-6.68113 -14.89413,-14.89413v-9.29337h-5.375v8.94937c0,8.40113 -6.837,15.23813 -15.23813,15.23813zM26.875,94.0625c0,-5.92863 4.82138,-10.75 10.75,-10.75v8.0625h-2.6875c-1.4835,0 -2.6875,1.20131 -2.6875,2.6875c0,1.48619 1.204,2.6875 2.6875,2.6875h2.6875v8.0625c-5.92862,0 -10.75,-4.82137 -10.75,-10.75zM86,150.5c-23.70912,0 -43,-19.29087 -43,-43v-24.1875h11.63687c7.61906,0 14.28675,-4.15488 17.85575,-10.31731c3.48031,6.15438 10.08888,10.31731 17.6515,10.31731h38.85587v24.1875c0,23.70913 -19.29087,43 -43,43zM134.375,104.8125v-8.0625h2.6875c1.4835,0 2.6875,-1.20131 2.6875,-2.6875c0,-1.48619 -1.204,-2.6875 -2.6875,-2.6875h-2.6875v-8.0625c5.92863,0 10.75,4.82137 10.75,10.75c0,5.92863 -4.82137,10.75 -10.75,10.75z" fill="url(#color-4_TUOBhQt-Vj1j_gr4)"></path></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Leads</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row fs-12 text-center">
|
|
<div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="inactive-customer-list">
|
|
<div class="row justify-content-center m-b-5">
|
|
<div class="col-auto">
|
|
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
|
width="35" height="35"
|
|
viewBox="0 0 172 172"
|
|
style=" fill:#000000;"><defs><linearGradient x1="102.125" y1="69.359" x2="102.125" y2="96.61294" gradientUnits="userSpaceOnUse" id="color-1_9__1GgT5ZSuW_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="69.359" x2="86" y2="96.61294" gradientUnits="userSpaceOnUse" id="color-2_9__1GgT5ZSuW_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="69.875" y1="69.359" x2="69.875" y2="96.61294" gradientUnits="userSpaceOnUse" id="color-3_9__1GgT5ZSuW_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="15.61169" x2="86" y2="159.04625" gradientUnits="userSpaceOnUse" id="color-4_9__1GgT5ZSuW_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="104.8125" y1="15.61169" x2="104.8125" y2="159.04625" gradientUnits="userSpaceOnUse" id="color-5_9__1GgT5ZSuW_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M98.09375,96.75h-2.6875c-0.74175,0 -1.34375,-0.602 -1.34375,-1.34375v-20.15625c0,-2.96969 2.40531,-5.375 5.375,-5.375h5.375c2.96969,0 5.375,2.40531 5.375,5.375v8.0625c0,2.96969 -2.40531,5.375 -5.375,5.375h-5.375v6.71875c0,0.74175 -0.602,1.34375 -1.34375,1.34375zM100.78125,83.3125h2.6875c0.74175,0 1.34375,-0.602 1.34375,-1.34375v-5.375c0,-0.74175 -0.602,-1.34375 -1.34375,-1.34375h-2.6875c-0.74175,0 -1.34375,0.602 -1.34375,1.34375v5.375c0,0.74175 0.602,1.34375 1.34375,1.34375z" fill="url(#color-1_9__1GgT5ZSuW_gr1)"></path><path d="M83.3125,71.21875v24.1875c0,0.74175 0.602,1.34375 1.34375,1.34375h2.6875c0.74175,0 1.34375,-0.602 1.34375,-1.34375v-24.1875c0,-0.74175 -0.602,-1.34375 -1.34375,-1.34375h-2.6875c-0.74175,0 -1.34375,0.602 -1.34375,1.34375z" fill="url(#color-2_9__1GgT5ZSuW_gr2)"></path><g fill="url(#color-3_9__1GgT5ZSuW_gr3)"><path d="M77.9375,83.3125v-8.0625c0,-2.96969 -2.40531,-5.375 -5.375,-5.375h-5.375c-2.96969,0 -5.375,2.40531 -5.375,5.375v20.15625c0,0.74175 0.602,1.34375 1.34375,1.34375h2.6875c0.74175,0 1.34375,-0.602 1.34375,-1.34375v-6.71875h1.54531l3.67113,7.32075c0.22844,0.45419 0.69338,0.74175 1.20131,0.74175h2.9885c0.99975,0 1.65013,-1.0535 1.20131,-1.94575l-3.25725,-6.50106c1.98606,-0.78744 3.39969,-2.71975 3.39969,-4.99069zM67.1875,81.96875v-5.375c0,-0.74175 0.602,-1.34375 1.34375,-1.34375h2.6875c0.74175,0 1.34375,0.602 1.34375,1.34375v5.375c0,0.74175 -0.602,1.34375 -1.34375,1.34375h-2.6875c-0.74175,0 -1.34375,-0.602 -1.34375,-1.34375z"></path></g><g><path d="M145.125,150.5v-10.75c0,-4.44512 -3.61738,-8.0625 -8.0625,-8.0625h-2.6875v-67.1875c0,-26.67344 -21.70156,-48.375 -48.375,-48.375c-26.67344,0 -48.375,21.70156 -48.375,48.375v67.1875h-2.6875c-4.44513,0 -8.0625,3.61738 -8.0625,8.0625v10.75h-8.0625v5.375h134.375v-5.375zM43,69.875h5.375v-5.375h-5.375c0,-1.82481 0.1505,-3.60931 0.37356,-5.375h10.37644v-5.375h-9.33369c4.79181,-18.51419 21.59138,-32.25 41.58369,-32.25c23.70913,0 43,19.29088 43,43v40.3125h-16.125v5.375h16.125v5.375h-10.75v5.375h10.75v10.75h-86zM67.1875,150.5v-5.375h-5.375v5.375h-5.375v-5.375h-5.375v5.375h-5.375v-5.375h-5.375v5.375h-8.0625v-10.75c0,-1.48081 1.20669,-2.6875 2.6875,-2.6875h102.125c1.48081,0 2.6875,1.20669 2.6875,2.6875v10.75z" fill="url(#color-4_9__1GgT5ZSuW_gr4)"></path><path d="M123.625,64.5c0,-20.7475 -16.8775,-37.625 -37.625,-37.625v5.375c17.78319,0 32.25,14.46681 32.25,32.25z" fill="url(#color-5_9__1GgT5ZSuW_gr5)"></path></g></g></g></svg>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="fs-12 m-t-5 all-caps">Inactive Customers</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row no-margin">
|
|
<div class="col bg-white padding-25">
|
|
<div class="row tabsContainer tabContent hide m-l-0 m-r-0 hide" tab-name="customer-leads" v-if="$store.getters.isAdmin">
|
|
<!-- <a :href="route('leads.export')" class="m-b-15" target="_blank">
|
|
<button class="btn btn-success btn-xs">Export Leads Data</button>
|
|
</a> -->
|
|
<div class="m-b-20">
|
|
<open-link-in-new-tab-component custom-class="btn btn-primary btn-xs" :url="route('leads.export')">
|
|
Export Leads Data
|
|
</open-link-in-new-tab-component>
|
|
</div>
|
|
<list-component key="2" section="leadCustomerListSection" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true, without_confirmed_payments: true, does_not_have_segments: [5]}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
<div class="row tabsContainer tabContent m-l-0 m-r-0 hide" tab-name="inactive-customer-list">
|
|
<list-component key="2" section="inactiveCustomerListSection" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true, without_confirmed_payments: true, segments_in: [5]}">
|
|
<template slot="list" slot-scope="{data}">
|
|
<company-component :data="data"></company-component>
|
|
</template>
|
|
</list-component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|