diff --git a/app/Classes/General/Eloquent/Filters/DoesNotHaveSegments.php b/app/Classes/General/Eloquent/Filters/DoesNotHaveSegments.php
new file mode 100644
index 00000000..88a1ab3d
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/DoesNotHaveSegments.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use App\Models\Company;
+use Illuminate\Database\Eloquent\Builder;
+
+class DoesNotHaveSegments implements Filter
+{
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereDoesntHave('segments', function ($segment) use ($value) {
+            $segment->whereIn('id', $value);
+        });
+    }
+}
diff --git a/app/Classes/General/Eloquent/Filters/IssuerNot.php b/app/Classes/General/Eloquent/Filters/IssuerNot.php
new file mode 100644
index 00000000..77423b5d
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/IssuerNot.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use Illuminate\Database\Eloquent\Builder;
+
+class IssuerNot implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return Builder|mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->where('issuer', '!=', $value);
+    }
+
+}
\ No newline at end of file
diff --git a/app/Classes/General/Eloquent/Filters/SegmentsIn.php b/app/Classes/General/Eloquent/Filters/SegmentsIn.php
new file mode 100644
index 00000000..3f756810
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/SegmentsIn.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+use App\Models\Company;
+use Illuminate\Database\Eloquent\Builder;
+
+class SegmentsIn implements Filter
+{
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereHas('segments', function ($segment) use ($value) {
+            $segment->whereIn('id', $value);
+        });
+    }
+}
diff --git a/app/Classes/General/Eloquent/Filters/WithOutTransactions.php b/app/Classes/General/Eloquent/Filters/WithOutTransactions.php
new file mode 100644
index 00000000..3b551f65
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/WithOutTransactions.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+
+use Illuminate\Database\Eloquent\Builder;
+
+class WithOutTransactions implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereDoesntHave('transactions');
+    }
+}
\ No newline at end of file
diff --git a/app/Classes/General/Eloquent/Filters/WithTotalPayments.php b/app/Classes/General/Eloquent/Filters/WithTotalPayments.php
new file mode 100644
index 00000000..d93e55e2
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/WithTotalPayments.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Facades\DB;
+
+class WithTotalPayments implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->leftJoin('bookings', 'companies.id', '=', 'bookings.company_id')->rightJoin('transactions', function ($join) {
+            $join->on('bookings.id', '=', 'transactions.booking_id')->where('transactions.type', TransactionType::PAYMENT)->whereIn('transactions.status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED]);
+        })->addSelect(['companies.*', DB::raw('SUM(transactions.amount) as total_payments')])->groupBy(['companies.id']);
+    }
+}
\ No newline at end of file
diff --git a/app/Classes/General/Eloquent/Filters/WithoutConfirmedPayments.php b/app/Classes/General/Eloquent/Filters/WithoutConfirmedPayments.php
new file mode 100644
index 00000000..e17ed5da
--- /dev/null
+++ b/app/Classes/General/Eloquent/Filters/WithoutConfirmedPayments.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Classes\General\Eloquent\Filters;
+
+
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\TransactionType;
+use Illuminate\Database\Eloquent\Builder;
+
+class WithoutConfirmedPayments implements Filter
+{
+
+    /**
+     * @param Builder $builder
+     * @param $value
+     * @return mixed
+     */
+    public static function apply(Builder $builder, $value)
+    {
+        return $builder->whereDoesntHave('transactions', function($transaction){
+            return $transaction->where('transactions.type', TransactionType::PAYMENT)->whereIn('transactions.status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED]);
+        });
+    }
+}
\ No newline at end of file
diff --git a/app/Classes/Modules/Bookings/ControllersLogic/CreateBookingPaymentLogic.php b/app/Classes/Modules/Bookings/ControllersLogic/CreateBookingPaymentLogic.php
index 528eb618..940d6565 100644
--- a/app/Classes/Modules/Bookings/ControllersLogic/CreateBookingPaymentLogic.php
+++ b/app/Classes/Modules/Bookings/ControllersLogic/CreateBookingPaymentLogic.php
@@ -79,7 +79,7 @@ class CreateBookingPaymentLogic extends AbstractControllerLogic
 
         $outstanding = $this->calculatesBookingOutstanding->execute($booking);
 
-        if($conversionObject->getAmount() > $outstanding) throw new MalformedRequestException('Your payment must not be greater than '. $outstanding .'.');
+        if($conversionObject->getAmount() > round($outstanding, 2)) throw new MalformedRequestException('Your payment must not be greater than '. $outstanding .'.');
 
         $configurations = $this->fetchBookingQuotation->execute($booking->company, $conversionObject);
 
diff --git a/app/Classes/Modules/Bookings/ControllersLogic/FetchBookingPaymentQuotationLogic.php b/app/Classes/Modules/Bookings/ControllersLogic/FetchBookingPaymentQuotationLogic.php
index c20450d8..5885d560 100644
--- a/app/Classes/Modules/Bookings/ControllersLogic/FetchBookingPaymentQuotationLogic.php
+++ b/app/Classes/Modules/Bookings/ControllersLogic/FetchBookingPaymentQuotationLogic.php
@@ -68,7 +68,7 @@ class FetchBookingPaymentQuotationLogic extends AbstractControllerLogic
         $conversionObject = new CurrencyConversionObject(floatval(str_replace(',', '', $request->input('amount'))), $booking->convertible_currency_id, $booking->service_id,  $booking->fix_currency_id === 1 ? 0:1, PaymentMethodType::PAYMENT_METHODS[$request->input('payment_method')]);
 
         $outstanding = $this->calculatesBookingOutstanding->execute($booking);
-        if($conversionObject->getAmount() > $outstanding) throw new MalformedRequestException('Your payment must not be greater than '.$booking->fixedCurrency->short_code.' '. number_format((float)$outstanding, 2, '.', ','));
+        if($conversionObject->getAmount() > round($outstanding, 2)) throw new MalformedRequestException('Your payment must not be greater than '.$booking->fixedCurrency->short_code.' '. number_format((float)$outstanding, 2, '.', ','));
 
         return $this->response(['data' => $this->generatesBookingQuotation->execute(
             $this->fetchBookingQuotation->execute($booking->company, $conversionObject),
diff --git a/app/Classes/Modules/Transactions/Services/CreatesWalletTransaction.php b/app/Classes/Modules/Transactions/Services/CreatesWalletTransaction.php
index 7c3eacd6..6c5003c8 100644
--- a/app/Classes/Modules/Transactions/Services/CreatesWalletTransaction.php
+++ b/app/Classes/Modules/Transactions/Services/CreatesWalletTransaction.php
@@ -32,7 +32,6 @@ class CreatesWalletTransaction extends AbstractUpdateRelationshipRecord
         $model->service_charge = $object->getServiceCharge();
         $model->expires_on = $object->getExpiresOn();
         $model->status = $object->getStatus();
-        $model->booking_id = 0;
 
         return $this->handler($wallet->transactions(), $model);
 
diff --git a/app/Classes/ValueObjects/Constants/RoleTypes.php b/app/Classes/ValueObjects/Constants/RoleTypes.php
index 3027bcb1..ec5fe961 100644
--- a/app/Classes/ValueObjects/Constants/RoleTypes.php
+++ b/app/Classes/ValueObjects/Constants/RoleTypes.php
@@ -16,4 +16,12 @@ final class RoleTypes
 
     public const USER = 3;
 
+    public const CURRENCY_SUPPLIER = 4;
+
+    public const MONEY_MULE = 5;
+
+    public const ORIGIN_ACCOUNT_ADMIN = 6;
+
+    public const DESTINATION_ACCOUNT_ADMIN = 7;
+
 }
\ No newline at end of file
diff --git a/app/Http/Controllers/Wallets/WithdrawWalletController.php b/app/Http/Controllers/Wallets/WithdrawWalletController.php
index 0d125aa7..7c7b944a 100644
--- a/app/Http/Controllers/Wallets/WithdrawWalletController.php
+++ b/app/Http/Controllers/Wallets/WithdrawWalletController.php
@@ -2,14 +2,14 @@
 
 namespace App\Http\Controllers\Wallets;
 
-use App\Classes\Modules\Wallets\ControllersLogic\CreateWalletLogic;
+use App\Classes\Modules\Wallets\ControllersLogic\WithdrawWalletLogic;
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 
 class WithdrawWalletController
 {
 
-    public function withdraw(Request $request, CreateWalletLogic $logic): JsonResponse {
+    public function withdraw(Request $request, WithdrawWalletLogic $logic): JsonResponse {
         return $logic->execute($request);
     }
 }
diff --git a/app/Http/Resources/CompanyResource.php b/app/Http/Resources/CompanyResource.php
index 655cfc98..a35c7082 100644
--- a/app/Http/Resources/CompanyResource.php
+++ b/app/Http/Resources/CompanyResource.php
@@ -9,6 +9,7 @@ use App\Classes\ValueObjects\Constants\BusinessType;
 use App\Classes\ValueObjects\Constants\DocumentType;
 use App\Classes\ValueObjects\Constants\RoleTypes;
 use App\Classes\ValueObjects\Constants\SegmentConstants;
+use App\Classes\ValueObjects\Constants\TransactionType;
 use App\Models\Currency;
 use App\Models\SegmentConstant;
 use Illuminate\Http\Resources\Json\JsonResource;
@@ -24,6 +25,7 @@ class CompanyResource extends JsonResource
      */
     public function toArray($request)
     {
+        $lastPayment = $this->transactions()->where('transactions.type', TransactionType::PAYMENT)->whereIn('transactions.status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])->orderBy('id', 'DESC')->first();
         return [
             'id' => $this->id,
             'name' => $this->name,
@@ -33,9 +35,11 @@ class CompanyResource extends JsonResource
             'status' => (int) $this->status,
             'contact' => new ContactResource ($this->when($this->has('contacts'), $this->contacts->first())),
             'address' => new AddressResource($this->when($this->has('addresses'), $this->addresses->where('billing', true)->first())),
-            'employee' => new UserResource(Auth::user()->type === RoleTypes::USER ? $this->employees()->where('email', '=', Auth::user()->email)->first() : $this->employees()->where('users.status', '=', ApprovalStatus::APPROVED)->orderBy('id', 'DESC')->first()),
+            'employee' => new UserResource(Auth::user()->type === RoleTypes::USER ? $this->employees()->where('email', '=', Auth::user()->email)->first() : $this->employees()->orderBy('id', 'DESC')->first()),
             'identification' => new DocumentResource($this->documents->whereIn('document_type', DocumentType::IDENTIFICATION_DOCUMENTS)->first()),
             'bookings' => $this->whenLoaded('bookings', $this->bookings()->orderBy('id', 'DESC')->get(), []),
+            'total_payments' => (float) $this->transactions()->where('transactions.type', TransactionType::PAYMENT)->whereIn('transactions.status', [ApprovalStatus::APPROVED, ApprovalStatus::COMPLETED])->sum('amount'),
+            'last_payment' => $lastPayment ? $lastPayment->created_at->diffForHumans() : 'No Payments',
             'personal_banks' => BankResource::collection($this->banks->where('type', BankAccountType::PERSONAL)),
             'recipient_banks' => [
                 'accounts' => BankResource::collection($this->banks->where('type', BankAccountType::EXTERNAL)),
@@ -46,7 +50,8 @@ class CompanyResource extends JsonResource
             'currencies' => $this->when($this->business_type === BusinessType::CURRENCY_VENDOR, function(){
                 $segment = SegmentConstant::where('reference', SegmentConstants::SUPPLIER_CURRENCIES)->where('detail->id', $this->id)->first();
                 return $segment ? CurrencyResource::collection(Currency::whereIn('id', $segment->detail->currencies)->get()) : [];
-            })
+            }),
+            'created_at' => $this->created_at->format('d-m-Y')
 
 
         ];
diff --git a/app/Http/Resources/TransactionResource.php b/app/Http/Resources/TransactionResource.php
index fc0dff73..1793d191 100644
--- a/app/Http/Resources/TransactionResource.php
+++ b/app/Http/Resources/TransactionResource.php
@@ -21,6 +21,7 @@ class TransactionResource extends JsonResource
             'booking' => new BookingResource($this->booking),
             'type' => (int) $this->type,
             'bill_no' => $this->bill_no,
+            'recipient_bank_account' => new BankResource($this->when((int) $this->type === TransactionType::BILL,$this->booking->bank)),
             'amount' => (double) $this->amount,
             'original_amount' => (double) $this->original_amount,
             'currency' => new CurrencyResource($this->currency),
diff --git a/app/Models/Company.php b/app/Models/Company.php
index eba6677f..ab94c46e 100644
--- a/app/Models/Company.php
+++ b/app/Models/Company.php
@@ -12,6 +12,9 @@ use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Relations\MorphMany;
 use Illuminate\Database\Eloquent\SoftDeletes;
 use Illuminate\Support\Collection;
+use Staudenmeir\EloquentHasManyDeep\HasManyDeep;
+use Staudenmeir\EloquentHasManyDeep\HasRelationships;
+
 
 /**
  * Class Company
@@ -27,11 +30,12 @@ use Illuminate\Support\Collection;
  */
 class Company extends AbstractModel implements Documentable
 {
+    use HasRelationships;
     use SoftDeletes;
 
     protected $table = 'companies';
 
-    protected $dates = ['deleted_at'];
+    protected $dates = ['deleted_at', 'created_at'];
 
 
     /**
@@ -90,6 +94,14 @@ class Company extends AbstractModel implements Documentable
         return $this->HasMany(Booking::class, 'company_id');
     }
 
+    /**
+     * @return hasManyDeep
+     */
+    public function transactions(): hasManyDeep
+    {
+        return $this->hasManyDeep(Transaction::class, [Booking::class], ['company_id',  'booking_id'], ['id', 'id']);
+    }
+
     /**
      * @return MorphMany
      */
diff --git a/app/Models/Transaction.php b/app/Models/Transaction.php
index cad64361..e10e1781 100644
--- a/app/Models/Transaction.php
+++ b/app/Models/Transaction.php
@@ -9,6 +9,8 @@ use Carbon\Carbon;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\Relations\HasOne;
+use Illuminate\Database\Eloquent\Relations\HasOneThrough;
 use Illuminate\Database\Eloquent\Relations\MorphMany;
 use Illuminate\Database\Eloquent\Relations\MorphTo;
 
@@ -46,6 +48,14 @@ class Transaction extends AbstractModel implements Documentable
         return $this->BelongsTo(Wallet::class, 'owner_id', 'id');
     }
 
+    /**
+     * @return BelongsTo
+     */
+    public function recipientBankAccount(): BelongsTo
+    {
+        return $this->BelongsTo(Bank::class);
+    }
+
     /**
      * @return MorphMany
      */
diff --git a/composer.json b/composer.json
index 7715f0ca..3323db18 100644
--- a/composer.json
+++ b/composer.json
@@ -11,6 +11,7 @@
         "php": "^7.2.5",
         "ext-fileinfo": "*",
         "ext-json": "^1.6",
+        "ext-zip": "*",
         "barryvdh/laravel-dompdf": "^0.9.0",
         "carlos-meneses/laravel-mpdf": "^2.1",
         "doctrine/dbal": "2.*",
@@ -24,6 +25,7 @@
         "rinvex/countries": "^6.1",
         "spatie/laravel-activitylog": "^3.14",
         "spatie/laravel-permission": "^3.17",
+        "staudenmeir/eloquent-has-many-deep": "^1.7",
         "tymon/jwt-auth": "^1.0"
     },
     "require-dev": {
diff --git a/config/database.php b/config/database.php
index b42d9b30..aeabec6f 100644
--- a/config/database.php
+++ b/config/database.php
@@ -56,7 +56,7 @@ return [
             'collation' => 'utf8mb4_unicode_ci',
             'prefix' => '',
             'prefix_indexes' => true,
-            'strict' => true,
+            'strict' => false,
             'engine' => null,
             'options' => extension_loaded('pdo_mysql') ? array_filter([
                 PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
diff --git a/resources/assets/vue/components/banks/elements/BankInComponent.vue b/resources/assets/vue/components/banks/elements/BankInComponent.vue
new file mode 100644
index 00000000..ff42850a
--- /dev/null
+++ b/resources/assets/vue/components/banks/elements/BankInComponent.vue
@@ -0,0 +1,36 @@
+<template>
+    <div class="row align-items-center">
+        <div class="col">
+            <div class="row m-b-5">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Bank In Amount</div>
+                    <div class="font-heading fs-14">
+                        <span class="text-success bold">{{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}} {{item.original_currency.short_code}}</span>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-10 bold">{{item.recipient_bank_account.holder_name}}</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-10 bold">{{item.recipient_bank_account.bank_name}}<span class="m-l-5">({{item.recipient_bank_account.bank_branch}})</span>: <span class="text-primary">{{item.recipient_bank_account.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</span></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    export default {
+        props: {
+            section: {
+                default: 'banksSection'
+            }
+        },
+        mixins: [componentHandler]
+    }
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/bookings/elements/BookingComponent.vue b/resources/assets/vue/components/bookings/elements/BookingComponent.vue
index 509e9840..99c3228c 100644
--- a/resources/assets/vue/components/bookings/elements/BookingComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/BookingComponent.vue
@@ -40,13 +40,13 @@
             <div class="font-heading fs-10 muted all-caps">Payable Amount</div>
             <div class="font-heading fs-11 text-success bold">{{this.item.amount}} {{this.item.fixed_currency.short_code}}</div>
         </div>
-        <div class="col-auto" v-if="!$store.getters.isAdmin">
+        <div class="col-auto" v-if="$store.getters.isCustomer">
             <div class="font-heading fs-10 muted all-caps">status</div>
             <div class="font-heading fs-8 all-caps text-master btn-rounded p-l-10 p-r-10 lh-15 mt-1" :class="[{'bg-warning': item.status !== 3}, {'bg-success': item.status === 3} ]">
                 {{item.status === 3 ? 'Complete' : 'In Progress'}}
             </div>
         </div>
-        <div class="col-auto hide" :class="[{'invisible': !item.service.configurations.billable}]" v-if="!$store.getters.isAdmin">
+        <div class="col-auto hide" :class="[{'invisible': !item.service.configurations.billable}]" v-if="$store.getters.isCustomer">
             <div class="font-heading fs-10 muted all-caps">Billing</div>
             <div class="font-heading fs-8 all-caps text-danger btn-rounded bg-master-lightest p-l-10 p-r-10 lh-15 mt-1">
                 Pending...
diff --git a/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
index 5356070b..c403af9d 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentProofComponent.vue
@@ -3,48 +3,45 @@
         <div class="col">
             <div class="row">
                 <div class="col">
-                    <div class="row align-items-center pointer parentContainer" >
-                        <div class="col p-t-5 p-b-5">
-                            <div class="row">
+                    <div class="row parentContainer m-b-10">
+                        <div class="col">
+                            <div class="row align-items-center">
                                 <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Reference</div>
-                                    <a :href="route('booking.details', item.booking.marking)">
-                                        <div class="font-heading fs-10">
-                                            {{item.booking.marking}}
+                                    <div class="row m-b-10">
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Date</div>
+                                            <div class="font-heading fs-10">
+                                                {{item.updated_at}}
+                                            </div>
+                                        </div>
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Reference</div>
+                                            <a :href="$store.getters.isAdmin ? route('booking.details', item.booking.marking): '#'">
+                                                <div class="font-heading fs-10">
+                                                    {{item.booking.marking}}
+                                                </div>
+                                            </a>
+                                        </div>
+                                        <div class="col-auto">
+                                            <div class="font-heading fs-10 muted all-caps">Marking</div>
+                                            <div class="font-heading fs-10">
+                                                {{item.booking.company.reference}}
+                                            </div>
                                         </div>
-                                    </a>
-                                </div>
-                                <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Date</div>
-                                    <div class="font-heading fs-10">
-                                        {{item.updated_at}}
                                     </div>
+                                    <bank-in-component :data="item"></bank-in-component>
                                 </div>
-                                <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Marking</div>
-                                    <div class="font-heading fs-10">
-                                        {{item.booking.company.reference}}
-                                    </div>
-                                </div>
-                                <div class="col-auto">
-                                    <div class="font-heading fs-10 muted all-caps">Currency</div>
-                                    <div class="font-heading fs-10">
-                                        <span class="flag-icon" :class="'flag-icon-'+item.original_currency.country.short_code.toLowerCase()"></span> {{item.original_currency.short_code}}
-                                    </div>
-                                </div>
-                                <div class="col">
-                                    <div class="font-heading fs-10 muted all-caps">Amount</div>
-                                    <div class="font-heading fs-12 text-success bold">
-                                        {{(Math.round((item.original_amount + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}
-                                    </div>
-                                </div>
-                                <div class="col-auto p-l-5 p-r-5 bg-success requestModal pointer" data-type="paymentProofModal">
-                                    <div @click="selectedID(item.id)" class="row align-items-center h-100">
+                            </div>
+                        </div>
+                        <div class="col-2 b-a b-dashed b-success requestModal pointer" @click="selectedID(item.id)"  data-type="paymentProofModal">
+                            <div class="row align-item-center justify-content-center h-100">
+                                <div class="col-auto" >
+                                    <div class="row align-items-center h-100">
                                         <div class="col">
                                             <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
-                                                 width="30" height="30"
+                                                 width="40" height="40"
                                                  viewBox="0 0 172 172"
-                                                 style=" fill:#000000;"><defs><linearGradient x1="86" y1="70.76994" x2="86" y2="116.46013" gradientUnits="userSpaceOnUse" id="color-1_52139_gr1"><stop offset="0" stop-color="#ffffff"></stop><stop offset="1" stop-color="#ffffff"></stop></linearGradient><linearGradient x1="61.8125" y1="34.48869" x2="61.8125" y2="144.97181" gradientUnits="userSpaceOnUse" id="color-2_52139_gr2"><stop offset="0" stop-color="#ffffff"></stop><stop offset="1" stop-color="#ffffff"></stop></linearGradient><linearGradient x1="130.34375" y1="34.48869" x2="130.34375" y2="144.97181" gradientUnits="userSpaceOnUse" id="color-3_52139_gr3"><stop offset="0" stop-color="#ffffff"></stop><stop offset="1" stop-color="#ffffff"></stop></linearGradient><linearGradient x1="86" y1="32.25" x2="86" y2="148.71013" gradientUnits="userSpaceOnUse" id="color-4_52139_gr4"><stop offset="0" stop-color="#ffffff"></stop><stop offset="1" stop-color="#ffffff"></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="M102.45825,99.43213h-5.70825c-1.4835,0 -2.6875,1.16637 -2.6875,2.65256v8.10013c0,1.48081 -1.19862,2.68481 -2.67944,2.68481h-10.76612c-1.48081,0 -2.67944,-1.204 -2.67944,-2.68481v-8.10013c0,-1.48619 -1.204,-2.65256 -2.6875,-2.65256h-5.70825c-1.93769,0 -3.04225,-2.39188 -1.88125,-4.05275l14.577,-20.855c1.8275,-2.61494 5.69481,-2.61763 7.52231,-0.00538l14.577,20.86306c1.16369,1.66088 0.05644,4.05006 -1.87856,4.05006z" fill="url(#color-1_52139_gr1)"></path><path d="M51.0625,67.1875h5.375c0,-8.0625 7.23206,-16.12231 16.125,-16.12231v-5.375c-11.85456,0 -21.5,10.74731 -21.5,21.49731z" fill="url(#color-2_52139_gr2)"></path><path d="M139.75,80.625c0,-10.75 -8.44144,-18.80981 -18.8125,-18.80981v5.375c7.40944,0 13.4375,5.37231 13.4375,13.43481z" fill="url(#color-3_52139_gr3)"></path><path d="M148.09738,92.27263c1.59369,-3.68188 2.40263,-7.59219 2.40263,-11.64494c0,-16.29969 -13.26281,-29.5625 -29.5625,-29.5625c-6.5145,0 -12.68769,2.08819 -17.78588,5.96088c-4.30269,-13.03438 -16.52006,-22.08587 -30.58912,-22.08587c-17.78319,0 -32.25,14.46681 -32.25,32.25c0,4.14681 0.16662,8.05981 1.42437,10.74731h-1.42437c-13.33806,0 -24.1875,10.84944 -24.1875,24.1875c0,11.56431 8.16194,21.24737 19.0275,23.62044c1.02394,6.39894 6.53869,11.31706 13.2225,11.31706h56.4375h16.125h5.375c6.54944,0 12.00238,-4.71388 13.18488,-10.92469c9.2235,-1.20131 16.37762,-9.08913 16.37762,-18.63513c0,-6.09256 -2.924,-11.72019 -7.77762,-15.23006zM126.3125,131.6875h-5.375h-16.125h-56.4375c-3.49912,0 -6.45538,-2.6875 -7.568,-5.375h93.0735c-1.11263,2.6875 -4.06888,5.375 -7.568,5.375zM137.0625,120.9375h-96.75c-10.37106,0 -18.8125,-8.44144 -18.8125,-18.8125c0,-10.37106 8.44144,-18.8125 18.8125,-18.8125h9.51375l-1.68506,-3.78131c-2.23063,-5.01488 -2.45369,-7.48737 -2.45369,-12.341c0,-14.81888 12.05613,-26.875 26.875,-26.875c13.01825,0 24.13106,9.29875 26.42619,22.11275l0.92719,5.17075l3.64962,-3.77325c4.60638,-4.76225 10.77687,-7.38525 17.372,-7.38525c13.33806,0 24.1875,10.84944 24.1875,24.1875c0,3.6765 -0.81431,7.21056 -2.37575,10.41944l-1.763,3.32713l2.37037,1.26044c4.40481,2.34081 7.14338,6.88806 7.14338,11.868c0,7.40944 -6.02806,13.43481 -13.4375,13.43481z" fill="url(#color-4_52139_gr4)"></path></g></g></svg>
+                                                 style=" fill:#000000;"><defs><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-1_48314_gr1"><stop offset="0" stop-color="#1ac86f"></stop><stop offset="1" stop-color="#1ac86f"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-2_48314_gr2"><stop offset="0" stop-color="#1ac86f"></stop><stop offset="1" stop-color="#1ac86f"></stop></linearGradient><linearGradient x1="86" y1="16.79688" x2="86" y2="92.05225" gradientUnits="userSpaceOnUse" id="color-3_48314_gr3"><stop offset="0" stop-color="#67eba8"></stop><stop offset="1" stop-color="#67eba8"></stop></linearGradient><linearGradient x1="86" y1="45.01563" x2="86" y2="152.92681" gradientUnits="userSpaceOnUse" id="color-4_48314_gr4"><stop offset="0" stop-color="#1ac86f"></stop><stop offset="1" stop-color="#1ac86f"></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="M147.8125,48.375h-32.25v5.375h32.25c1.50769,0 2.6875,1.12875 2.6875,2.56925v75.25c0,1.51844 -1.23087,2.80575 -2.6875,2.80575h-123.625c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-75.25c0,-1.4405 1.17981,-2.56925 2.6875,-2.56925h32.25v-5.375h-32.25c-4.52038,0 -8.0625,3.49106 -8.0625,7.94425v75.25c0,3.55019 2.25481,6.54944 5.375,7.67819v3.07181c0,4.51231 3.61737,8.18075 8.0625,8.18075h112.875c4.44512,0 8.0625,-3.66844 8.0625,-8.18075v-3.07181c3.12019,-1.12875 5.375,-4.128 5.375,-7.67819v-75.25c0,-4.45319 -3.54212,-7.94425 -8.0625,-7.94425zM142.4375,145.125h-112.875c-1.45662,0 -2.6875,-1.28731 -2.6875,-2.80575v-2.56925h118.25v2.56925c0,1.51844 -1.23087,2.80575 -2.6875,2.80575z" fill="url(#color-1_48314_gr1)"></path><path d="M126.3125,129h-83.3125v-2.6875c0,-7.51425 -6.02806,-13.4375 -13.4375,-13.4375h-2.6875v-37.625h2.6875c6.3425,0 13.4375,-5.79156 13.4375,-13.46706v-2.70363l13.4375,0.04569v5.375l-8.2775,-0.01613c-1.26044,7.95231 -7.94425,14.61731 -15.91,15.86969v27.219c8.25869,1.18788 14.80006,7.76956 15.94762,16.05244h75.6155c1.17444,-8.30438 7.70238,-14.85112 15.93688,-16.03631v-27.262c-7.96844,-1.247 -14.65494,-7.89587 -15.91269,-15.82669h-8.27481v-5.375h13.4375v2.6875c0,6.30219 5.74587,13.4375 13.4375,13.4375h2.6875v37.50675l-2.6875,0.01613c-7.40944,0 -13.4375,6.03344 -13.4375,13.45094v2.6875z" fill="url(#color-2_48314_gr2)"></path><path d="M104.8125,53.75h-8.0625c-1.4835,0 -2.6875,1.14487 -2.6875,2.63106v29.61356c0,1.48619 -1.204,2.69288 -2.6875,2.69288h-10.75c-1.4835,0 -2.6875,-1.20669 -2.6875,-2.69288v-29.61356c0,-1.48619 -1.204,-2.63106 -2.6875,-2.63106h-8.0625c-2.2145,0 -3.47763,-2.881 -2.15,-4.87781l16.65175,-25.04481c2.05056,-3.08256 6.57094,-3.08794 8.6215,-0.00806l16.65175,25.05556c1.32762,1.99681 0.0645,4.87512 -2.15,4.87512z" fill="url(#color-3_48314_gr3)"></path><path d="M86,112.875c-10.37375,0 -18.8125,-8.0625 -18.8125,-18.8125h5.375c0,8.0625 6.02806,13.4375 13.4375,13.4375c7.40944,0 13.4375,-5.375 13.4375,-13.4375h5.375c0,10.75 -8.43875,18.8125 -18.8125,18.8125z" fill="url(#color-4_48314_gr4)"></path></g></g></svg>
                                         </div>
                                     </div>
                                 </div>
diff --git a/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue b/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
index 414f1a42..65b355f8 100644
--- a/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingFormComponent.vue
@@ -7,7 +7,7 @@
                         <div class="col">
                             <div class="row">
                                 <div class="col">
-                                    <img src="images/3568950.png" class="w-100">
+                                    <img src="/images/3568950.png" class="w-100">
                                 </div>
                             </div>
                             <div class="row">
@@ -21,7 +21,7 @@
                     <div class="row no-margin">
                         <div class="col bg-white p-t-15 p-b-10 p-l-25 p-r-25">
                             <div class="absolute w-100 h-100 bg-white hint-text" style="top: 0; left: 0; z-index: 1;" v-if="!data.services.length"></div>
-                            <img src="images/order_form.png" class="w-100" v-if="!data.services.length">
+                            <img src="/images/order_form.png" class="w-100" v-if="!data.services.length">
                             <div class="row" v-if="data.services.length">
                                 <div class="col">
                                     <div class="row p-t-5 p-b-20">
diff --git a/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue b/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
index 612b8735..0c85a3f7 100644
--- a/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
@@ -10,6 +10,7 @@
                         </div>
                     </div>
                     <error-message-component class="m-b-20" :error="error"></error-message-component>
+                    <bank-in-component :data="data" class="m-b-25"></bank-in-component>
                     <div class="row">
                         <div class="col">
                             <file-input-component :validator="$v.files" v-model="files">
diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index de55e62c..ba3a39b1 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -101,9 +101,9 @@
             </div>
             <div class="row">
                 <div class="col-7">
-                    <div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) > (Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2)">
+                    <div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 1000) / 1000).toFixed(3) > (Math.round((data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3)">
                         <div class="col">
-                            <div class="alert alert-warning padding-15" role="alert">
+                            <div class="alert alert-warning padding-15" role="alert" v-if="false">
                                 <div class="font-heading fs-12 all-caps bold m-b-15">Can't Complete Your Purchase Order ?</div>
                                 <div class="row m-b-15">
                                     <div class="col">
@@ -123,17 +123,17 @@
                             <div class="font-heading all-caps fs-12 bold">Total:</div>
                         </div>
                         <div class="col-auto text-right">
-                            <div class="font-heading muted"><span v-if="!submitted" class="bold m-r-5" :class="[{'text-danger' : (Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) !== (Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2)}, {'text-success' : (Math.round((this.poTotal  + Number.EPSILON) * 100) / 100).toFixed(2) === (Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2)}]">{{(Math.round(( poTotal + Number.EPSILON) * 100) / 100).toFixed(2)}}/</span><span class="text-primary bold m-l-5">{{(Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2)}} {{data.fixed_currency.short_code}}</span></div>
+                            <div class="font-heading muted"><span v-if="!submitted" class="bold m-r-5" :class="[{'text-danger' : (Math.round((poTotal + Number.EPSILON) * 1000) / 1000).toFixed(3) !== (Math.round((data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3)}, {'text-success' : (Math.round((this.poTotal  + Number.EPSILON) * 1000) / 1000).toFixed(3) === (Math.round((this.data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3)}]">{{(Math.round(( poTotal + Number.EPSILON) * 1000) / 1000).toFixed(3)}}/</span><span class="text-primary bold m-l-5">{{(Math.round((data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3)}} {{data.fixed_currency.short_code}}</span></div>
                         </div>
                     </div>
                     <div class="row" v-if="poTotal > 0 && !submitted">
                         <div class="col">
                             <div class="row m-b-10">
                                 <div class="col">
-                                        <button class="btn btn-xs all-caps b-rad-none btn-primary btn-block" @click="submitForm()">{{(Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) !== (Math.round((data.amount + Number.EPSILON) * 100) / 100).toFixed(2) ? 'Save Purchase Order' : 'Save & Confirm'}}</button>
+                                        <button class="btn btn-xs all-caps b-rad-none btn-primary btn-block" @click="submitForm()">{{(Math.round((poTotal + Number.EPSILON) * 1000) / 1000).toFixed(3) !== (Math.round((data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3) ? 'Save Purchase Order' : 'Save & Confirm'}}</button>
                                 </div>
                             </div>
-                            <div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 100) / 100).toFixed(2) !== data.amount">
+                            <div class="row" v-if="(Math.round((poTotal + Number.EPSILON) * 1000) / 1000).toFixed(3) !== data.amount">
                                 <div class="col">
                                     <div class="fs-10">** you purchase order will be saved but wont be approved until your <span class="text-danger bold all-caps">purchase order's total</span> matches your <span class="text-success bold all-caps">transfer order's total</span>.</div>
                                 </div>
@@ -211,7 +211,7 @@
                 this.submit(route('api.transaction.po.create', this.data.id), 'post', this.section, true, true);
             },
             successHandler(){
-                if((Math.round((this.poTotal  + Number.EPSILON) * 100) / 100).toFixed(2) === (Math.round((this.data.amount + Number.EPSILON) * 100) / 100).toFixed(2)){
+                if((Math.round((this.poTotal  + Number.EPSILON) * 1000) / 1000).toFixed(3) === (Math.round((this.data.amount + Number.EPSILON) * 1000) / 1000).toFixed(3)){
                     this.submitted = true;
                 }
                 this.updateList()
diff --git a/resources/assets/vue/components/companies/elements/CompanyComponent.vue b/resources/assets/vue/components/companies/elements/CompanyComponent.vue
new file mode 100644
index 00000000..15bced55
--- /dev/null
+++ b/resources/assets/vue/components/companies/elements/CompanyComponent.vue
@@ -0,0 +1,91 @@
+<template>
+    <div class="row m-b-15 align-items-end">
+        <div class="col">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Marking</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-11">{{this.item.reference}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-3 text-center">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Payments</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-11">MYR {{(Math.round((this.item.total_payments + Number.EPSILON) * 100) / 100).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-2 text-center">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Last Payment</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-11">{{this.item.last_payment}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-2 text-center">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Bookings</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-11">{{this.item.bookings.length}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-2 text-right">
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading fs-10 muted all-caps">Registered On</div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="font-heading all-caps fs-11">{{this.item.created_at}}</div>
+                </div>
+            </div>
+        </div>
+        <div class="col-auto">
+            <a :href="route('customer.profile', item.reference)">
+                <button type="button" class="btn btn-xs btn-primary fs-11">View</button>
+            </a>
+        </div>
+    </div>
+</template>
+
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    export default {
+        data(){
+            return {
+                minWidth:{
+                    minWidth:'100px',
+                },
+                minWidth150:{
+                    minWidth:'150px',
+                },
+            }
+        },
+        methods: {
+            viewCompany() {
+                this.$root.$emit('viewCompany', this.item);
+            }
+        },
+        mixins: [componentHandler]
+    }
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/companies/elements/CompanyListComponent.vue b/resources/assets/vue/components/companies/elements/CompanyListComponent.vue
deleted file mode 100644
index bb8d3203..00000000
--- a/resources/assets/vue/components/companies/elements/CompanyListComponent.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <div class="row align-items-center m-b-10 parentContainer">
-        <div class="row w-100 m-0 p-0 ">
-            <div class="col pull-left mt-2 pr-0">
-                <div class="font-heading all-caps fs-11">{{this.item.name}}</div>
-            </div>
-            <div class="col-2 text-center mt-2">
-                <div class="font-heading all-caps fs-11">{{this.item.bookings.length}}</div>
-            </div>
-            <div class="col-3 text-right pull-right">
-                <button type="button" @click="viewCompany()" class="btn btn-xs btn-info fs-11"><i class="fa fa-angle-down"></i></button>
-                <a :href="route('customer.profile', item.reference)">
-                    <button type="button" class="btn btn-xs btn-primary fs-11">View</button>
-                </a>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    import componentHandler from '../../../general/mixins/componentHandler';
-    export default {
-        data(){
-            return {
-                minWidth:{
-                    minWidth:'100px',
-                },
-                minWidth150:{
-                    minWidth:'150px',
-                },
-            }
-        },
-        methods: {
-            viewCompany() {
-                this.$root.$emit('viewCompany', this.item);
-            }
-        },
-        mixins: [componentHandler]
-    }
-</script>
\ No newline at end of file
diff --git a/resources/assets/vue/vuex/modules/authentication.js b/resources/assets/vue/vuex/modules/authentication.js
index b28ddb10..19ab2317 100644
--- a/resources/assets/vue/vuex/modules/authentication.js
+++ b/resources/assets/vue/vuex/modules/authentication.js
@@ -13,6 +13,8 @@ export default {
 
         isSuperAdmin: (state, getters) => getters.getDecodedAccessToken.user.type === 0 || getters.getDecodedAccessToken.user.type === 1,
         isAdmin: (state, getters) => getters.getDecodedAccessToken.user.type === 0 || getters.getDecodedAccessToken.user.type === 1 || getters.getDecodedAccessToken.user.type === 2,
+        isCustomer: (state, getters) => getters.getDecodedAccessToken.user.type === 3,
+        isDestinationAccountAdmin: (state, getters) => getters.getDecodedAccessToken.user.type === 7,
         getUserName: (state, getters) => getters.getUpdatedFullname || getters.getDecodedAccessToken.user.name,
         getUserId: (state, getters) => getters.getDecodedAccessToken.user.id,
         getUserEmail: (state, getters) => getters.getDecodedAccessToken.user.email,
diff --git a/resources/views/pages/banks/customers.blade.php b/resources/views/pages/banks/customers.blade.php
index d755c801..92901def 100644
--- a/resources/views/pages/banks/customers.blade.php
+++ b/resources/views/pages/banks/customers.blade.php
@@ -1,4 +1,4 @@
-<div class="row d-none" :class="[{'d-flex': !$store.getters.isAdmin}]" v-if="!$store.getters.isAdmin">
+<div class="row d-none" :class="[{'d-flex': $store.getters.isCustomer}]" v-if="$store.getters.isCustomer">
     <div class="col-6 bg-white p-l-25 p-r-25 p-t-15 p-b-15">
 		<div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
             <div class="col">
diff --git a/resources/views/pages/customers/index.blade.php b/resources/views/pages/customers/index.blade.php
new file mode 100644
index 00000000..867ff561
--- /dev/null
+++ b/resources/views/pages/customers/index.blade.php
@@ -0,0 +1,206 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+    <div class="row">
+        <div class="col p-t-15 p-b-15">
+            <div class="row no-margin">
+                <div class="col">
+                    <div class="row tabsContainer">
+                        <div class="col">
+                            <div class="row m-l-0 m-r-0 d-none d-md-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" v-if="$store.getters.isAdmin">
+                                <div class="col 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="{'business_type': 2, with_bookings:true, segments_in: [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="new-customer-list">
+                                        <list-component  key="2" section="newCustomerListSection" :endpoint="route('api.company.list')" :options="{'business_type': 2, with_bookings:true, does_not_have_segments: [5]}">
+                                            <template slot="list" slot-scope="{data}">
+                                                <company-component :data="data"></company-component>
+                                            </template>
+                                        </list-component>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="row tabsContainer">
+                        <div class="col">
+                            <div class="row m-l-0 m-r-0 d-none d-md-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="active-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="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">Active Customers</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="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" v-if="$store.getters.isAdmin">
+                                <div class="col bg-white padding-25">
+                                    <div class="row tabsContainer tabContent  m-l-0 m-r-0" tab-name="active-customer-list">
+                                        <list-component  key="2" section="activeCustomerListSection" :endpoint="route('api.company.list')" :options="{'with_total_payments': true, '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="customer-leads" v-if="$store.getters.isAdmin">
+                                        <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
\ No newline at end of file
diff --git a/resources/views/pages/customers.blade.php b/resources/views/pages/customers/profile.blade.php
similarity index 100%
rename from resources/views/pages/customers.blade.php
rename to resources/views/pages/customers/profile.blade.php
diff --git a/resources/views/pages/dashboards/account_admin.blade.php b/resources/views/pages/dashboards/account_admin.blade.php
new file mode 100644
index 00000000..e8256f8f
--- /dev/null
+++ b/resources/views/pages/dashboards/account_admin.blade.php
@@ -0,0 +1,13 @@
+<div class="row d-none" :class="[{'d-flex': $store.getters.isDestinationAccountAdmin}]" v-if="$store.getters.isDestinationAccountAdmin">
+    <div class="col">
+        <div class="row">
+            <div class="col-5 bg-white padding-25">
+                <list-component ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list')" :options="{status: 2, type: 3, issuer_not: 2}">
+                    <template slot="list" slot-scope="{data}">
+                        <payment-proof-component :data="data" class="m-b-15 m-r-0"></payment-proof-component>
+                    </template>
+                </list-component>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/pages/dashboards/admin.blade.php b/resources/views/pages/dashboards/admin.blade.php
index 71944a13..7471027f 100644
--- a/resources/views/pages/dashboards/admin.blade.php
+++ b/resources/views/pages/dashboards/admin.blade.php
@@ -328,7 +328,7 @@
                                             <div class="col">
                                                 <div class="row">
                                                     <div class="col">
-                                                        <list-component ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list')" :options="{status: 2, type: 3}">
+                                                        <list-component ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list')" :options="{status: 2, type: 3, issuer_in: [2]}">
                                                             <template slot="list" slot-scope="{data}">
                                                                 <payment-proof-component :data="data"></payment-proof-component>
                                                             </template>
diff --git a/resources/views/pages/dashboards/customer.blade.php b/resources/views/pages/dashboards/customer.blade.php
index c5e842c2..3e877546 100644
--- a/resources/views/pages/dashboards/customer.blade.php
+++ b/resources/views/pages/dashboards/customer.blade.php
@@ -1,4 +1,4 @@
-<div class="row d-none" :class="[{'d-flex': !$store.getters.isAdmin}]" v-if="!$store.getters.isAdmin">
+<div class="row d-none" :class="[{'d-flex': $store.getters.isCustomer}]" v-if="$store.getters.isCustomer">
     <div class="col">
         <customer-dashboard-section-component></customer-dashboard-section-component>
     </div>
diff --git a/resources/views/pages/dashboards/index.blade.php b/resources/views/pages/dashboards/index.blade.php
index 496640e4..a1d93610 100644
--- a/resources/views/pages/dashboards/index.blade.php
+++ b/resources/views/pages/dashboards/index.blade.php
@@ -2,4 +2,5 @@
 @section('inner_content')
     @include('pages.dashboards.admin')
     @include('pages.dashboards.customer')
+    @include('pages.dashboards.account_admin')
 @endsection
\ No newline at end of file
diff --git a/resources/views/pages/pdfs/invoice.blade.php b/resources/views/pages/pdfs/invoice.blade.php
index 611d4362..355c2328 100644
--- a/resources/views/pages/pdfs/invoice.blade.php
+++ b/resources/views/pages/pdfs/invoice.blade.php
@@ -33,7 +33,7 @@
 
 
                 <div class="ref">Ref# {{ $invoice_transaction->payment_reference ?? '-' }}</div>
-                <div class="date">Date: {{ $po_order_transaction->created_at }}</div>
+                <div class="date">Date: {{ $po_order_transaction->booking->created_at }}</div>
                 <div>&nbsp;</div>
                 </div>
             </td>
diff --git a/resources/views/pages/pdfs/purchase_order.blade.php b/resources/views/pages/pdfs/purchase_order.blade.php
index c2c17481..eb123975 100644
--- a/resources/views/pages/pdfs/purchase_order.blade.php
+++ b/resources/views/pages/pdfs/purchase_order.blade.php
@@ -14,7 +14,7 @@
             <td class="document-detail">
                 PO#: {{ $po_order_transaction->bill_no }} <br>
                 Ref#: {{ $po_order_transaction->payment_reference ?? '-' }} <br>
-                Date: {{ $po_order_transaction->created_at }}
+                Date: {{ $po_order_transaction->booking->created_at }}
             </td>
         </tr>
     </table>
diff --git a/resources/views/pages/settings.blade.php b/resources/views/pages/settings.blade.php
index 9157dbc5..8319f622 100644
--- a/resources/views/pages/settings.blade.php
+++ b/resources/views/pages/settings.blade.php
@@ -512,84 +512,10 @@
                     </div>
                 </div>
             </div>
-            <div class="col-4 p-r-0">
+            <div class="col-4 p-r-0" v-if="$store.getters.isAdmin">
                 <div class="row">
                     <div class="col">
-                        <div class="row tabsContainer">
-                            <div class="col">
-                                <div class="row m-l-0 m-r-0 d-none d-md-flex">
-                                    <div class="col" v-if="$store.getters.isAdmin">
-                                        <div class="row justify-content-end">
-                                            <div class="col">
-                                                <div class="row fs-12 text-center">
-                                                    <div class="col p-t-20 p-b-20 bg-master-lighter tabButton"   v-bind:class="{ active: $store.getters.isAdmin }" vtab-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="99.4375" y1="60.46875" x2="99.4375" y2="79.9585" gradientUnits="userSpaceOnUse" id="color-1_44007_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="72.5625" y1="60.46875" x2="72.5625" y2="79.9585" gradientUnits="userSpaceOnUse" id="color-2_44007_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="16.125" x2="86" y2="157.44988" gradientUnits="userSpaceOnUse" id="color-3_44007_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="72.69688" y1="16.125" x2="72.69688" y2="157.44988" gradientUnits="userSpaceOnUse" id="color-4_44007_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="M99.4375,61.8125c-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-1_44007_gr1)"></path><path d="M72.5625,61.8125c-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-2_44007_gr2)"></path><path d="M121.14981,92.23769c3.27606,-5.8265 5.16269,-12.52912 5.16269,-19.67519v-16.125c0,-22.22831 -18.08419,-40.3125 -40.3125,-40.3125c-22.22831,0 -40.3125,18.08419 -40.3125,40.3125v16.125c0,7.14606 1.88931,13.84869 5.16269,19.67519c-15.03387,11.13969 -23.97519,28.76163 -23.97519,47.51231v16.125h118.25v-16.125c0,-18.75069 -8.944,-36.37262 -23.97519,-47.51231zM51.0625,56.4375c0,-19.264 15.6735,-34.9375 34.9375,-34.9375c19.264,0 34.9375,15.6735 34.9375,34.9375v16.125c0,19.264 -15.6735,34.9375 -34.9375,34.9375c-19.264,0 -34.9375,-15.6735 -34.9375,-34.9375zM86,112.875c13.158,0 24.82444,-6.364 32.18819,-16.14381c1.45931,1.09381 2.8595,2.24944 4.18712,3.47225c-8.729,11.46756 -21.96763,18.04656 -36.37531,18.04656c-14.35125,0 -27.74844,-6.69725 -36.378,-18.04387c1.33031,-1.2255 2.7305,-2.38112 4.18981,-3.47494c7.36375,9.77981 19.03288,16.14381 32.18819,16.14381zM139.75,150.5h-13.4375v-5.375h-5.375v5.375h-69.875v-5.375h-5.375v5.375h-13.4375v-10.75c0,-13.28431 4.93425,-25.94781 13.57725,-35.69c9.6535,12.31144 24.39444,19.565 40.17275,19.565c15.8455,0 30.41713,-7.12725 40.17006,-19.56769c8.64569,9.7395 13.57994,22.40569 13.57994,35.69269z" fill="url(#color-3_44007_gr3)"></path><path d="M86,32.25v-5.375c-11.24719,0 -21.69081,6.54138 -26.60625,16.65981l4.83481,2.34887c4.085,-8.40919 12.427,-13.63369 21.77144,-13.63369z" fill="url(#color-4_44007_gr4)"></path></g></g></svg>
-                                                            </div>
-                                                        </div>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <div class="fs-12 m-t-5 all-caps">Customers</div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col" v-else>
-                                        <div class="row justify-content-end">
-                                            <div class="col">
-                                                <div class="row fs-12 text-center">
-                                                    <div class="col p-t-20 p-b-20 bg-master-lighter tabButton " v-bind:class="{ active: !$store.getters.isAdmin }" tab-name="announcement-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="99.4375" y1="43.33594" x2="99.4375" y2="60.14625" gradientUnits="userSpaceOnUse" id="color-1_43971_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="106.15625" y1="26.875" x2="106.15625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-2_43971_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="83.3125" y1="26.875" x2="83.3125" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-3_43971_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="73.90625" y1="26.875" x2="73.90625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-4_43971_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="51.0625" y1="26.875" x2="51.0625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-5_43971_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="51.0625" y1="26.875" x2="51.0625" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-6_43971_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="26.875" x2="45.6875" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-7_43971_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="43" y1="26.875" x2="43" y2="146.16775" gradientUnits="userSpaceOnUse" id="color-8_43971_gr8"><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="M112.875,59.125h-26.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-10.75c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h26.875c1.4835,0 2.6875,1.204 2.6875,2.6875v10.75c0,1.4835 -1.204,2.6875 -2.6875,2.6875z" fill="url(#color-1_43971_gr1)"></path><path d="M155.875,96.75c0,-7.97381 -5.82381,-14.59581 -13.4375,-15.88313v-18.82325c0,-2.08819 -1.16906,-3.94525 -3.05031,-4.85094c-1.88125,-0.90031 -4.06081,-0.65575 -5.69481,0.64769l-21.48925,17.18925c-0.08062,0.0645 -0.13975,0.14781 -0.21769,0.21769h-31.36044c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375h-5.375c-2.96431,0 -5.375,2.41069 -5.375,5.375v5.375c0,2.96431 2.41069,5.375 5.375,5.375h5.375c0,7.40944 6.02806,13.4375 13.4375,13.4375v16.125c0,5.92863 4.82138,10.75 10.75,10.75c5.92863,0 10.75,-4.82137 10.75,-10.75v-16.125h9.86044c0.07794,0.06988 0.13706,0.15319 0.22038,0.22037l21.48656,17.18925c0.98094,0.78475 2.16075,1.18519 3.35131,1.18519c0.79281,0 1.59369,-0.17738 2.3435,-0.5375c1.88125,-0.903 3.05031,-2.76275 3.05031,-4.84825v-18.82325c7.61369,-1.28731 13.4375,-7.90931 13.4375,-15.88312zM61.8125,99.4375v-5.375h5.375v5.375zM96.75,134.375c0,2.96431 -2.41069,5.375 -5.375,5.375c-2.96431,0 -5.375,-2.41069 -5.375,-5.375v-16.125h10.75zM80.625,112.875c-4.44513,0 -8.0625,-3.61738 -8.0625,-8.0625v-16.125c0,-4.44513 3.61737,-8.0625 8.0625,-8.0625h29.5625v32.25h-8.0625zM137.05175,131.46175l-21.48925,-17.19462v-35.04231l10.75,-8.59194v26.11713h5.375v-30.41175l5.375,-4.29462l0.00538,69.42887c0,0 -0.00538,-0.00269 -0.01613,-0.01075zM142.4375,107.11837v-20.73675c4.6225,1.20131 8.0625,5.375 8.0625,10.36838c0,4.99337 -3.44,9.16706 -8.0625,10.36838z" fill="url(#color-2_43971_gr2)"></path><path d="M77.9375,91.375v5.375h5.375v-5.375h5.375v-5.375h-5.375c-2.96431,0 -5.375,2.41069 -5.375,5.375z" fill="url(#color-3_43971_gr3)"></path><path d="M21.5,107.5v-67.1875c0,-4.44512 3.61737,-8.0625 8.0625,-8.0625h88.6875c4.44512,0 8.0625,3.61738 8.0625,8.0625v10.75h5.375v-10.75c0,-7.40944 -6.02806,-13.4375 -13.4375,-13.4375h-88.6875c-7.40944,0 -13.4375,6.02806 -13.4375,13.4375v67.1875c0,7.40944 6.02806,13.4375 13.4375,13.4375h32.25v-5.375h-32.25c-4.44513,0 -8.0625,-3.61737 -8.0625,-8.0625z" fill="url(#color-4_43971_gr4)"></path><path d="M32.25,43h37.625v5.375h-37.625z" fill="url(#color-5_43971_gr5)"></path><path d="M32.25,53.75h37.625v5.375h-37.625z" fill="url(#color-6_43971_gr6)"></path><path d="M32.25,64.5h26.875v5.375h-26.875z" fill="url(#color-7_43971_gr7)"></path><path d="M32.25,75.25h21.5v5.375h-21.5z" fill="url(#color-8_43971_gr8)"></path></g></g></svg>
-                                                            </div>
-                                                        </div>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <div class="fs-12 m-t-5 all-caps">Announcements</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" tab-name="customer-list" v-if="$store.getters.isAdmin">
-                                            <company-quick-view-section-component></company-quick-view-section-component>
-                                        </div>
-                                        <div class="row tabsContainer tabContent hide" v-else tab-name="announcement-list">
-                                            <announcement-quick-view-section-component></announcement-quick-view-section-component>
-                                        </div>
-                                        <div class="row tabsContainer hide tabContent" tab-name="PO">
-                                            <div class="col">
-                                                <div class="row">
-                                                    <div class="col">
-                                                        <div class="row">
-                                                            <div class="col">
 
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
                     </div>
                 </div>
             </div>
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 9a0e09ad..be1cb89d 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -41,7 +41,12 @@
                                             <div class="text-white all-caps fs-12">Urgent List</div>
                                         </a>
                                     </div>
-                                    <div v-if="!$store.getters.isAdmin" class="col-auto p-r-20">
+                                    <div class="col-auto p-r-20"  v-if="$store.getters.isAdmin">
+                                        <a href="{{route('customers')}}">
+                                            <div class="text-white all-caps fs-12">customers</div>
+                                        </a>
+                                    </div>
+                                    <div v-if="$store.getters.isCustomer" class="col-auto p-r-20">
                                         <a href="{{route('banks')}}"><div class="text-white all-caps fs-12">Bank Accounts</div></a>
                                     </div>
                                 </div>
diff --git a/routes/transaction.php b/routes/transaction.php
index cab4d241..9f10c6cc 100644
--- a/routes/transaction.php
+++ b/routes/transaction.php
@@ -9,6 +9,7 @@ Route::group(['prefix' => 'transactions', 'namespace' => 'Transactions', 'as' =>
 
     route::post('/supplier/{id}/bill/create', 'CreateSupplierTransactionController@create')->name('supplier.create');
     route::post('{id}/bill/verification', 'CreatePaymentProofDocumentController@verify')->name('bill.verification');
+    route::post('{id}/bill/pay', 'CreatePaymentProofDocumentController@pay')->name('bill.pay');
 
     Route::post('booking/{id}/details/update', 'CreatePurchaseOrderTransactionController@create')->name('po.create');
 
diff --git a/routes/web.php b/routes/web.php
index 1578a131..37db6461 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,12 +1,10 @@
 <?php
 
 use App\Models\User;
-use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Support\Carbon;
 use Illuminate\Support\Facades\Auth;
-use Illuminate\Support\Facades\DB;
-use Illuminate\Support\Facades\Mail;
 use Illuminate\Support\Facades\Route;
+use Illuminate\Support\Facades\Storage;
 
 /*
 |--------------------------------------------------------------------------
@@ -44,9 +42,13 @@ Route::get('/settings', function () {
     return view('pages.settings');
 })->name('settings');
 
+Route::get('/customers', function () {
+    return view('pages.customers.index');
+})->name('customers');
+
 Route::get('/customer/{marking}', function ($marking) {
     $id = \App\Models\Company::where('reference', '=', $marking)->first()->id;
-    return view('pages.customers', ['id' => $id]);
+    return view('pages.customers.profile', ['id' => $id]);
 })->name('customer.profile');
 
 Route::get('/payments', function () {
@@ -69,6 +71,35 @@ Route::get('/transfer/merge/{marking}', function ($marking) {
     return view('pages.booking_merge', ['marking' => $marking]);
 })->name('booking.merge');
 
+Route::get('/test', function(){
+
+//    Auth::login(User::findOrFail(1));
+//    try {
+//        $zip_file = 'cief_jun_to_september_delivery_orders.zip'; // Name of our archive to download
+//        $zip = new ZipArchive();
+//        if ($zip->open(storage_path().'/'.$zip_file, \ZipArchive::CREATE | \ZipArchive::OVERWRITE) === TRUE) {
+//
+//            //whereMonth('created_at', 5)->whereYear('created_at', 2021)->
+//            $bookings = \App\Models\Booking::where('status', \App\Classes\ValueObjects\Constants\ApprovalStatus::COMPLETED)->get();
+//
+//            foreach ($bookings as $booking) {
+//                $file = $booking->documents()->where('document_type', \App\Classes\ValueObjects\Constants\DocumentType::SUPPLIER_DELIVER_ORDER)->first()->files()->first();
+//                if (! $zip->addFile(Storage::disk('documents')->path($file->file->file_info->original->file), Carbon::now()->format('d_m_Y').'_'.$booking->marking.'.pdf')) {
+//                    echo 'Could not add file to ZIP: ' . $file;
+//                }
+//            }
+//
+//            // Close ZipArchive
+//            $zip->close();
+//        } else {
+//            echo 'Could not open ZIP file.';
+//        }
+//    } catch (Exception $exception) {
+//        dd($exception);
+//    }
+
+
+});
 
 Route::get('/export/customers/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@export');
 Route::get('/export/transactions/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@transactions');