diff --git a/.gitignore b/.gitignore
index 95d268cf..9b34cbea 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,4 +24,5 @@ db/*
 docker-compose.yml
 package-lock.json
 public/*
-/public/*
\ No newline at end of file
+/public/*
+storage/framework/laravel-excel/*
diff --git a/app/Classes/Modules/Orders/Processors/CreateOrderRolesProcessor.php b/app/Classes/Modules/Orders/Processors/CreateOrderRolesProcessor.php
index 0d4b1860..24495752 100644
--- a/app/Classes/Modules/Orders/Processors/CreateOrderRolesProcessor.php
+++ b/app/Classes/Modules/Orders/Processors/CreateOrderRolesProcessor.php
@@ -79,6 +79,7 @@ class CreateOrderRolesProcessor
         $roleObject = new OrderRoleObject($order, $destinationWarehouse, OrderRoleTypes::DESTINATION_WAREHOUSE);
         $this->createsOrderRole->execute($roleObject);
 
+
         $roleObject = new OrderRoleObject($order, $freightForwarder, OrderRoleTypes::LAST_MILE_DELIVERY_DRIVER);
         $this->createsOrderRole->execute($roleObject);
 
diff --git a/app/Classes/Modules/PackingLists/ControllersLogic/Containers/CreateContainerLogic.php b/app/Classes/Modules/PackingLists/ControllersLogic/Containers/CreateContainerLogic.php
index 26253f41..df22a66e 100644
--- a/app/Classes/Modules/PackingLists/ControllersLogic/Containers/CreateContainerLogic.php
+++ b/app/Classes/Modules/PackingLists/ControllersLogic/Containers/CreateContainerLogic.php
@@ -62,6 +62,7 @@ class CreateContainerLogic extends AbstractControllerLogic
             $request->input('container_number'), 
             $request->input('seal_reference'),
             $request->input('container_type'),
+            $request->input('loading_date'),
             $request->input('status')
         );
 
diff --git a/app/Classes/Modules/PackingLists/ControllersLogic/Containers/InboundCustomClearedLogic.php b/app/Classes/Modules/PackingLists/ControllersLogic/Containers/InboundCustomClearedLogic.php
new file mode 100644
index 00000000..1df92ffa
--- /dev/null
+++ b/app/Classes/Modules/PackingLists/ControllersLogic/Containers/InboundCustomClearedLogic.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Classes\Modules\PackingLists\ControllersLogic\Containers;
+
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+use App\Classes\Modules\PackingLists\Services\Containers\ListsContainers;
+use App\Classes\Modules\PackingLists\Standards\Rules\Containers\CanListContainers;
+use App\Classes\Modules\PackingLists\Processors\FetchInboundCustomClearedProcessor;
+
+use App\Http\Resources\ContainerResource;
+use ErrorException;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class InboundCustomClearedLogic extends AbstractControllerLogic
+{
+
+    /**
+     * @return array
+     */
+    protected function notification():array {
+        return [
+            'title' => 'Retrieved Containers',
+            'message' => 'You have successfully retrieved a list of Containers'
+        ];
+    }
+
+    /** @var CanListContainers */
+    private $canListContainers;
+
+    /** @var ListsContainers */
+    private $listsContainers;
+
+    private $fetchInboundCustomCleared;
+
+    /**
+     * ListContainersLogic constructor.
+     * @param CanListContainers $canListContainers
+     * @param ListsContainers $listsContainers
+     */
+    public function __construct(CanListContainers $canListContainers, ListsContainers $listsContainers, FetchInboundCustomClearedProcessor $fetchInboundCustomCleared)
+    {
+        $this->canListContainers = $canListContainers;
+        $this->listsContainers = $listsContainers;
+        $this->fetchInboundCustomCleared = $fetchInboundCustomCleared;
+    }
+
+
+    /**
+     * @param Request $request
+     * @return JsonResponse
+     * @throws ErrorException
+     */
+    public function logic(Request $request) : JsonResponse
+    {
+        //$this->canListOrders->passes();
+
+        //$query = $this->listsOrders->execute(array_merge($this->listsOrders->deserializeFilters($request->input('filters')), ['with_parcels' => true]));
+
+        $d = $this->fetchInboundCustomCleared->execute();
+
+        return  response()->json($d);
+
+    }
+}
diff --git a/app/Classes/Modules/PackingLists/ControllersLogic/Containers/UpdateContainerLogic.php b/app/Classes/Modules/PackingLists/ControllersLogic/Containers/UpdateContainerLogic.php
index 72537db2..75eeddae 100644
--- a/app/Classes/Modules/PackingLists/ControllersLogic/Containers/UpdateContainerLogic.php
+++ b/app/Classes/Modules/PackingLists/ControllersLogic/Containers/UpdateContainerLogic.php
@@ -52,7 +52,9 @@ class UpdateContainerLogic extends AbstractControllerLogic
     /**
      * @param Request $request
      * @return JsonResponse
-     * @throws ErrorException
+     * @throws \App\Classes\Exceptions\AccessForbiddenException
+     * @throws \App\Classes\Exceptions\MalformedRequestException
+     * @throws \App\Classes\Exceptions\RequestValidationException
      */
     public function logic(Request $request) : JsonResponse
     {
@@ -64,7 +66,8 @@ class UpdateContainerLogic extends AbstractControllerLogic
             $container->container_number, 
             $request->input('container_type'), 
             $request->input('seal_reference'),
-            $container->status, 
+            $request->input('loading_date'),
+            $container->status,
         );
 
         $this->canUpdateContainer->passes($object);
diff --git a/app/Classes/Modules/PackingLists/DataTransferObjects/ContainerObject.php b/app/Classes/Modules/PackingLists/DataTransferObjects/ContainerObject.php
index 3924102c..d4ef5b40 100644
--- a/app/Classes/Modules/PackingLists/DataTransferObjects/ContainerObject.php
+++ b/app/Classes/Modules/PackingLists/DataTransferObjects/ContainerObject.php
@@ -3,6 +3,7 @@
 namespace App\Classes\Modules\PackingLists\DataTransferObjects;
 
 use App\Classes\General\Interfaces\DataTransferObject;
+use Carbon\Carbon;
 
 class ContainerObject implements DataTransferObject
 {
@@ -19,6 +20,9 @@ class ContainerObject implements DataTransferObject
     /** @var int  */
     private $containerType;
 
+    /** @var Carbon */
+    private $loadingDate;
+
     /** @var int */
     private $status;
 
@@ -28,14 +32,16 @@ class ContainerObject implements DataTransferObject
      * @param string $containerNumber
      * @param string $sealReference
      * @param int $containerType
+     * @param Carbon $loadingDate
      * @param int $status
      */
-    public function __construct(string $reference, string $containerNumber, string $sealReference, int $containerType, int $status)
+    public function __construct(string $reference, string $containerNumber, string $sealReference, int $containerType, Carbon $loadingDate, int $status)
     {
         $this->reference = $reference;
         $this->containerNumber = $containerNumber;
         $this->sealReference = $sealReference;
         $this->containerType = $containerType;
+        $this->loadingDate = $loadingDate;
         $this->status = $status;
     }
 
@@ -71,6 +77,14 @@ class ContainerObject implements DataTransferObject
         return $this->containerType;
     }
 
+    /**
+     * @return Carbon
+     */
+    public function getLoadingDate(): Carbon
+    {
+        return $this->loadingDate;
+    }
+
     /**
      * @return int
      */
@@ -79,4 +93,5 @@ class ContainerObject implements DataTransferObject
         return $this->status;
     }
 
+
 }
diff --git a/app/Classes/Modules/PackingLists/Processors/FetchInboundCustomClearedProcessor.php b/app/Classes/Modules/PackingLists/Processors/FetchInboundCustomClearedProcessor.php
new file mode 100644
index 00000000..b4ea6395
--- /dev/null
+++ b/app/Classes/Modules/PackingLists/Processors/FetchInboundCustomClearedProcessor.php
@@ -0,0 +1,105 @@
+<?php
+
+namespace App\Classes\Modules\PackingLists\Processors;
+
+use App\Classes\Modules\Orders\Services\FetchesDataFromVTPortal;
+use App\Classes\Modules\Schedules\DataTransferObjects\ScheduleObject;
+use App\Classes\Modules\Schedules\Services\CreatesSchedule;
+use App\Classes\Modules\Transports\DataTransferObjects\TransportObject;
+use App\Classes\Modules\Transports\Services\CreatesTransport;
+use App\Classes\Modules\Unity\Services\UpdatesContractObligation;
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\OrderRoleTypes;
+use App\Classes\ValueObjects\Constants\PackingListType;
+use App\Classes\ValueObjects\Constants\TransportType;
+use App\Models\PackingList;
+use App\Models\Transport;
+use App\Models\Container;
+use Carbon\Carbon;
+use GuzzleHttp\Exception\GuzzleException;
+use Illuminate\Support\Facades\Log;
+
+class FetchInboundCustomClearedProcessor
+{
+
+    /** @var FetchesDataFromVTPortal */
+    private $fetchesDataFRomVTPortal;
+
+    /** @var CreatesTransport */
+    private $createsTransport;
+
+    /** @var CreatesSchedule */
+    private $createsSchedule;
+
+    /** @var UpdatesContractObligation */
+    private $updatesContractObligations;
+
+    /**
+     * FetchDeliveryListFromVTPortalProcessor constructor.
+     * @param FetchesDataFromVTPortal $fetchesDataFRomVTPortal
+     * @param CreatesTransport $createsTransport
+     * @param CreatesSchedule $createsSchedule
+     * @param UpdatesContractObligation $updatesContractObligations
+     */
+    public function __construct(FetchesDataFromVTPortal $fetchesDataFRomVTPortal, CreatesTransport $createsTransport, CreatesSchedule $createsSchedule, UpdatesContractObligation $updatesContractObligations)
+    {
+        $this->fetchesDataFRomVTPortal = $fetchesDataFRomVTPortal;
+        $this->createsTransport = $createsTransport;
+        $this->createsSchedule = $createsSchedule;
+        $this->updatesContractObligations = $updatesContractObligations;
+    }
+
+
+    /**
+     * @return array
+     */
+    public function execute(){
+
+           $packingLists = PackingList::query()->with(['steps' => function ($query) {
+            $query->where('steps.status', '<>', 3);
+        }])->first();
+        dd($packingLists);
+            /*
+            $packingLists = PackingList::where('type', '=', PackingListType::SHIPPING_PACKING_LIST)
+            ->whereIn('status', [ApprovalStatus::APPROVED, ApprovalStatus::SUSPENDED])->get();
+
+            foreach($packingLists as $packingList){
+                try {
+                    $filter = '["PoNumber:=%js%\"'.$packingList->reference.'\"\u0000"]';
+
+                    $shippingPackingListsRequest = $this->fetchesDataFRomVTPortal->clientRequest('https://portalvt.azurewebsites.net/Services/DataControllerService.asmx/GetPage', 'POST', json_decode('{"controller":"VPodetailparcel","view":"grid1","request":{"PageIndex":-1,"PageSize":10000,"SortExpression":"CreatedOn asc","Filter":'.$filter.'}}'), '');
+
+                    $shippingPackingLists = $this->fetchesDataFRomVTPortal->getResponseBody($shippingPackingListsRequest);
+
+                    $shippingPackingList = $shippingPackingLists->Rows[0];
+
+                    if(!$shippingPackingList[9] && !$shippingPackingList[10]) {
+                        continue;
+                    }
+
+                    $packingList->status = ApprovalStatus::COMPLETED;
+                    $packingList->save();
+
+                    $deliveryDate = Carbon::parse($shippingPackingList[9] ? $shippingPackingList[9]:$shippingPackingList[10]);
+                    $transportObject = new TransportObject(TransportType::LAND, null, null,  $deliveryDate, $deliveryDate, ApprovalStatus::APPROVED);
+                    $transport = $this->createsTransport->execute($transportObject, $packingList);
+                    $this->createsSchedule->execute($transport, new ScheduleObject($deliveryDate, $deliveryDate, ApprovalStatus::APPROVED));
+
+                    $deliveryStep = $packingList->steps()->where('reference', '=', 'LAST_MILE_DELIVERY')->first();
+                    $signature = $packingList->owner->orderRoles()->where('role_id', '=', OrderRoleTypes::SUPERVISOR)->first()->appointee->entity_sigiture;
+                    $this->updatesContractObligations->execute($signature, $deliveryStep->obligation_hash_id);
+                    $deliveryStep->update(['status' => ApprovalStatus::COMPLETED]);
+
+                } catch (GuzzleException $exception) {
+                    continue;
+                }
+
+            }*/
+
+
+        return [];
+
+    }
+
+
+}
diff --git a/app/Classes/Modules/PackingLists/Processors/FetchLoadedContainersFromVTPortalProcessor.php b/app/Classes/Modules/PackingLists/Processors/FetchLoadedContainersFromVTPortalProcessor.php
index 23dc50ad..5df560d4 100644
--- a/app/Classes/Modules/PackingLists/Processors/FetchLoadedContainersFromVTPortalProcessor.php
+++ b/app/Classes/Modules/PackingLists/Processors/FetchLoadedContainersFromVTPortalProcessor.php
@@ -6,7 +6,6 @@ use App\Classes\Exceptions\ResourceNotFoundException;
 use App\Classes\Modules\Companies\Services\FetchesCompanyModule;
 use App\Classes\Modules\Orders\Services\FetchesDataFromVTPortal;
 use App\Classes\Modules\Orders\Services\FetchesOrder;
-use App\Classes\Modules\PackingList\Processors\GenerateShippingOrderStepsProcessor;
 use App\Classes\Modules\PackingLists\DataTransferObjects\ContainerObject;
 use App\Classes\Modules\PackingLists\DataTransferObjects\PackingListObject;
 use App\Classes\Modules\PackingLists\Services\Containers\FetchesContainer;
@@ -126,7 +125,7 @@ class FetchLoadedContainersFromVTPortalProcessor
 
         DB::beginTransaction();
         try {
-            $start = $start ? $start : Carbon::now()->subMonth();
+            $start = $start ? $start : Carbon::now()->subDays(5);
 
             $startLimit = Carbon::parse('11-08-2021');
 
@@ -148,7 +147,7 @@ class FetchLoadedContainersFromVTPortalProcessor
 
                 $containerDetail = $this->fetchesDataFRomVTPortal->getResponseBody($containerDetailRequest);
 
-                $containerObject = new ContainerObject($container[0], str_replace(' ', '', $container[24]), str_replace(' ', '', $container[15]), ContainerTypes::FORTY_FEET_DRY_CONTAINER, ApprovalStatus::PENDING_VERIFICATION);
+                $containerObject = new ContainerObject($container[0], str_replace(' ', '', $container[24]), str_replace(' ', '', $container[15]), ContainerTypes::FORTY_FEET_DRY_CONTAINER, Carbon::parse($container[5]), ApprovalStatus::PENDING_VERIFICATION);
 
                 try {
                     $container = $this->fetchesContainer->execute(['reference' => $containerObject->getReference()]);
diff --git a/app/Classes/Modules/PackingLists/Processors/FetchPackingListProcessor.php b/app/Classes/Modules/PackingLists/Processors/FetchPackingListProcessor.php
new file mode 100644
index 00000000..508e2293
--- /dev/null
+++ b/app/Classes/Modules/PackingLists/Processors/FetchPackingListProcessor.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace App\Classes\Modules\PackingLists\Processors;
+
+use App\Classes\Modules\Orders\Services\FetchesDataFromVTPortal;
+use App\Classes\Modules\PackingLists\DataTransferObjects\PackageObject;
+use App\Classes\Modules\PackingLists\Services\ListsPackingLists;
+use App\Classes\ValueObjects\Constants\ApprovalStatus;
+use App\Classes\ValueObjects\Constants\PackageType;
+use App\Classes\ValueObjects\Constants\PackingListType;
+use App\Models\PackingList;
+use GuzzleHttp\Exception\GuzzleException;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
+
+class FetchPackingListProcessor
+{
+
+    /** @var ListsPackingLists */
+    private $listsPackingLists;
+
+    /**
+     * FetchPackingListFromVTPortalProcessor constructor.
+     * @param ListsPackingLists $listsPackingLists
+     */
+    public function __construct(ListsPackingLists $listsPackingLists)
+    {
+        $this->listsPackingLists = $listsPackingLists;
+    }
+
+    /**
+     * @return array
+     * @throws \App\Classes\Exceptions\AccessForbiddenException
+     * @throws \App\Classes\Exceptions\RequestValidationException
+     */
+    public function execute($params){
+
+        $packingLists = PackingList::where('type', '=', PackingListType::SHIPPING_PACKING_LIST)
+            ->whereIn('status', [ApprovalStatus::PENDING_VERIFICATION, ApprovalStatus::SUSPENDED])
+            ->whereDoesntHave('containers', function($query){
+                $query->where('status', '=', ApprovalStatus::COMPLETED);
+            })->orderBy('created_at','desc')->where('owner_id',$params['orderId'])->get();
+
+            //dd($packingLists);
+        $packingListsArray=[];
+        foreach($packingLists as $packingList){
+
+            $address = $packingList->owner->addresses()->first();
+            $packingList->fulladdress = $address->street_one.', '.$address->street_two.', '.$address->district->name.', '.$address->post_code.' '.$address->state->name.', '.$address->country->name;
+
+            $container = $packingList->containers()->first();
+            $packingList->container_reference = $container->reference;
+            $packingList->container_number = $container->container_number;
+
+            $packingListsArray[]=$packingList;
+
+        }
+
+        return $packingListsArray;
+
+    }
+
+
+}
diff --git a/app/Classes/Modules/PackingLists/Services/Containers/CreatesContainer.php b/app/Classes/Modules/PackingLists/Services/Containers/CreatesContainer.php
index eb8ff4e0..41a608dc 100644
--- a/app/Classes/Modules/PackingLists/Services/Containers/CreatesContainer.php
+++ b/app/Classes/Modules/PackingLists/Services/Containers/CreatesContainer.php
@@ -23,6 +23,7 @@ class CreatesContainer extends AbstractUpdateRelationshipRecord
         $model->container_number = $object->getContainerNumber();
         $model->container_type = $object->getContainerType();
         $model->seal_reference = $object->getSealReference();
+        $model->loading_date = $object->getLoadingDate();
         $model->status = $object->getStatus();
 
         return $this->handler($owner->containers(), $model);
diff --git a/app/Classes/Modules/Reports/ControllersLogic/CustomcClearanceLogic.php b/app/Classes/Modules/Reports/ControllersLogic/CustomcClearanceLogic.php
new file mode 100644
index 00000000..c7fa2c0d
--- /dev/null
+++ b/app/Classes/Modules/Reports/ControllersLogic/CustomcClearanceLogic.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Classes\Modules\Reports\ControllersLogic;
+
+use App\Classes\General\Abstracts\AbstractControllerLogic;
+use App\Models\User;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use App\Classes\Modules\Reports\ControllersLogic\ExportExcelLogic;
+use App\Classes\Modules\PackingLists\Processors\FetchPackingListProcessor;
+
+class CustomcClearanceLogic extends AbstractControllerLogic
+{
+    private $excelExportLogic;
+    private $listsPackingListProcessor;
+
+    public function __construct(FetchPackingListProcessor $listsPackingListProcessor){
+        $this->listsPackingListProcessor = $listsPackingListProcessor;
+    }
+
+    protected function notification():array {
+        return [];
+    }
+
+    public function logic(Request $request) : JsonResponse
+    {
+        $params = $request->all();
+        $packingLists = $this->listsPackingListProcessor->execute($params);
+        $excelExportLogic = new ExportExcelLogic(collect($packingLists));
+        $this->excelExportLogic = $excelExportLogic;
+
+        return response()->json(['success' => true]);
+    }
+
+    public function getExcelCollection(){
+        return $this->excelExportLogic;
+    }
+}
diff --git a/app/Classes/Modules/Reports/ControllersLogic/ExportExcelLogic.php b/app/Classes/Modules/Reports/ControllersLogic/ExportExcelLogic.php
new file mode 100644
index 00000000..c1d332a5
--- /dev/null
+++ b/app/Classes/Modules/Reports/ControllersLogic/ExportExcelLogic.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Classes\Modules\Reports\ControllersLogic;
+
+use Maatwebsite\Excel\Concerns\FromCollection;
+use PhpOffice\PhpSpreadsheet\Shared\Date;
+use PhpOffice\PhpSpreadsheet\Style\NumberFormat;
+use Maatwebsite\Excel\Concerns\WithColumnFormatting;
+use Maatwebsite\Excel\Concerns\WithMapping;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+use Maatwebsite\Excel\Concerns\ShouldAutoSize;
+
+class ExportExcelLogic implements FromCollection, ShouldAutoSize, WithHeadings, WithColumnFormatting, WithMapping
+{
+    private $data;
+
+    public function __construct($data)
+    {
+        $this->data=$data;
+    }
+    public function collection()
+    {
+        return $this->data;
+    }
+    public function map($order): array
+    {
+        return [
+            (string)$order->reference,
+            (string)$order->container_number,
+            (string)$order->fulladdress,
+            (string)$order->created_at,
+            "ssxxx"
+        ];
+    }
+
+    public function columnFormats(): array
+    {
+        return [
+            'A'=>'@',
+            'B' => NumberFormat::FORMAT_DATE_DDMMYYYY,
+
+        ];
+    }
+
+    public function headings(): array
+    {
+        return ["Reference", "Container", "Address", "Created", "Status"];
+    }
+
+}
diff --git a/app/Http/Controllers/PackingLists/Containers/InboundCustomClearedController.php b/app/Http/Controllers/PackingLists/Containers/InboundCustomClearedController.php
new file mode 100644
index 00000000..303ea5dc
--- /dev/null
+++ b/app/Http/Controllers/PackingLists/Containers/InboundCustomClearedController.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Controllers\PackingLists\Containers;
+
+use App\Classes\Modules\PackingLists\ControllersLogic\Containers\InboundCustomClearedLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class InboundCustomClearedController
+{
+    /**
+     * @param Request $request
+     * @param InboundCustomClearedLogic $logic
+     * @return JsonResponse
+     */
+    public function list(Request $request, InboundCustomClearedLogic $logic): JsonResponse {
+        return $logic->execute($request);
+    }
+
+}
diff --git a/app/Http/Controllers/Reports/CustomcClearanceReportController.php b/app/Http/Controllers/Reports/CustomcClearanceReportController.php
new file mode 100644
index 00000000..061f4a0b
--- /dev/null
+++ b/app/Http/Controllers/Reports/CustomcClearanceReportController.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Controllers\Reports;
+
+use App\Classes\Modules\Reports\ControllersLogic\CustomcClearanceLogic;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Maatwebsite\Excel\Facades\Excel;
+
+class CustomcClearanceReportController
+{
+    public function download(int $orderId, Request $request, CustomcClearanceLogic $customClearancelogic) {
+        $request->merge(['orderId' => $orderId]);
+        $filename = date("Y-m-d H:i:s")." - Custom cleared report ";
+        $customClearancelogic->logic($request);
+        return Excel::download( $customClearancelogic->getExcelCollection(), $filename.'.xlsx');
+    }
+}
diff --git a/app/Http/Controllers/Reports/MonthlyReportController.php b/app/Http/Controllers/Reports/MonthlyReportController.php
new file mode 100644
index 00000000..96836f97
--- /dev/null
+++ b/app/Http/Controllers/Reports/MonthlyReportController.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Http\Controllers\Reports;
+
+use App\Classes\ValueObjects\Constants\HttpStatus;
+use App\Classes\ValueObjects\Response\ApiResponseObject;
+use App\Models\Company;
+use App\Models\Container;
+use App\Models\Order;
+use Carbon\Carbon;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class MonthlyReportController
+{
+    public function report(Request $request): JsonResponse {
+        $month = Carbon::now()->subMonth();
+        $containers = Container::whereMonth('loading_date', $month->format('m'))->whereYear('loading_date', '=', '2021')->orderBy('loading_date')->get();
+
+        $total = 0;
+        $customers = collect();
+
+        foreach ($containers as $container){
+            foreach($container->packingLists as $packingList){
+                $cbm = $packingList->packages->sum(function ($package){
+                    return (( (float) $package->width / 100) * ( (float) $package->length / 100) * ( (float) $package->height / 100)) * $package->quantity;
+                });
+
+                $total += $cbm;
+                $marking = $packingList->owner->companyModule->inviters()->withPivot('invitee_reference')->first()->pivot->invitee_reference;
+                if(!$customers->has($marking)){
+                    $customers->put($marking, collect([
+                        'cbm' => $cbm,
+                        'orders' => 1,
+                        'packages' => $packingList->packages->sum('quantity')
+                    ]));
+
+                    continue;
+                }
+
+                $customers[$marking]['cbm'] += $cbm;
+                $customers[$marking]['orders'] += 1;
+                $customers[$marking]['packages'] += $packingList->packages->sum('quantity');
+            }
+        }
+
+        $activeOrders = $customers->sum(function($customer){
+            return $customer['orders'];
+        });
+        return (new ApiResponseObject('fetch monthly report Successful',
+            '',
+            HttpStatus::OK_WITH_MESSAGE, ['data' => [
+                'containers' => count($containers),
+                'activated_orders' => $activeOrders,
+                'active_customers' => count($customers),
+                'new_customers' => Company::whereMonth('created_at', $month->format('m'))->count(),
+                'total_cbm' => $customers->sum(function($customer){
+                    return $customer['cbm'];
+                }),
+                'packages' => $customers->sum(function($customer){
+                    return $customer['packages'];
+                }),
+                'total_orders' => Order::whereMonth('created_at', $month->format('m'))->count()
+            ]]))->handler();
+    }
+}
diff --git a/app/Http/Resources/ContainerResource.php b/app/Http/Resources/ContainerResource.php
index bc6337cc..b9daa54f 100644
--- a/app/Http/Resources/ContainerResource.php
+++ b/app/Http/Resources/ContainerResource.php
@@ -21,6 +21,7 @@ class ContainerResource extends JsonResource
             'container_specification' => ContainerTypes::CONTAINER_SPECIFICATION[$this->container_type],
             'container_number' => $this->container_number,
             'seal_reference' => $this->seal_reference,
+            'loading_date' => $this->loading_date ? $this->loading_date->format('d-m-Y') : $this->loading_date,
             'transport' => new TransportResource($this->transports()->first()),
             'packing_lists' => PackingListResource::collection($this->whenLoaded('packingLists', function(){
                 return $this->packingLists()->whereHas('packages')->get();
diff --git a/app/Models/Container.php b/app/Models/Container.php
index 9ff4fde8..e9acf41e 100644
--- a/app/Models/Container.php
+++ b/app/Models/Container.php
@@ -15,6 +15,8 @@ class Container extends AbstractModel implements Transportable
 
     protected $fillable = ['status'];
 
+    protected $dates = ['loading_date'];
+
     public function packingLists(): belongsToMany
     {
         return $this->belongsToMany(PackingList::class, ContainerPackingList::class, 'container_id', 'packing_list_id');
diff --git a/composer.json b/composer.json
index 824d2d3f..56ab4aac 100644
--- a/composer.json
+++ b/composer.json
@@ -17,6 +17,7 @@
         "intervention/image": "^2.5",
         "laravel/framework": "^8.40",
         "laravel/tinker": "^2.5",
+        "maatwebsite/excel": "^3.1",
         "rinvex/countries": "^6.1",
         "spatie/laravel-activitylog": "^3.14",
         "spatie/laravel-permission": "^4.2",
diff --git a/config/app.php b/config/app.php
index bad26462..df3e7a90 100644
--- a/config/app.php
+++ b/config/app.php
@@ -178,7 +178,8 @@ return [
         // Third Parties
         Spatie\Permission\PermissionServiceProvider::class,
         Barryvdh\DomPDF\ServiceProvider::class,
-        Meneses\LaravelMpdf\LaravelMpdfServiceProvider::class
+        Meneses\LaravelMpdf\LaravelMpdfServiceProvider::class,
+        Maatwebsite\Excel\ExcelServiceProvider::class,
     ],
 
     /*
@@ -233,6 +234,7 @@ return [
         'View' => Illuminate\Support\Facades\View::class,
         'PDF' => Barryvdh\DomPDF\Facade::class,
         'MPDF' => Meneses\LaravelMpdf\Facades\LaravelMpdf::class,
+        'Excel' => Maatwebsite\Excel\Facades\Excel::class,
     ],
 
 ];
diff --git a/config/excel.php b/config/excel.php
new file mode 100644
index 00000000..c3199b92
--- /dev/null
+++ b/config/excel.php
@@ -0,0 +1,328 @@
+<?php
+
+use Maatwebsite\Excel\Excel;
+
+return [
+    'exports' => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | Chunk size
+        |--------------------------------------------------------------------------
+        |
+        | When using FromQuery, the query is automatically chunked.
+        | Here you can specify how big the chunk should be.
+        |
+        */
+        'chunk_size'             => 1000,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Pre-calculate formulas during export
+        |--------------------------------------------------------------------------
+        */
+        'pre_calculate_formulas' => false,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Enable strict null comparison
+        |--------------------------------------------------------------------------
+        |
+        | When enabling strict null comparison empty cells ('') will
+        | be added to the sheet.
+        */
+        'strict_null_comparison' => false,
+
+        /*
+        |--------------------------------------------------------------------------
+        | CSV Settings
+        |--------------------------------------------------------------------------
+        |
+        | Configure e.g. delimiter, enclosure and line ending for CSV exports.
+        |
+        */
+        'csv'                    => [
+            'delimiter'              => ',',
+            'enclosure'              => '"',
+            'line_ending'            => PHP_EOL,
+            'use_bom'                => false,
+            'include_separator_line' => false,
+            'excel_compatibility'    => false,
+        ],
+
+        /*
+        |--------------------------------------------------------------------------
+        | Worksheet properties
+        |--------------------------------------------------------------------------
+        |
+        | Configure e.g. default title, creator, subject,...
+        |
+        */
+        'properties'             => [
+            'creator'        => '',
+            'lastModifiedBy' => '',
+            'title'          => '',
+            'description'    => '',
+            'subject'        => '',
+            'keywords'       => '',
+            'category'       => '',
+            'manager'        => '',
+            'company'        => '',
+        ],
+    ],
+
+    'imports'            => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | Read Only
+        |--------------------------------------------------------------------------
+        |
+        | When dealing with imports, you might only be interested in the
+        | data that the sheet exists. By default we ignore all styles,
+        | however if you want to do some logic based on style data
+        | you can enable it by setting read_only to false.
+        |
+        */
+        'read_only' => true,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Ignore Empty
+        |--------------------------------------------------------------------------
+        |
+        | When dealing with imports, you might be interested in ignoring
+        | rows that have null values or empty strings. By default rows
+        | containing empty strings or empty values are not ignored but can be
+        | ignored by enabling the setting ignore_empty to true.
+        |
+        */
+        'ignore_empty' => false,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Heading Row Formatter
+        |--------------------------------------------------------------------------
+        |
+        | Configure the heading row formatter.
+        | Available options: none|slug|custom
+        |
+        */
+        'heading_row' => [
+            'formatter' => 'slug',
+        ],
+
+        /*
+        |--------------------------------------------------------------------------
+        | CSV Settings
+        |--------------------------------------------------------------------------
+        |
+        | Configure e.g. delimiter, enclosure and line ending for CSV imports.
+        |
+        */
+        'csv'         => [
+            'delimiter'        => ',',
+            'enclosure'        => '"',
+            'escape_character' => '\\',
+            'contiguous'       => false,
+            'input_encoding'   => 'UTF-8',
+        ],
+
+        /*
+        |--------------------------------------------------------------------------
+        | Worksheet properties
+        |--------------------------------------------------------------------------
+        |
+        | Configure e.g. default title, creator, subject,...
+        |
+        */
+        'properties'  => [
+            'creator'        => '',
+            'lastModifiedBy' => '',
+            'title'          => '',
+            'description'    => '',
+            'subject'        => '',
+            'keywords'       => '',
+            'category'       => '',
+            'manager'        => '',
+            'company'        => '',
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Extension detector
+    |--------------------------------------------------------------------------
+    |
+    | Configure here which writer/reader type should be used when the package
+    | needs to guess the correct type based on the extension alone.
+    |
+    */
+    'extension_detector' => [
+        'xlsx'     => Excel::XLSX,
+        'xlsm'     => Excel::XLSX,
+        'xltx'     => Excel::XLSX,
+        'xltm'     => Excel::XLSX,
+        'xls'      => Excel::XLS,
+        'xlt'      => Excel::XLS,
+        'ods'      => Excel::ODS,
+        'ots'      => Excel::ODS,
+        'slk'      => Excel::SLK,
+        'xml'      => Excel::XML,
+        'gnumeric' => Excel::GNUMERIC,
+        'htm'      => Excel::HTML,
+        'html'     => Excel::HTML,
+        'csv'      => Excel::CSV,
+        'tsv'      => Excel::TSV,
+
+        /*
+        |--------------------------------------------------------------------------
+        | PDF Extension
+        |--------------------------------------------------------------------------
+        |
+        | Configure here which Pdf driver should be used by default.
+        | Available options: Excel::MPDF | Excel::TCPDF | Excel::DOMPDF
+        |
+        */
+        'pdf'      => Excel::DOMPDF,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Value Binder
+    |--------------------------------------------------------------------------
+    |
+    | PhpSpreadsheet offers a way to hook into the process of a value being
+    | written to a cell. In there some assumptions are made on how the
+    | value should be formatted. If you want to change those defaults,
+    | you can implement your own default value binder.
+    |
+    | Possible value binders:
+    |
+    | [x] Maatwebsite\Excel\DefaultValueBinder::class
+    | [x] PhpOffice\PhpSpreadsheet\Cell\StringValueBinder::class
+    | [x] PhpOffice\PhpSpreadsheet\Cell\AdvancedValueBinder::class
+    |
+    */
+    'value_binder' => [
+        'default' => Maatwebsite\Excel\DefaultValueBinder::class,
+    ],
+
+    'cache' => [
+        /*
+        |--------------------------------------------------------------------------
+        | Default cell caching driver
+        |--------------------------------------------------------------------------
+        |
+        | By default PhpSpreadsheet keeps all cell values in memory, however when
+        | dealing with large files, this might result into memory issues. If you
+        | want to mitigate that, you can configure a cell caching driver here.
+        | When using the illuminate driver, it will store each value in a the
+        | cache store. This can slow down the process, because it needs to
+        | store each value. You can use the "batch" store if you want to
+        | only persist to the store when the memory limit is reached.
+        |
+        | Drivers: memory|illuminate|batch
+        |
+        */
+        'driver'     => 'memory',
+
+        /*
+        |--------------------------------------------------------------------------
+        | Batch memory caching
+        |--------------------------------------------------------------------------
+        |
+        | When dealing with the "batch" caching driver, it will only
+        | persist to the store when the memory limit is reached.
+        | Here you can tweak the memory limit to your liking.
+        |
+        */
+        'batch'     => [
+            'memory_limit' => 60000,
+        ],
+
+        /*
+        |--------------------------------------------------------------------------
+        | Illuminate cache
+        |--------------------------------------------------------------------------
+        |
+        | When using the "illuminate" caching driver, it will automatically use
+        | your default cache store. However if you prefer to have the cell
+        | cache on a separate store, you can configure the store name here.
+        | You can use any store defined in your cache config. When leaving
+        | at "null" it will use the default store.
+        |
+        */
+        'illuminate' => [
+            'store' => null,
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Transaction Handler
+    |--------------------------------------------------------------------------
+    |
+    | By default the import is wrapped in a transaction. This is useful
+    | for when an import may fail and you want to retry it. With the
+    | transactions, the previous import gets rolled-back.
+    |
+    | You can disable the transaction handler by setting this to null.
+    | Or you can choose a custom made transaction handler here.
+    |
+    | Supported handlers: null|db
+    |
+    */
+    'transactions' => [
+        'handler' => 'db',
+    ],
+
+    'temporary_files' => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | Local Temporary Path
+        |--------------------------------------------------------------------------
+        |
+        | When exporting and importing files, we use a temporary file, before
+        | storing reading or downloading. Here you can customize that path.
+        |
+        */
+        'local_path'          => storage_path('framework/laravel-excel'),
+
+        /*
+        |--------------------------------------------------------------------------
+        | Remote Temporary Disk
+        |--------------------------------------------------------------------------
+        |
+        | When dealing with a multi server setup with queues in which you
+        | cannot rely on having a shared local temporary path, you might
+        | want to store the temporary file on a shared disk. During the
+        | queue executing, we'll retrieve the temporary file from that
+        | location instead. When left to null, it will always use
+        | the local path. This setting only has effect when using
+        | in conjunction with queued imports and exports.
+        |
+        */
+        'remote_disk'         => null,
+        'remote_prefix'       => null,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Force Resync
+        |--------------------------------------------------------------------------
+        |
+        | When dealing with a multi server setup as above, it's possible
+        | for the clean up that occurs after entire queue has been run to only
+        | cleanup the server that the last AfterImportJob runs on. The rest of the server
+        | would still have the local temporary file stored on it. In this case your
+        | local storage limits can be exceeded and future imports won't be processed.
+        | To mitigate this you can set this config value to be true, so that after every
+        | queued chunk is processed the local temporary file is deleted on the server that
+        | processed it.
+        |
+        */
+        'force_resync_remote' => null,
+    ],
+];
diff --git a/database/migrations/2021_07_21_110190_create_containers_table.php b/database/migrations/2021_07_21_110190_create_containers_table.php
index 59ede968..f668901e 100644
--- a/database/migrations/2021_07_21_110190_create_containers_table.php
+++ b/database/migrations/2021_07_21_110190_create_containers_table.php
@@ -22,6 +22,7 @@ class CreateContainersTable extends Migration
             $table->string('container_number')->nullable();
             $table->integer('container_type')->default(ContainerTypes::FORTY_FEET_DRY_CONTAINER);
             $table->string('seal_reference')->nullable();
+            $table->timestamp('loading_date')->nullable();
             $table->integer('status')->default(ApprovalStatus::PENDING_SUBMISSION);
             $table->softDeletes();
             $table->timestamps();
diff --git a/database/seeders/CompaniesTableSeeder.php b/database/seeders/CompaniesTableSeeder.php
index c2ffdeb4..da6c1061 100644
--- a/database/seeders/CompaniesTableSeeder.php
+++ b/database/seeders/CompaniesTableSeeder.php
@@ -172,49 +172,49 @@ class CompaniesTableSeeder extends Seeder
 
         }
 
-        // if(true){
-        //     $companies = OldCompany::all();
-
-        //     foreach($companies as $company){
-
-        //         $marking = explode("CIEF/", $company->marking);
-
-        //         if(count($marking) < 2){
-        //             continue;
-        //         }
-
-        //         $marking = str_replace(' ', '', str_replace('/', '', $marking[1]));
-
-
-        //         /** @var Company $newCompany */
-        //         $newCompany = $this->createCompanyProcessor->execute($company->name, CompanyType::COMPANY_BUSINESS, ApprovalStatus::PENDING_SUBMISSION);
-
-        //         $this->updatesCompanyStatus->execute($newCompany, ApprovalStatus::APPROVED);
-
-        //         /** @var CompanyModule $companyModule */
-        //         $companyModule = $this->createCompanyModuleProcessor->execute($newCompany, BusinessType::IMPORTER);
-
-        //         $connectionObject = new CompanyConnectionObject($companyModule, 'CIEF', $marking);
-
-        //         $connection = $this->createsCompanyConnection->execute($connectionObject);
-        //         $this->approvesCompanyConnection->execute($connection);
-
-        //         $i = 0;
-        //         foreach($company->addresses as $address){
-        //             $this->createAddressFromOldAddressProcessor->execute($address, $companyModule);
-        //             $contact = preg_replace("/[^0-9.]/", "", $address->contact);
-        //             if($contact){
-        //                 $i++;
-        //                 if($i === 1) {
-        //                     $contactObject = new ContactObject('', $contact, $company->email, '',);
-        //                     $this->createContactProcessor->execute($contactObject, $newCompany);
-        //                 }
-        //             }
-
-
-        //         }
-        //     }
-        // }
+//         if(true){
+//             $companies = OldCompany::all();
+//
+//             foreach($companies as $company){
+//
+//                 $marking = explode("CIEF/", $company->marking);
+//
+//                 if(count($marking) < 2){
+//                     continue;
+//                 }
+//
+//                 $marking = str_replace(' ', '', str_replace('/', '', $marking[1]));
+//
+//
+//                 /** @var Company $newCompany */
+//                 $newCompany = $this->createCompanyProcessor->execute($company->name, CompanyType::COMPANY_BUSINESS, ApprovalStatus::PENDING_SUBMISSION);
+//
+//                 $this->updatesCompanyStatus->execute($newCompany, ApprovalStatus::APPROVED);
+//
+//                 /** @var CompanyModule $companyModule */
+//                 $companyModule = $this->createCompanyModuleProcessor->execute($newCompany, BusinessType::IMPORTER);
+//
+//                 $connectionObject = new CompanyConnectionObject($companyModule, 'CIEF', $marking);
+//
+//                 $connection = $this->createsCompanyConnection->execute($connectionObject);
+//                 $this->approvesCompanyConnection->execute($connection);
+//
+//                 $i = 0;
+//                 foreach($company->addresses as $address){
+//                     $this->createAddressFromOldAddressProcessor->execute($address, $companyModule);
+//                     $contact = preg_replace("/[^0-9.]/", "", $address->contact);
+//                     if($contact){
+//                         $i++;
+//                         if($i === 1) {
+//                             $contactObject = new ContactObject('', $contact, $company->email, '',);
+//                             $this->createContactProcessor->execute($contactObject, $newCompany);
+//                         }
+//                     }
+//
+//
+//                 }
+//             }
+//         }
 
 
     }
diff --git a/resources/assets/vue/components/containers/elements/ContainerComponent.vue b/resources/assets/vue/components/containers/elements/ContainerComponent.vue
index bd253565..ded65bb3 100644
--- a/resources/assets/vue/components/containers/elements/ContainerComponent.vue
+++ b/resources/assets/vue/components/containers/elements/ContainerComponent.vue
@@ -14,11 +14,15 @@
                             <h6 class="no-margin bold">{{item.container_reference}}</h6>
                             <p class="no-margin">{{item.container_number}} / {{item.seal_reference}}</p>
                         </div>
-                        <div class="col-2">
+                        <div class="col-auto">
+                            <p class="no-margin fs-10 all-caps">Loading Date</p>
+                            <p class="no-margin">{{item.loading_date ? item.loading_date : 'n/a'}}</p>
+                        </div>
+                        <div class="col-auto">
                             <p class="no-margin fs-10 all-caps">ETD</p>
                             <p class="no-margin">{{item.transport ? item.transport.current_schedule.etd : 'n/a'}}</p>
                         </div>
-                        <div class="col-2">
+                        <div class="col">
                             <p class="no-margin fs-10 all-caps">ETA</p>
                             <p class="no-margin">{{item.transport ? item.transport.current_schedule.eta : 'n/a'}}</p>
                         </div>
@@ -26,7 +30,7 @@
                             <p class="no-margin fs-10 all-caps">Loaded CBM</p>
                             <p class="no-margin">{{ (Math.ceil((item.packing_lists.reduce((total, obj) => total + obj.packages.reduce((total, obj) => obj.cbm + total, 0), 0)) * 1000) / 1000).toFixed(3) }}</p>
                         </div>
-                        <div class="col">
+                        <div class="col-auto">
                             <p class="no-margin fs-10 all-caps">Status</p>
                             <p class="no-margin bold" :class="{'text-success': item.status === 3, 'text-complete': item.status !== 3}">{{item.status === 3 ? 'Un-stuffed' : 'In Progress'}}</p>
                         </div>
@@ -68,6 +72,14 @@
                                             <div class="btn btn-xs btn-success pointer" v-if="packingList.status === 5" @click="updateStatus(index, item.status === 1 ? 1 : 2)"><i class="fa fa-check m-r-5"></i>Release</div>
                                             <div class="btn btn-xs btn-danger pointer" v-if="packingList.status !== 5" @click="updateStatus(index, 5)"><i class="fa fa-hand-paper-o m-r-5"></i>Hold</div>
                                         </div>
+                                        <div  class="col-auto hide">
+                                            <a class="btn btn-xs btn-warning all-caps b-rad-none pointer" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                Report&nbsp;<i class="fa fa-download m-r-10"></i>
+                                            </a>
+                                            <div class="dropdown-menu">
+                                                <a class="dropdown-item" :href="route('report.customclearance',packingList.order.id)">Origin custom cleared</a>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -103,4 +115,4 @@
         },
         mixins: [componentHandler]
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/orders/elements/OrderComponent.vue b/resources/assets/vue/components/orders/elements/OrderComponent.vue
index c3104ca9..2262d768 100644
--- a/resources/assets/vue/components/orders/elements/OrderComponent.vue
+++ b/resources/assets/vue/components/orders/elements/OrderComponent.vue
@@ -2,7 +2,7 @@
     <div class="row m-l-0 m-r-0 m-b-30 parentContainer">
         <div class="col bg-white">
             <div class="row align-items-center">
-                <div class="col no-padding">
+                <div class="col-6 no-padding">
                     <div class="row">
                         <div class="col">
                             <a :href="route('order.qr.download', item.id)" target="_blank">
@@ -13,7 +13,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col">
+                <div class="col-6">
                     <div class="row m-b-5">
                         <div class="col">
                             <small class="fs-10 all-caps muted">Order No.</small>
@@ -28,8 +28,20 @@
                     </div>
                     <div class="row m-b-5">
                         <div class="col">
-                            <small class="fs-10 all-caps muted">Delivery Address</small>
-                            <h6 class="no-margin small">{{item.address.reference}} <i class="fa fa-info-circle m-l-5" v-tooltip:right="item.address.street_one+' '+(item.address.street_two ? item.address.street_two : '')+', '+ item.address.district.name+', '+item.address.post_code+' '+item.address.state.name+', '+item.address.country.name" ></i></h6>
+                            <div class="row">
+                                <div class="col">
+                                    <small class="fs-10 all-caps muted">Delivery Address</small>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-9 p-r-0">
+                                    <h6 class="no-margin small" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.address.reference}}</h6>
+                                </div>
+                                <div class="col p-l-0">
+                                    <div class="row"><div class="col"><div class="row"><div class="col"></div></div><div class="row"><div class="col"></div></div></div></div>
+                                    <i class="fa fa-info-circle m-l-5" data-html="true" v-tooltip:right="'<h6 class=\'text-white text-left fs-13 m-t-0 m-b-5 semi-bold\'>'+item.address.reference+'</h6><p class=\'text-white text-left lh-17 no-margin\'>'+item.address.street_one+' '+(item.address.street_two ? item.address.street_two : '')+', '+ item.address.district.name+', '+item.address.post_code+' '+item.address.state.name+', '+item.address.country.name+'</p>'" ></i>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
diff --git a/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
new file mode 100644
index 00000000..86535a80
--- /dev/null
+++ b/resources/assets/vue/components/paymentsBilling/elements/PaymentsBillingComponents.vue
@@ -0,0 +1,131 @@
+<template>
+    <div class="row m-b-15 m-l-5 m-r-10">
+        <div class="col bg-master-lightest rounded" :class="{'b-gray': !selected, 'b-primary': selected, 'bg-primary-lighter': selected}">
+            <div class="row">
+                <div class="col padding-20">
+                    <div class="row align-items-center">
+                        <div class="col-auto pointer align-items-center" @click="selected = !selected">
+                            <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selected, 'fa-check-square': selected, 'text-primary':selected}" ></i>
+                        </div>
+                        <div class="col">
+                            <h5 class="no-margin">{{item.country.id}}05052021</h5>
+                        </div>
+                        <div class="col">
+                            <h5 class="no-margin">Invoice Date Invoice Date</h5>
+                        </div>
+                        <div class="col">
+                            <h5 class="no-margin">Status</h5>
+                        </div>
+                        <div class="col">
+                            <h5 class="no-margin">Amount</h5>
+                        </div>
+                        <div class="col-auto">
+                            <div class="btn bg-grey no-border" @click="expanded = !expanded">
+                                <i class="fa" :class="{'fa-angle-down': !expanded, 'fa-angle-up': expanded}" ></i>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row b-t b-grey p-t-10" v-show="expanded">
+                <div class="col p-b-10">
+                    <div class="row">
+                        <div class="col p-l-20 p-r-20 p-t-10 p-b-10">
+                            <div class="row align-items-center">
+                                <div class="col-auto invisible">
+                                    <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selected, 'fa-check-square': selected, 'text-primary':selected}" ></i>
+                                </div>
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="m-b-0">Carrier Tracking Number</h5>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">#1zbr06tw403742920</h5>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="m-b-0">Due Date</h5>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">11.04.2021</h5>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">Outstanding</h5>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">RM0.00</h5>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col p-l-20 p-r-20 p-t-10 p-b-10">
+                            <div class="row align-items-center">
+                                <div class="col-auto invisible">
+                                    <i class="fa fs-30 fa-fw" :class="{'fa-square-o': !selected, 'fa-check-square': selected, 'text-primary':selected}" ></i>
+                                </div>
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="m-b-0 normal-text">This package was delivered by</h5>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">#1zbr06tw403742920</h5>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="m-b-0">Date Paid</h5>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <h5 class="semi-bold m-t-0 m-b-0 large-text">21.01.2021</h5>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col">
+                                    <div class="btn btn-outline-complete btn-lg">
+                                        Invoice Detail
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    export default {
+        data(){
+            return {
+                expanded: false,
+                selected: false,
+            }
+        },
+        mixins: [componentHandler]
+    }
+</script>
diff --git a/resources/assets/vue/components/reports/sections/MonthlyReportSectionComponent.vue b/resources/assets/vue/components/reports/sections/MonthlyReportSectionComponent.vue
new file mode 100644
index 00000000..6af42e93
--- /dev/null
+++ b/resources/assets/vue/components/reports/sections/MonthlyReportSectionComponent.vue
@@ -0,0 +1,170 @@
+<template>
+    <div class="row" >
+        <div class="col">
+            <loading-component v-if="isLoading"></loading-component>
+            <div class="row" v-if="report">
+                <div class="col">
+                    <div class="card no-border bg-master-lightest widget-loader-bar m-b-10">
+                        <div class="container-xs-height full-height">
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="card-header  top-left top-right">
+                                        <div class="card-title">
+                                            <span class="font-montserrat fs-11 all-caps">Total CBM</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="p-l-20 p-t-50 p-b-40 p-r-20">
+                                        <h3 class="no-margin p-b-5">{{(Math.ceil(report.total_cbm * 1000) / 1000).toFixed(3)}}</h3>
+                                        <span class="small hint-text pull-left">{{ Math.ceil((((report.total_cbm / 1000) * 100) * 100) / 100).toFixed(2)}}%</span>
+                                        <span class="pull-right small text-primary">Goal: 1000 CBM</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-bottom">
+                                    <div class="progress progress-small m-b-0">
+                                        <div class="progress-bar progress-bar-primary" :style="{'width': Math.ceil((((report.total_cbm / 1000) * 100) * 100) / 100).toFixed(2)+'%'}"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card no-border bg-master-lightest widget-loader-bar m-b-10">
+                        <div class="container-xs-height full-height">
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="card-header  top-left top-right">
+                                        <div class="card-title">
+                                            <span class="font-montserrat fs-11 all-caps">Activated Orders</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="p-l-20 p-t-50 p-b-40 p-r-20">
+                                        <h3 class="no-margin p-b-5">{{report.activated_orders}}</h3>
+                                        <span class="small hint-text pull-left">{{ Math.ceil((((report.activated_orders / report.total_orders) * 100) * 100) / 100).toFixed(2)}}%</span>
+                                        <span class="pull-right small text-primary">Created Orders: {{report.total_orders}}</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-bottom">
+                                    <div class="progress progress-small m-b-0">
+                                        <div class="progress-bar progress-bar-primary" :style="{'width': Math.ceil((((report.activated_orders / report.total_orders) * 100) * 100) / 100).toFixed(2)+'%'}"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card no-border bg-master-lightest widget-loader-bar m-b-10">
+                        <div class="container-xs-height full-height">
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="card-header  top-left top-right">
+                                        <div class="card-title">
+                                            <span class="font-montserrat fs-11 all-caps">Active Customers</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="p-l-20 p-t-50 p-b-40 p-r-20">
+                                        <h3 class="no-margin p-b-5">{{report.active_customers}}</h3>
+                                        <span class="small hint-text pull-left">{{ Math.ceil((((report.new_customers / report.active_customers) * 100) * 100) / 100).toFixed(2)}}%</span>
+                                        <span class="pull-right small text-primary">New Customers: {{report.new_customers}}</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-bottom">
+                                    <div class="progress progress-small m-b-0">
+                                        <div class="progress-bar progress-bar-primary" :style="{'width': Math.ceil((((report.new_customers / report.active_customers) * 100) * 100) / 100).toFixed(2)+'%'}"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card no-border bg-master-lightest widget-loader-bar m-b-10">
+                        <div class="container-xs-height full-height">
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="card-header  top-left top-right">
+                                        <div class="card-title">
+                                            <span class="font-montserrat fs-11 all-caps">Containers</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top">
+                                    <div class="p-l-20 p-t-50 p-b-40 p-r-20">
+                                        <h3 class="no-margin p-b-5">{{report.containers}}</h3>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-bottom">
+                                    <div class="progress progress-small m-b-0">
+                                        <div class="progress-bar progress-bar-primary" style="width: 0"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import LoadingComponent from "../../general/elements/LoadingComponent";
+    export default {
+        components: {LoadingComponent},
+        data(){
+            return {
+                section: 'monthlyReportSection',
+                isLoading: true,
+                report: null
+            }
+        },
+        computed: {
+            pendingQueue () {
+                return this.$store.getters.isInCompleteQueue(this.section);
+            }
+        },
+        watch: {
+            pendingQueue(inComplete){
+                if(inComplete){
+                    this.fetchReport();
+                }
+            }
+        },
+        created(){
+            this.$store.dispatch('updateListQueue', {'name': this.section});
+        },
+        methods: {
+            fetchReport(){
+                this.isLoading = true;
+                this.submit(route('api.report'), 'get', this.section, false, false)
+            },
+            successHandler(response){
+                this.$store.dispatch('completeList', {'name': this.section, 'data': []});
+                this.isLoading = false;
+                this.report = response.payload.data;
+            }
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/resources/assets/vue/components/shippingQueue/elements/shippingQueueComponents.vue b/resources/assets/vue/components/shippingQueue/elements/shippingQueueComponents.vue
new file mode 100644
index 00000000..41c20a1c
--- /dev/null
+++ b/resources/assets/vue/components/shippingQueue/elements/shippingQueueComponents.vue
@@ -0,0 +1,94 @@
+<template>
+  <div class="row padding-15">
+        <div class="col rounded p-l-20 p-r-20">
+            <div class="row bg-master-light rounded align-items-center padding-20">
+                <div class="col">
+                    <div class="row m-b-5">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0 font-weight-normal">Package ID:</h5>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0">9956665659-MY5568978458</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row m-b-5">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0 font-weight-normal">Package Size:</h5>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0">52x65x35 CM / 10KG</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="row m-b-5">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0 font-weight-normal">Delivery Address</h5>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0">Home</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row m-b-5">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0 font-weight-normal">Delivery Estimation</h5>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <h5 class="m-b-0 m-t-0">05/05/2022</h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="row">
+                        <div class="col">
+                            <h5 class="m-b-0 m-t-0">Shipping Cost</h5>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col">
+                            <h3 class="m-b-0 m-t-0">RM2800</h3>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-auto pointer">
+                    <div class="btn btn-lg btn-default btn-rounded"><i class="fa fa-check lightest lh-50"></i></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import componentHandler from '../../../general/mixins/componentHandler';
+    export default {
+        data(){
+            return {
+                expanded: false,
+            }
+        },
+        mixins: [componentHandler]
+    }
+</script>
diff --git a/resources/views/layouts/base_portal.blade.php b/resources/views/layouts/base_portal.blade.php
index 87144464..96025829 100644
--- a/resources/views/layouts/base_portal.blade.php
+++ b/resources/views/layouts/base_portal.blade.php
@@ -21,6 +21,10 @@
                                         <div class="col p-t-15 p-b-25">
                                             <div class="row m-b-20" v-if="$store.getters.isAdmin">
                                                 <div class="col"></div>
+                                                <div class="col-auto p-r-0">
+
+
+                                                </div>
                                                 <div class="col-auto p-r-0">
                                                     <a href="{{route('orders.refresh')}}"><div class="btn btn-sm btn-warning all-caps b-rad-none pointer"><i class="fa fa-refresh m-r-10"></i>Refresh Orders</div></a>
                                                 </div>
@@ -108,4 +112,4 @@
         </div>
     </div>
 
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/pages/accounts/claim_business.blade.php b/resources/views/pages/accounts/claim_business.blade.php
index 645b8e5f..dd199c15 100644
--- a/resources/views/pages/accounts/claim_business.blade.php
+++ b/resources/views/pages/accounts/claim_business.blade.php
@@ -8,6 +8,7 @@
                     <img class="w-100" src="{{asset('images/cief-izyim-logo.png')}}" alt="">
                 </div>
             </div>
+            <div class="hide">{{$id}}</div>
             <div class="row">
                 <div class="col">
                     <loading-component style="height: 350px;" key="1" color="primary" v-show="$store.getters.isLoading('loginSection')"></loading-component>
diff --git a/resources/views/pages/admin/customers.blade.php b/resources/views/pages/admin/customers.blade.php
new file mode 100644
index 00000000..048b81c6
--- /dev/null
+++ b/resources/views/pages/admin/customers.blade.php
@@ -0,0 +1,25 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+    <div class="row">
+        <div class="col">
+            <div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
+                <div class="col-8">
+                    <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
+                        <div class="col no-padding">
+                            <h6>Customers List</h6>
+                        </div>
+                    </div>
+                    <div class="row m-l-0 m-r-0">
+                        <div class="col">
+                            <list-component  key="2" section="customerListSection" :endpoint="route('api.company.list')" :options="{'has_business_module_type': 1}">
+                                <template slot="list" slot-scope="{data}">
+                                    <company-component :data="data"></company-component>
+                                </template>
+                            </list-component>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
diff --git a/resources/views/pages/admin/dashboard.blade.php b/resources/views/pages/admin/dashboard.blade.php
index 0fe49ba7..f5b7df56 100644
--- a/resources/views/pages/admin/dashboard.blade.php
+++ b/resources/views/pages/admin/dashboard.blade.php
@@ -1,47 +1,42 @@
 <div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
-    <div class="col-8">
-        <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
-            <div class="col no-padding">
-                <h6>Customers List</h6>
-            </div>
-        </div>
-        <div class="row m-l-0 m-r-0">
+    <div class="col">
+        <div class="row m-b-50">
             <div class="col">
-                <list-component  key="2" section="customerListSection" :endpoint="route('api.company.list')" :options="{'has_business_module_type': 1}">
-                    <template slot="list" slot-scope="{data}">
-                        <company-component :data="data"></company-component>
-                    </template>
-                </list-component>
+                <monthly-report-section-component></monthly-report-section-component>
             </div>
         </div>
-    </div>
-    <div class="col-4">
-        <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
-            <div class="col no-padding">
-                <h6>Identification Verification</h6>
+        <div class="row">
+            <div class="col-4">
+                <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
+                    <div class="col no-padding">
+                        <h6>Identification Verification</h6>
+                    </div>
+                </div>
+                <div class="row no-margin">
+                    <div class="col">
+                        <list-component key="2" section="identificationVerificationSection" :options="{'per_page': 10, 'document_type_in': ['SSM_REGISTRATION', 'IDENTITY_CARD'], 'status': 1, 'with_company': true}"  :endpoint="route('api.document.list')">
+                            <template slot="list" slot-scope="{data}">
+                                <identification-verification-component section="identificationVerificationSection" :data="data"></identification-verification-component>
+                            </template>
+                        </list-component>
+                    </div>
+                </div>
             </div>
-        </div>
-        <div class="row no-margin">
-            <div class="col">
-                <list-component key="2" section="identificationVerificationSection" :options="{'per_page': 5, 'document_type_in': ['SSM_REGISTRATION', 'IDENTITY_CARD'], 'status': 1, 'with_company': true}"  :endpoint="route('api.document.list')">
-                    <template slot="list" slot-scope="{data}">
-                        <identification-verification-component section="identificationVerificationSection" :data="data"></identification-verification-component>
-                    </template>
-                </list-component>
-            </div>
-        </div>
-        <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
-            <div class="col no-padding">
-                <h6>Address Change Verification</h6>
-            </div>
-        </div>
-        <div class="row no-margin">
-            <div class="col">
-                <list-component key="2" section="addressVerificationSection" :options="{'per_page': 5, 'status': 1, 'with_owner': true}"  :endpoint="route('api.address.list')">
-                    <template slot="list" slot-scope="{data}">
-                        <address-verification-component section="addressVerificationSection" :data="data"></address-verification-component>
-                    </template>
-                </list-component>
+            <div class="col-4">
+                <div class="row p-b-5 b-b b-grey m-b-10 m-l-0 m-r-0">
+                    <div class="col no-padding">
+                        <h6>Address Change Verification</h6>
+                    </div>
+                </div>
+                <div class="row no-margin">
+                    <div class="col">
+                        <list-component key="2" section="addressVerificationSection" :options="{'per_page': 10, 'status': 1, 'with_owner': true}"  :endpoint="route('api.address.list')">
+                            <template slot="list" slot-scope="{data}">
+                                <address-verification-component section="addressVerificationSection" :data="data"></address-verification-component>
+                            </template>
+                        </list-component>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
diff --git a/resources/views/pages/templates/paymentsBilling.blade.php b/resources/views/pages/templates/paymentsBilling.blade.php
new file mode 100644
index 00000000..f8a7719d
--- /dev/null
+++ b/resources/views/pages/templates/paymentsBilling.blade.php
@@ -0,0 +1,128 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+<div class="row">
+    <div class="col">
+        <div class="row">
+            <div class="col-12 col-sm-12 col-md-9">
+                <div class="row m-b-15 m-l-5 m-r-10">
+                    <div class="col b-a b-grey rounded bg-master-light">
+                        <div class="row">
+                            <div class="col padding-20">
+                                <div class="row align-items-center justify-conten-center">
+                                    <div class="col-auto pointer">
+                                        <i class="fa fs-30 fa-fw fa-square-o"></i>
+                                    </div>
+                                    <div class="col">
+                                        <h5 class="no-margin font-heading">Invoice No</h5>
+                                    </div>
+                                    <div class="col">
+                                        <h5 class="no-margin">Invoice Date</h5>
+                                    </div>
+                                    <div class="col">
+                                        <h5 class="no-margin">Status</h5>
+                                    </div>
+                                    <div class="col">
+                                        <h5 class="no-margin">Amount</h5>
+                                    </div>
+                                    <div class="col-auto invisible">
+                                        <div class="btn btn-default no-border">
+                                            <i class="fa fa-angle-up"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <list-component section="containerListSection" :endpoint="route('api.address.district.list')">
+                    <template slot="list" slot-scope="{data}">
+                        <payments-billing-components :data="data"></payments-billing-components>
+                    </template>
+                </list-component>
+            </div>
+            <div class="col-12 col-sm-12 col-md-3">
+                <div class="row align-items-center">
+                    <div class="col b-a b-grey rounded padding-25">
+                        <div class="row">
+                            <div class="col">
+                                <h6 class="semi-bold muted">Payment Summary</h6>
+                            </div>
+                        </div>
+                        <div class="row align-items-center justify-content-center">
+                            <div class="col-auto">
+                                <div class="padding-5">
+                                    <i class="fa fa-angle-up"></i>
+                                </div>
+                            </div>
+                            <div class="col p-l-0">
+                                <h6 class="semi-bold text-primary">2 Invoice Selected</h6>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <div class="row">
+                                    <div class="col-auto">
+                                        <h6 class="no-margin">x1</h6>
+                                    </div>
+                                    <div class="col">
+                                        <h6 class="no-margin">lorem ipsum</h6>
+                                    </div>
+                                    <div class="col-auto">
+                                        <h6 class="no-margin">52x62x635 CM</h6>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col-auto">
+                                        <h6 class="no-margin">x1</h6>
+                                    </div>
+                                    <div class="col">
+                                        <h6 class="no-margin">lorem ipsum</h6>
+                                    </div>
+                                    <div class="col-auto">
+                                        <h6 class="no-margin">52x62x635 CM</h6>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <hr>
+                        <div class="row">
+                            <div class="col">
+                                <h6 class="normal m-t-5 m-b-5">Shipping Fee</h6>
+                            </div>
+                            <div class="col-auto">
+                                <h6 class="normal m-t-5 m-b-5">RM 212.15</h6>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <h6 class="normal m-t-5 m-b-5">Serrvice Fee</h6>
+                            </div>
+                            <div class="col-auto">
+                                <h6 class="normal m-t-5 m-b-5">RM 41.25</h6>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <h6 class="normal m-t-5 m-b-5">Discount</h6>
+                            </div>
+                            <div class="col-auto">
+                                <h6 class="normal m-t-5 m-b-5">RM 0.00</h6>
+                            </div>
+                        </div>
+                        <hr>
+                        <div class="row">
+                            <div class="col">
+                                <h6 class="normal">Total Payments</h6>
+                            </div>
+                            <div class="col-auto">
+                                <h6 class="text-primary bold">RM 3300.00</h6>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/pages/templates/shippingQueue.blade.php b/resources/views/pages/templates/shippingQueue.blade.php
new file mode 100644
index 00000000..455d5bb2
--- /dev/null
+++ b/resources/views/pages/templates/shippingQueue.blade.php
@@ -0,0 +1,120 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+<div class="row">
+    <div class="col-12 col-sm-12 col-md-8">
+        <div class="row h-100 padding-15">
+            <div class="col rounded bg-master-lighter">
+                <div class="row align-items-center h-100 padding-20">
+                    <div class="col">
+                        <h2><span class="normal">Shipping ID:</span> 05052021-25-0100</h2>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-12 col-sm-12 col-md-4">
+        <div class="row h-100 padding-15">
+            <div class="col rounded bg-master-lighter padding-20">
+                <h6 class="normal">Discount Code</h6>
+                <div class="row">
+                    <div class="col bg-master-lightest rounded m-l-20 m-r-20 padding-15">
+                        <div class="row align-items-center">
+                            <div class="col">
+                                <h6>Free 10</h6>
+                            </div>
+                            <div class="col-auto">
+                                <div class="btn rounded bg-master-light">Removed</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-12 col-sm-12 col-md-8">
+        <list-component section="containerListSection" :endpoint="route('api.address.district.list')">
+            <template slot="list" slot-scope="{data}">
+                <shipping-queue-components :data="data"></shipping-queue-components>
+            </template>
+        </list-component>
+    </div>
+    <div class="col-12 col-sm-12 col-md-4">
+        <div class="row padding-15">
+            <div class="col rounded p-l-20 p-r-20">
+                <div class="row">
+                    <div class="col bg-master-light rounded padding-30">
+                        <div class="row">
+                            <div class="col">
+                                <h3 class="normal">Shipping cost estimation</h3>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col m-t-10 m-b-10">
+                                <div class="row">
+                                    <div class="col">
+                                        <h5 class="m-t-0 m-b-5">Shipping Cost: RM8400</h5>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col">
+                                        <h5 class="m-t-0 m-b-5">SST(6%): RM600</h5>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col">
+                                        <h5 class="m-t-0 m-b-5">Discount: RM100</h5>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <div class="row">
+                                    <div class="col">
+                                        <h5 class="no-margin">Total Cost: </h5>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col">
+                                        <h4 class="no-margin normal">RM7300</h4>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col p-t-20 p-b-20">
+                        <div class="row align-items-center">
+                            <div class="col">
+                                <div class="row">
+                                    <div class="col">
+                                        <p class="no-margin normal-text">Group my products with same destination</p>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col">
+                                        <p class="no-margin normal-text">You will get grouped package at once if possible</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-auto">
+                                <div class="btn bg-master-light"><i class="fa fa-check lightest"></i></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col">
+                        <div class="btn w-100 bg-master text-white p-t-15 p-b-15 large-text">
+                            Checkout
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/partials/menu.blade.php b/resources/views/partials/menu.blade.php
index e0881b5f..c32eb3df 100644
--- a/resources/views/partials/menu.blade.php
+++ b/resources/views/partials/menu.blade.php
@@ -30,6 +30,17 @@
                                 <a href="{{route('dashboard')}}"><h6 class="no-margin light fs-18 all-caps">Dashboard</h6></a>
                             </div>
                         </div>
+                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center" v-if="$store.getters.isAdmin">
+                            <div class="col-auto p-r-0">
+                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                     width="25" height="25"
+                                     viewBox="0 0 172 172"
+                                     style=" fill:#000000;"><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 id="original-icon" fill="#000000"><path d="M68.21211,19.35c-10.40566,0 -19.76153,5.69414 -26.54746,11.22871c-6.78594,5.54297 -11.11113,11.10274 -11.11113,11.10274l-1.94004,2.48594l3.03184,0.89023c0,0 1.17578,0.32754 2.58672,1.77207c1.40254,1.43613 2.90586,3.88848 2.90586,8.53281c0,6.02168 0.92383,10.88438 1.38574,12.94199c-1.20098,1.0918 -1.97363,2.63711 -1.97363,4.36719c0,1.39414 0.41992,2.58672 0.76426,3.7541c0.16797,0.58789 0.33594,1.13379 0.44512,1.54531c0.10918,0.41152 0.13437,0.81465 0.13437,0.50391c0,2.92266 2.45234,5.20703 5.34141,5.30781c0.39473,8.33125 4.40918,15.68828 10.51484,20.53418v8.02051c-3.09902,0.94062 -10.54004,3.34258 -18.11543,6.92031c-4.94668,2.33477 -9.91855,5.14824 -13.79024,8.48242c-3.87168,3.33418 -6.79434,7.32344 -6.79434,12.00976v12.9h111.8v-8.6h30.1v-11.825c0,-4.3084 -2.6791,-7.95332 -6.18965,-10.97676c-3.51055,-3.01504 -8.00371,-5.55137 -12.45488,-7.65937c-6.65996,-3.14101 -13.26113,-5.29941 -16.18379,-6.18965v-6.9707c5.45059,-4.37559 9.03672,-10.96836 9.43145,-18.43457c2.62031,-0.20156 4.8375,-2.23399 4.8375,-4.92149c0,0.33594 0.0084,-0.02519 0.10918,-0.39472c0.10078,-0.36953 0.25195,-0.85664 0.40313,-1.38574c0.31074,-1.0498 0.69707,-2.11641 0.69707,-3.43496c0,-1.6125 -0.71387,-3.04863 -1.81406,-4.06484c0.25195,-1.45293 1.81406,-10.38047 1.81406,-16.83887c0,-7.0043 -2.62871,-12.06016 -6.18125,-15.18438c-3.2418,-2.84707 -7.04629,-3.98086 -10.41406,-4.19082c-0.42832,-0.73066 -0.94902,-1.88965 -3.14941,-3.60293c-2.81347,-2.20039 -7.34023,-4.3252 -13.89101,-4.3252c-5.80332,0 -11.22871,1.98203 -15.96543,4.62754c-0.23516,-0.0252 -0.47031,-0.08399 -0.69707,-0.09238c-0.58789,-0.93223 -1.6293,-2.39355 -3.7877,-4.08164c-3.09902,-2.41035 -8.0709,-4.75352 -15.30195,-4.75352zM68.21211,23.65c6.31562,0 10.23769,1.95684 12.64805,3.84649c2.41875,1.88965 3.2166,3.55254 3.2166,3.55254l0.58789,1.20098h1.33535c2.86387,0 6.71875,1.0918 9.71699,3.7373c3.00664,2.64551 5.33301,6.77754 5.33301,13.4627c0,5.99649 -1.42773,14.74766 -1.84766,17.2c-0.0084,0 -0.0168,0 -0.03359,0c-0.18476,0 -0.15117,0.04199 -0.26875,0.05879v-6.50879c0,-7.35703 -3.00664,-12.30371 -6.03008,-15.23476c-3.02344,-2.93106 -6.18965,-4.00606 -6.18965,-4.00606l-1.22617,-0.41152l-0.94063,0.89863c0,0 -1.35215,1.32695 -4.61914,2.82187c-3.26699,1.49492 -8.32285,3.03184 -15.39434,3.03184c-3.87168,0 -8.96953,1.36895 -13.39551,4.45957c-4.40918,3.08223 -8.0793,8.12129 -8.09609,14.95762c-0.11758,-0.0168 -0.09238,-0.06719 -0.27715,-0.06719c-0.05039,0 -0.10078,0.0168 -0.15117,0.0168c-0.43672,-2.07441 -1.14219,-6.12246 -1.14219,-11.3043c0,-5.62695 -2.01562,-9.36426 -4.12363,-11.53105c-0.89863,-0.92383 -1.1002,-0.76426 -1.88125,-1.22617c1.48652,-1.74688 4.24961,-4.8459 8.95273,-8.68398c6.39121,-5.21543 15.02481,-10.27129 23.82637,-10.27129zM103.96426,27.95c5.63535,0 9.1123,1.73848 11.25391,3.41816c2.1332,1.67129 2.82188,3.12422 2.82188,3.12422l0.58789,1.19258h1.34375c2.52793,0 5.94609,0.97422 8.6,3.31738c2.66231,2.33477 4.72832,5.98809 4.72832,11.95098c0,4.87109 -1.00781,11.39668 -1.51172,14.45371v-4.77871c0,-6.67676 -2.73789,-11.19512 -5.48418,-13.86582c-2.75469,-2.6707 -5.65215,-3.65332 -5.65215,-3.65332l-1.23457,-0.41152l-0.94062,0.89863c0,0 -0.99941,0.99101 -3.50215,2.22559c-2.15,1.0498 -5.3834,2.15 -9.6666,2.6623c-0.23516,-7.20586 -3.01504,-12.44648 -6.74395,-15.73027c-1.34375,-1.17578 -2.77148,-2.07441 -4.23281,-2.76309c3.09902,-1.25137 6.34922,-2.04082 9.63301,-2.04082zM86,45.48594c0.5207,0.20156 1.88125,0.62988 3.88008,2.56152c2.35156,2.28438 4.71992,5.9293 4.71992,12.15254v13.55508l3.2334,-1.89805c0.5543,-0.31914 1.0666,-0.60469 1.42774,-0.78945c0.04199,-0.0252 0.05879,-0.0252 0.10078,-0.05039c0.98262,0.10078 1.68809,0.78945 1.68809,1.65449c0,0.15957 -0.25195,1.41934 -0.57949,2.54473c-0.16797,0.5543 -0.33594,1.11699 -0.47871,1.6293c-0.14278,0.5123 -0.28555,0.87344 -0.28555,1.6293c0,0.57109 -0.47031,1.075 -1.20937,1.075h-3.89688v2.93945c0,11.65703 -8.40684,21.29004 -19.47598,23.26367l-0.61309,0.10078l-0.46191,0.42832c-0.83984,0.76426 -1.89805,1.21777 -3.09902,1.21777c-1.20098,0 -2.25918,-0.45351 -3.09902,-1.21777l-0.46191,-0.42832l-0.61309,-0.10078c-11.06914,-1.97363 -19.47598,-11.60664 -19.47598,-23.26367v-2.93945h-3.89688c-0.73906,0 -1.20937,-0.50391 -1.20937,-1.075c0,-0.75586 -0.14277,-1.11699 -0.28555,-1.6293c-0.14278,-0.51231 -0.31074,-1.075 -0.47871,-1.6293c-0.32754,-1.12539 -0.57949,-2.38516 -0.57949,-2.54473c0,-0.86504 0.70547,-1.55371 1.68809,-1.65449c0.04199,0.0252 0.05879,0.0252 0.10078,0.05039c0.36113,0.18476 0.87344,0.47031 1.42774,0.78945l3.2334,1.89805v-6.9959c0,-5.3582 2.6707,-8.96113 6.26524,-11.47226c3.59453,-2.51113 8.16328,-3.68691 10.93476,-3.68691c7.70137,0 13.39551,-1.68809 17.1832,-3.41816c2.81347,-1.28496 3.55254,-2.07441 4.3168,-2.6959zM119.98848,47.66113c0.5207,0.20156 1.6041,0.5291 3.31738,2.19199c2.08281,2.01563 4.18242,5.23223 4.18242,10.7752v12.57246l3.2334,-1.88965c0.47871,-0.27715 0.90703,-0.5123 1.21778,-0.67187c0.77266,0.08398 1.36055,0.5543 1.36055,1.21777c0,0.08399 -0.22676,1.22617 -0.5207,2.22559c-0.15117,0.50391 -0.30234,0.99941 -0.42832,1.46973c-0.12598,0.47031 -0.26035,0.78945 -0.26035,1.52012c0,0.40313 -0.31914,0.75586 -0.87344,0.75586h-3.72891v2.86387c0,10.38887 -7.49141,18.96367 -17.34277,20.72734l-0.62149,0.10078l-0.45351,0.41992c-0.71387,0.65508 -1.6293,1.0498 -2.64551,1.0498c-1.02461,0 -1.93164,-0.39473 -2.65391,-1.0498l-0.46191,-0.41992l-0.60469,-0.10078c-3.15781,-0.57109 -6.05527,-1.87285 -8.55801,-3.67851c2.64551,-4.03965 4.2748,-8.80996 4.51836,-13.9582c2.88906,-0.10078 5.34141,-2.38516 5.34141,-5.30781c0,0.31074 0.0252,-0.09238 0.13438,-0.50391c0.10918,-0.41152 0.27715,-0.95742 0.44512,-1.54531c0.34434,-1.16738 0.76426,-2.35996 0.76426,-3.7541c0,-1.76367 -0.79785,-3.31738 -2.02402,-4.41758c0.32754,-1.90645 1.52851,-9.08711 1.89805,-15.38594c5.11465,-0.5375 8.98633,-1.88125 11.64863,-3.19141c2.01563,-0.99102 2.42715,-1.46973 3.11582,-2.01562zM59.125,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM82.775,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM117.175,70.95c-1.78047,0 -3.225,1.44453 -3.225,3.225c0,1.78047 1.44453,3.225 3.225,3.225c1.78047,0 3.225,-1.44453 3.225,-3.225c0,-1.78047 -1.44453,-3.225 -3.225,-3.225zM91.50098,101.12559c2.92266,2.12481 6.29883,3.63653 9.97734,4.36719c1.37734,1.0582 3.05703,1.79727 4.94668,1.79727c1.91484,0 3.62812,-0.75586 5.02227,-1.83926c2.25918,-0.46191 4.39238,-1.23457 6.37441,-2.24238v10.93477c-0.26035,0.49551 -2.83027,5.29941 -9.51543,6.13086c-0.68027,-0.33594 -1.36055,-0.68867 -2.04082,-1.01621c-7.57539,-3.57773 -15.01641,-5.97969 -18.11543,-6.92031v-8.01211c1.20938,-0.96582 2.31797,-2.04922 3.35098,-3.19981zM58.05,107.12207c2.29277,1.20098 4.77031,2.1248 7.39902,2.65391c1.52012,1.20938 3.40137,2.02402 5.50098,2.02402c2.09121,0 3.96406,-0.81465 5.47578,-2.01562c2.63711,-0.5207 5.12305,-1.44453 7.42422,-2.65391v12.59766c-0.26035,0.5207 -3.66172,7.12188 -12.9,7.12188c-9.23828,0 -12.63965,-6.60117 -12.9,-7.12188zM122.12168,111.92598c3.15781,0.99941 8.65879,2.87226 14.34453,5.55137c4.24961,2.01563 8.46562,4.43438 11.48906,7.02949c3.02344,2.60352 4.69473,5.25742 4.69473,7.71816v7.525h-25.8c0,-1.6293 -0.37793,-3.17461 -0.99941,-4.63594c0.62149,-0.39473 0.99941,-1.075 0.99941,-1.81406c0,-1.18418 -0.96582,-2.15 -2.15,-2.15c-0.37793,0 -0.73906,0.10078 -1.0666,0.28555c-1.03301,-1.31016 -2.24238,-2.54473 -3.57773,-3.69531c-1.90645,-1.6377 -4.08164,-3.14941 -6.38281,-4.54356c5.70254,-2.54472 8.22207,-7.42422 8.22207,-7.42422l0.22676,-0.45351zM53.75,116.86426v4.03965l0.22676,0.46191c0,0 5.07266,9.78418 16.97324,9.78418c11.90059,0 16.97324,-9.78418 16.97324,-9.78418l0.22676,-0.46191v-4.03965c3.45176,1.0834 9.77578,3.2166 16.28457,6.29043c4.72832,2.23399 9.43145,4.92988 12.81601,7.84414c3.38457,2.91426 5.29941,5.9125 5.29941,8.75117v8.6h-103.2v-8.6c0,-2.83867 1.91484,-5.83691 5.29941,-8.75117c3.38457,-2.91426 8.0877,-5.61016 12.81601,-7.84414c6.50879,-3.07383 12.83281,-5.20703 16.28457,-6.29043zM133.3,131.15c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM141.9,131.15c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM27.95,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM36.55,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM45.15,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM53.75,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM62.35,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM70.95,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM79.55,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM88.15,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM96.75,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM105.35,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM113.95,139.75c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g></g></svg>
+                            </div>
+                            <div class="col">
+                                <a href="{{route('customers')}}"><h6 class="no-margin light fs-18 all-caps">Customers</h6></a>
+                            </div>
+                        </div>
                         <div class="row p-t-15 p-b-15 align-items-center justify-content-center" v-if="$store.getters.isAdmin">
                             <div class="col-auto p-r-0">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
@@ -93,7 +104,7 @@
                                      style=" fill:#000000;"><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 fill="#000000"><path d="M32.25,19.35v133.3h47.59814c-0.1763,-0.87075 -0.29814,-1.75695 -0.29814,-2.6707v-1.6293h-43v-124.7h68.8v30.1h30.1v23.90195c1.39535,-0.15265 2.82295,-0.25195 4.3,-0.25195v-26.69023l-31.35977,-31.35977zM109.65,26.69023l22.75977,22.75977h-22.75977zM47.3,27.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,36.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,45.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,53.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM47.3,62.35c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM86.17637,62.35v4.12783c-8.0754,0.7482 -12.97978,5.32437 -12.97978,12.23232c0,5.8351 3.65238,9.8429 10.32168,11.54785l2.65811,0.68867v13.63906c-4.45695,-0.50955 -7.32693,-2.99253 -7.62578,-6.55078h-6.34082c0.02365,5.66095 3.61012,9.82731 9.57422,11.48066c1.849,-2.9928 4.77992,-5.51263 8.49082,-7.34443v-10.44766c5.08475,1.01695 7.44522,3.07924 7.44522,6.52139c0,0.5074 -0.05237,0.98248 -0.14697,1.43613c2.021,-0.4214 4.16791,-0.65746 6.39961,-0.73486c0.04515,-0.46225 0.12598,-0.90404 0.12598,-1.38994c0,-6.192 -3.53195,-9.98705 -11.03975,-11.8124l-2.78408,-0.62988v-12.8916c3.9474,0.47945 6.64034,3.04917 6.76074,6.34082h6.25264c-0.1806,-6.67145 -5.26693,-11.39735 -13.01338,-12.08535v-4.12783zM47.3,70.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM86.17637,72.19297v12.05596c-4.3086,-0.8686 -6.58018,-2.99112 -6.58018,-6.07207c0,-3.26155 2.75103,-5.77534 6.58018,-5.98389zM47.3,79.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM139.75,83.85c-5.07645,0 -9.69507,1.1317 -13.21494,3.11162c-3.51987,1.97993 -6.13506,5.00886 -6.13506,8.71338c0,0.04448 0.01185,0.08589 0.0126,0.13018h-0.0126v11.17412v2.6959c-0.57832,-0.43562 -1.18402,-0.84736 -1.83506,-1.21357c-3.51987,-1.97993 -8.13849,-3.11162 -13.21494,-3.11162c-5.07645,0 -9.69507,1.1317 -13.21494,3.11162c-3.51987,1.97993 -6.13506,5.00886 -6.13506,8.71338c0,0.04448 0.01185,0.08589 0.0126,0.13018h-0.0126v10.52324v0.65088v10.75v10.75c0,3.61346 2.669,6.48532 6.18125,8.34805c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c1.57399,-0.83477 2.96028,-1.883 4.03125,-3.09902c1.07097,1.21602 2.45726,2.26425 4.03125,3.09902c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c3.51225,-1.86273 6.18125,-4.73459 6.18125,-8.34805v-11.40088v-10.09912v-0.42412v-10.86338v-10.86338v-10.52324h-0.0126c0.00075,-0.04429 0.0126,-0.08569 0.0126,-0.13018c0,-3.70452 -2.61519,-6.73345 -6.13506,-8.71338c-3.51987,-1.97993 -8.13849,-3.11162 -13.21494,-3.11162zM47.3,88.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM139.75,88.15c4.42285,0 8.40163,1.03559 11.10693,2.55732c2.70531,1.52174 3.94307,3.32884 3.94307,4.96768c0,1.63884 -1.23776,3.44594 -3.94307,4.96768c-2.70531,1.52173 -6.68408,2.55732 -11.10693,2.55732c-4.42285,0 -8.40163,-1.03559 -11.10693,-2.55732c-2.70531,-1.52174 -3.94307,-3.32884 -3.94307,-4.96768c0,-1.63884 1.23776,-3.44594 3.94307,-4.96768c2.70531,-1.52173 6.68408,-2.55732 11.10693,-2.55732zM47.3,96.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM124.7,103.1748c0.57832,0.43562 1.18402,0.84736 1.83506,1.21357c3.51987,1.97993 8.13849,3.11162 13.21494,3.11162c5.07645,0 9.69507,-1.1317 13.21494,-3.11162c0.65104,-0.36621 1.25674,-0.77795 1.83506,-1.21357v3.15361v0.65088c0,1.42339 -1.18021,3.10896 -3.89268,4.54776c-2.71246,1.43879 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.65088zM47.3,105.35c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM105.35,109.65c4.42285,0 8.40163,1.03559 11.10693,2.55732c2.70531,1.52174 3.94307,3.32884 3.94307,4.96768c0,0.00549 0.00003,0.01131 0,0.0168c-0.00826,1.63447 -1.24682,3.43424 -3.94307,4.95088c-2.70531,1.52173 -6.68408,2.55732 -11.10693,2.55732c-4.42285,0 -8.40163,-1.03559 -11.10693,-2.55732c-2.70531,-1.52174 -3.94307,-3.32884 -3.94307,-4.96768c0,-1.63884 1.23776,-3.44594 3.94307,-4.96768c2.70531,-1.52173 6.68408,-2.55732 11.10693,-2.55732zM47.3,113.95c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM124.7,114.14736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.65642,-1.05958 13.16875,-2.92266c0.66636,-0.35346 1.28807,-0.75577 1.88125,-1.17998v3.58193c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.5375zM47.3,122.55c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM90.3,124.6748c0.57832,0.43562 1.18402,0.84736 1.83506,1.21357c3.51987,1.97993 8.13849,3.11162 13.21494,3.11162c5.07645,0 9.69507,-1.1317 13.21494,-3.11162c0.65104,-0.36621 1.25674,-0.77795 1.83506,-1.21357v3.15361v0.22676v0.42412c0,1.42339 -1.18021,3.10896 -3.89268,4.54776c-2.71246,1.43879 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.65088zM124.7,124.89736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c0.6667,-0.35359 1.2878,-0.7555 1.88125,-1.17998v3.15781v0.42412c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.65088zM47.3,131.15c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM90.3,135.64736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.65642,-1.05958 13.16875,-2.92266c0.66636,-0.35346 1.28807,-0.75577 1.88125,-1.17998v3.04443v0.5375c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.5375zM124.7,135.64736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c0.6667,-0.35359 1.2878,-0.7555 1.88125,-1.17998v2.93105v0.65088c0,1.42339 -1.18021,3.10896 -3.89268,4.54776c-2.71246,1.43879 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776v-0.5375v-0.11338zM47.3,139.75c-1.18741,0 -2.15,0.96259 -2.15,2.15c0,1.18741 0.96259,2.15 2.15,2.15c1.18741,0 2.15,-0.96259 2.15,-2.15c0,-1.18741 -0.96259,-2.15 -2.15,-2.15zM90.3,146.39736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.6565,-1.05993 13.16875,-2.92266c0.6667,-0.35359 1.2878,-0.7555 1.88125,-1.17998v3.58193c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776zM124.7,146.39736c0.59345,0.42448 1.21455,0.82639 1.88125,1.17998c3.51225,1.86273 8.11018,2.92266 13.16875,2.92266c5.05857,0 9.65642,-1.05958 13.16875,-2.92266c0.66636,-0.35346 1.28807,-0.75577 1.88125,-1.17998v3.58193c0,1.42184 -1.18014,3.10916 -3.89268,4.54776c-2.71253,1.4386 -6.71504,2.42295 -11.15732,2.42295c-4.44228,0 -8.44479,-0.98435 -11.15732,-2.42295c-2.71254,-1.4386 -3.89268,-3.12591 -3.89268,-4.54776z"></path></g></g></svg>
                             </div>
                             <div class="col">
-                                <h6 class="no-margin light fs-18 all-caps">Payments & Billing</h6>
+                                <a href="{{route('template.payments-and-billing')}}"><h6 class="no-margin light fs-18 all-caps">Payments & Billing</h6></a>
                             </div>
                         </div>
                         <div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
@@ -107,6 +118,17 @@
                                 <h6 class="no-margin light fs-18 all-caps">Tracking</h6>
                             </div>
                         </div>
+                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center hide">
+                            <div class="col-auto p-r-0">
+                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                     width="25" height="25"
+                                     viewBox="0 0 172 172"
+                                     style=" fill:#000000;"><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 fill="#000000"><path d="M27.95,19.35c-4.72832,0 -8.6,3.87168 -8.6,8.6c0,4.72832 3.87168,8.6 8.6,8.6c4.72832,0 8.6,-3.87168 8.6,-8.6c0,-4.72832 -3.87168,-8.6 -8.6,-8.6zM27.95,23.65c2.40195,0 4.3,1.89805 4.3,4.3c0,2.40195 -1.89805,4.3 -4.3,4.3c-2.40195,0 -4.3,-1.89805 -4.3,-4.3c0,-2.40195 1.89805,-4.3 4.3,-4.3zM43,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM129,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM137.6,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM146.2,25.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM146.2,34.4c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,40.85c-9.47344,0 -17.2,7.72656 -17.2,17.2c0,2.72949 1.0666,5.74453 2.52793,9.07031c1.46973,3.33418 3.38457,6.88672 5.29102,10.17891c3.80449,6.56758 7.60898,12.06855 7.60898,12.06855l1.77207,2.56992l1.77207,-2.56992c0,0 3.80449,-5.50097 7.60898,-12.06855c1.90645,-3.29219 3.82129,-6.84473 5.29102,-10.17891c1.46133,-3.32578 2.52793,-6.34082 2.52793,-9.07031c0,-9.47344 -7.72656,-17.2 -17.2,-17.2zM146.2,43c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,45.15c7.14707,0 12.9,5.75293 12.9,12.9c0,1.42774 -0.81465,4.24961 -2.1752,7.34863c-1.35215,3.09063 -3.1998,6.53398 -5.05586,9.74219c-2.83027,4.87109 -4.47637,7.21426 -5.66895,8.97793c-1.19258,-1.76367 -2.83867,-4.10684 -5.66895,-8.97793c-1.85605,-3.2082 -3.70371,-6.65156 -5.05586,-9.74219c-1.36055,-3.09902 -2.1752,-5.9209 -2.1752,-7.34863c0,-7.14707 5.75293,-12.9 12.9,-12.9zM146.2,49.45c-4.72832,0 -8.6,3.87168 -8.6,8.6c0,4.72832 3.87168,8.6 8.6,8.6c4.72832,0 8.6,-3.87168 8.6,-8.6c0,-4.72832 -3.87168,-8.6 -8.6,-8.6zM86,53.75c-2.37676,0 -4.3,1.92324 -4.3,4.3c0,2.37676 1.92324,4.3 4.3,4.3c2.37676,0 4.3,-1.92324 4.3,-4.3c0,-2.37676 -1.92324,-4.3 -4.3,-4.3zM146.2,53.75c2.40195,0 4.3,1.89805 4.3,4.3c0,2.40195 -1.89805,4.3 -4.3,4.3c-2.40195,0 -4.3,-1.89805 -4.3,-4.3c0,-2.40195 1.89805,-4.3 4.3,-4.3zM146.2,68.8c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM146.2,77.4c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM25.8,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM34.4,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM43,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM129,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM137.6,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM146.2,86c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM25.8,94.6c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM25.8,103.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM25.8,109.65c-4.72832,0 -8.6,3.87168 -8.6,8.6c0,4.72832 3.87168,8.6 8.6,8.6c4.72832,0 8.6,-3.87168 8.6,-8.6c0,-4.72832 -3.87168,-8.6 -8.6,-8.6zM25.8,113.95c2.40195,0 4.3,1.89805 4.3,4.3c0,2.40195 -1.89805,4.3 -4.3,4.3c-2.40195,0 -4.3,-1.89805 -4.3,-4.3c0,-2.40195 1.89805,-4.3 4.3,-4.3zM25.8,129c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM25.8,137.6c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM135.45,139.75c-4.72832,0 -8.6,3.87168 -8.6,8.6c0,4.72832 3.87168,8.6 8.6,8.6c4.72832,0 8.6,-3.87168 8.6,-8.6c0,-4.72832 -3.87168,-8.6 -8.6,-8.6zM135.45,144.05c2.40195,0 4.3,1.89805 4.3,4.3c0,2.40195 -1.89805,4.3 -4.3,4.3c-2.40195,0 -4.3,-1.89805 -4.3,-4.3c0,-2.40195 1.89805,-4.3 4.3,-4.3zM25.8,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM34.4,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM43,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM51.6,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM60.2,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM68.8,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM77.4,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM86,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM94.6,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM103.2,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM111.8,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15zM120.4,146.2c-1.18418,0 -2.15,0.96582 -2.15,2.15c0,1.18418 0.96582,2.15 2.15,2.15c1.18418,0 2.15,-0.96582 2.15,-2.15c0,-1.18418 -0.96582,-2.15 -2.15,-2.15z"></path></g></g></svg>
+                            </div>
+                            <div class="col">
+                                <a href="{{route('template.shipping-queue')}}"><h6 class="no-margin light fs-18 all-caps">Shipping Queue</h6></a>
+                            </div>
+                        </div>
                         <div class="row p-t-15 p-b-15 justify-content-center d-md-none">
                             <div class="col">
                                 <logout-component></logout-component>
diff --git a/resources/views/swagger/json.blade.php b/resources/views/swagger/json.blade.php
index 4fa056ef..cd4df686 100644
--- a/resources/views/swagger/json.blade.php
+++ b/resources/views/swagger/json.blade.php
@@ -107,6 +107,54 @@
         }
       }
     },
+    "/packing_list/container/inbound-custom-cleared": {
+      "get": {
+        "tags": [
+          "Packing"
+        ],
+        "produces": [
+          "application/json"
+        ],
+        "operationId": "listPackingIn",
+        "summary": "List packing",
+        "description": "",
+        "parameters": [
+          {
+            "name": "filter",
+            "in": "query",
+            "description": "Filters",
+            "required": false,
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "successful operation",
+            "headers": {
+              "X-Expires-After": {
+                "type": "string",
+                "format": "date-time",
+                "description": "date in UTC when token expires"
+              },
+              "X-Rate-Limit": {
+                "type": "integer",
+                "format": "int32",
+                "description": "calls per hour allowed by the user"
+              }
+            },
+            "schema": {
+              "type": "string"
+            }
+          },
+          "422": {
+            "description": "Invalid input supplied"
+          }
+        }
+      }
+    },
     "/packing_list/list": {
       "get": {
         "tags": [
@@ -2982,7 +3030,7 @@
         }
       }
     },
-    "/account/registration/registration": {
+    "/account/registration": {
       "post": {
         "tags": [
           "Account",
diff --git a/routes/api.php b/routes/api.php
index a7552465..3399972b 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -50,5 +50,7 @@ Route::group(['middleware' => 'api', 'prefix' => 'v1', 'as' => 'api.'], function
 
         require __DIR__ . '/schedule.php';
 
+        Route::get('/report', 'Reports\MonthlyReportController@report')->name('report');
+
     });
 });
diff --git a/routes/packing_list.php b/routes/packing_list.php
index 3abe6253..9d2fc80d 100644
--- a/routes/packing_list.php
+++ b/routes/packing_list.php
@@ -30,6 +30,7 @@ Route::group(['namespace' => 'PackingLists', 'as' => 'packing_list.', 'prefix' =
         Route::post('/create', 'CreatePackageController@create')->name('create');
         Route::put('/update/{id}', 'UpdatePackageController@update')->name('update');
         Route::delete('/delete/{id}', 'DeletePackageController@delete')->name('delete');
+        Route::get('/inbound-custom-cleared', 'InboundCustomClearedController@list')->name('list.inbound.custom.cleared');
         Route::put('/switch-packing-list/{id}', 'SwitchPackagePackingListController@switch')->name('switch.packing_list');
 
         Route::group(['namespace' => 'PackageItems', 'prefix' => 'item', 'as' => 'item.'], function () {
diff --git a/routes/web.php b/routes/web.php
index a036ac20..5e4cba15 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -5,9 +5,11 @@ use App\Classes\Jobs\FetchDeliveryListFromVTPortalJob;
 use App\Classes\Jobs\FetchLoadedContainersFromVTPortalJob;
 use App\Classes\Jobs\FetchPackingListFromVTPortalJob;
 use App\Classes\Jobs\FetchWarehouseReceiveListFromVTPortalJob;
+use App\Classes\Modules\Orders\Services\FetchesDataFromVTPortal;
 use App\Models\CompanyConnection;
-use App\Models\Container;
+use App\Models\Order;
 use Illuminate\Support\Facades\Crypt;
+use App\Models\Container;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -52,6 +54,10 @@ Route::get('/dashboard', function () {
     return view('pages.dashboard');
 })->name('dashboard');
 
+Route::get('/customers', function () {
+    return view('pages.admin.customers');
+})->name('customers');
+
 Route::get('/orders', function () {
     return view('pages.orders.index');
 })->name('orders');
@@ -114,12 +120,67 @@ Route::get('/deliveries/refresh', function(){
 
 Route::get('/order/{id}/download', 'Orders\DownloadOrderQrPdfController@download')->name('order.qr.download');
 
-//Route::get('/test', function(){
-//    $addresses = \App\Models\Address::all();
-//    foreach ($addresses as $address){
-//        $address->street_one = (new \App\Classes\Modules\Addresses\Services\CleansOldAddress())->cleanAddress($address->street_one, $address->district, $address->postcode);
-//        $address->street_two = (new \App\Classes\Modules\Addresses\Services\CleansOldAddress())->cleanAddress($address->street_two, $address->district, $address->postcode);
-//        $address->save();
-//    }
-//})->name('test');
+Route::get('/report/customclearance', 'Reports\CustomcClearanceReportController@download')->name('report.customclearance');
+
+Route::get('/report/customclearance/{orderid}', 'Reports\CustomcClearanceReportController@download')->name('report.customclearance');
+
+Route::group(['prefix' => 'template', 'as' => 'template.'], function () {
+    Route::get('/payments-and-billing', function () {
+        return view('pages.templates.paymentsBilling');
+    })->name('payments-and-billing');
+
+    Route::get('/shipping-queue', function () {
+        return view('pages.templates.shippingQueue');
+    })->name('shipping-queue');
+});
+
+Route::get('/report', function(){
+    $containers = Container::whereMonth('loading_date', '=', '09')->whereYear('loading_date', '=', '2021')->orderBy('loading_date')->get();
+
+    $total = 0;
+    $customers = collect();
+
+    foreach ($containers as $container){
+        echo '<b>'.$container->reference.': </b>'.$container->packingLists->sum(function($packingList){
+                return $packingList->packages->sum(function ($package){
+                    return (( (float) $package->width / 100) * ( (float) $package->length / 100) * ( (float) $package->height / 100)) * $package->quantity;
+                });
+            }).'CBM ('. $container->loading_date->format('d-m-Y') .')<br><br>';
+        foreach($container->packingLists as $packingList){
+            $cbm = $packingList->packages->sum(function ($package){
+                return (( (float) $package->width / 100) * ( (float) $package->length / 100) * ( (float) $package->height / 100)) * $package->quantity;
+            });
+
+            $total += $cbm;
+            $marking = $packingList->owner->companyModule->inviters()->withPivot('invitee_reference')->first()->pivot->invitee_reference;
+            if(!$customers->has($marking)){
+                $customers->put($marking, collect([
+                    'cbm' => $cbm,
+                    'orders' => 1,
+                    'packages' => $packingList->packages->sum('quantity')
+                ]));
+
+                continue;
+            }
+
+            $customers[$marking]['cbm'] += $cbm;
+            $customers[$marking]['orders'] += 1;
+            $customers[$marking]['packages'] += $packingList->packages->sum('quantity');
+        }
+    }
+
+    echo '<h1><b>total cbm:</b> '. $total . '</h1>';
+    echo '<h1><b>active customers:</b> '. count($customers) . '</h1><br><br>';
+
+    $i = 1;
+    foreach ($customers->sortByDesc(function($customer){
+        return $customer['cbm'];
+    }) as $marking => $customer) {
+        echo '<b>'.$i.'. '.$marking.': </b>'.$customer['cbm'].' CBM ('. $customer['orders'] .' - '.$customer['packages'].' ) CTNS <br><br>';
+        $i++;
+    }
+
+
+});
+