From 89c92a17301bd1ebaa0d9063df6700b3c966bd78 Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Thu, 10 Oct 2024 23:04:46 +0800
Subject: [PATCH] Middleware to log all request path

---
 .../AdminCurrencySectionComponent.vue         | 162 ++++++++++++++++++
 1 file changed, 162 insertions(+)
 create mode 100644 resources/assets/vue/components/bookings/sections/AdminCurrencySectionComponent.vue

diff --git a/resources/assets/vue/components/bookings/sections/AdminCurrencySectionComponent.vue b/resources/assets/vue/components/bookings/sections/AdminCurrencySectionComponent.vue
new file mode 100644
index 00000000..06806525
--- /dev/null
+++ b/resources/assets/vue/components/bookings/sections/AdminCurrencySectionComponent.vue
@@ -0,0 +1,162 @@
+<template>
+    <div class="row tabsContainer">
+        <div class="col">
+            <div class="row m-l-0 m-r-0 d-flex">
+                <div class="col m-r-5">
+                    <div class="row fs-12 text-center">
+                        <div class="col p-t-20 p-b-20 bg-master-lighter active tabButton" tab-name="pendingOrders" @click="setActiveTab($event)">
+                            <div class="row justify-content-center m-b-5">
+                                <div class="col-auto">
+                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                            width="35" height="35"
+                                            viewBox="0 0 172 172"
+                                            style=" fill:#000000;"><defs><linearGradient x1="26.77825" y1="66.15819" x2="26.77825" y2="84.23969" gradientUnits="userSpaceOnUse" id="color-1_uJmX0kgpNx8M_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="145.02825" y1="89.0315" x2="145.02825" y2="102.52813" gradientUnits="userSpaceOnUse" id="color-2_uJmX0kgpNx8M_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="83.3125" y1="104.47656" x2="83.3125" y2="143.78125" gradientUnits="userSpaceOnUse" id="color-3_uJmX0kgpNx8M_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="93.02512" y1="18.8125" x2="93.02512" y2="154.75969" gradientUnits="userSpaceOnUse" id="color-4_uJmX0kgpNx8M_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="78.87813" y1="18.8125" x2="78.87813" y2="154.75969" gradientUnits="userSpaceOnUse" id="color-5_uJmX0kgpNx8M_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="28.89063" x2="86" y2="68.58231" gradientUnits="userSpaceOnUse" id="color-6_uJmX0kgpNx8M_gr6"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M22.17725,66.74944l-9.159,15.17363c-1.08306,1.79256 0.20694,4.07694 2.3005,4.07694h22.92169c2.09087,0 3.38087,-2.28437 2.3005,-4.07694l-9.159,-15.17363c-2.09088,-3.46419 -7.11381,-3.46419 -9.20469,0z" fill="url(#color-1_uJmX0kgpNx8M_gr1)"></path><path d="M140.42725,104.90388l-9.159,-15.17363c-1.08038,-1.78987 0.20963,-4.07694 2.3005,-4.07694h22.92169c2.09088,0 3.38088,2.28437 2.3005,4.07694l-9.159,15.17363c-2.09087,3.4615 -7.11381,3.4615 -9.20469,0z" fill="url(#color-2_uJmX0kgpNx8M_gr2)"></path><path d="M83.3125,110.1875h13.4375v-5.375h-13.4375c-4.44513,0 -8.0625,3.61738 -8.0625,8.0625v2.6875h-5.375v5.375h5.375v5.375h-5.375v5.375h5.375v2.6875c0,4.44512 3.61737,8.0625 8.0625,8.0625h13.4375v-5.375h-13.4375c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-2.6875h8.0625v-5.375h-8.0625v-5.375h8.0625v-5.375h-8.0625v-2.6875c0,-1.4835 1.204,-2.6875 2.6875,-2.6875z" fill="url(#color-3_uJmX0kgpNx8M_gr3)"></path><path d="M161.16938,85.69631c-0.95138,-1.68506 -2.74394,-2.73319 -4.68162,-2.73319h-8.67525v-23.83813c0,-10.37375 -8.43875,-18.8125 -18.8125,-18.8125h-11.81156c-3.59319,-13.88631 -16.19488,-24.1875 -31.18844,-24.1875c-14.99356,0 -27.59525,10.30119 -31.18844,24.1875h-14.84575c-8.69944,0 -15.77831,7.07888 -15.77831,15.77831h5.375c0,-5.73781 4.6655,-10.40331 10.40331,-10.40331h13.92125c-0.07525,0.88956 -0.13706,1.77913 -0.13706,2.6875c0,17.78319 14.46681,32.25 32.25,32.25c17.78319,0 32.25,-14.46681 32.25,-32.25c0,-0.90837 -0.06181,-1.79794 -0.13706,-2.6875h10.88706c7.40944,0 13.4375,6.02806 13.4375,13.4375v23.83812h-8.86875c-1.935,0 -3.73025,1.04812 -4.68162,2.73319c-0.95138,1.68506 -0.92181,3.7625 0.08062,5.42069l9.159,15.17363c1.47275,2.44025 4.05275,3.89688 6.9015,3.89688c2.85144,0 5.43144,-1.45663 6.9015,-3.89688l9.159,-15.17363c1.00244,-1.65819 1.032,-3.73294 0.08062,-5.42069zM86,75.25c-14.81887,0 -26.875,-12.05613 -26.875,-26.875c0,-14.81887 12.05613,-26.875 26.875,-26.875c14.81887,0 26.875,12.05613 26.875,26.875c0,14.81887 -12.05612,26.875 -26.875,26.875zM147.32875,103.51444c-0.70681,1.17175 -1.84363,1.29806 -2.3005,1.29806c-0.45419,0 -1.59369,-0.12631 -2.3005,-1.29806l-9.159,-15.17631h22.92169z" fill="url(#color-4_uJmX0kgpNx8M_gr4)"></path><path d="M142.4375,115.90919c0,5.73781 -4.6655,10.40331 -10.40331,10.40331h-13.90781c0.07525,-0.89494 0.12363,-1.78987 0.12363,-2.6875c0,-17.78319 -14.46681,-32.25 -32.25,-32.25c-17.78319,0 -32.25,14.46681 -32.25,32.25c0,0.90838 0.06181,1.79794 0.13706,2.6875h-10.88706c-7.40944,0 -13.4375,-6.02806 -13.4375,-13.4375v-24.1875h8.67794c1.935,0 3.73025,-1.04812 4.68163,-2.73319c0.95137,-1.68506 0.92181,-3.7625 -0.08062,-5.418l-9.159,-15.17363c-1.47275,-2.44025 -4.05275,-3.89687 -6.9015,-3.89687c-2.84875,0 -5.42875,1.45663 -6.9015,3.89687l-9.159,15.17363c-1.00244,1.6555 -1.032,3.73294 -0.08062,5.418c0.94869,1.68506 2.74125,2.73319 4.67894,2.73319h8.86875v24.1875c0,10.37375 8.43875,18.8125 18.8125,18.8125h11.81156c3.59319,13.88631 16.19488,24.1875 31.18844,24.1875c14.80812,0 27.57913,-10.04856 31.20994,-24.1875h14.82425c8.69944,0 15.77831,-7.07619 15.77831,-15.77831v-0.34669h-5.375zM24.47775,68.13888c0.70681,-1.17175 1.84631,-1.29806 2.3005,-1.29806c0.45688,0 1.59369,0.12631 2.3005,1.29806l9.16169,15.17363h-22.92169zM112.43156,128.51625c-2.34081,12.73875 -13.45631,21.98375 -26.43156,21.98375c-14.81887,0 -26.875,-12.05612 -26.875,-26.875c0,-14.81888 12.05613,-26.875 26.875,-26.875c14.81887,0 26.875,12.05612 26.875,26.875c0,1.63938 -0.1505,3.28681 -0.44344,4.89125z" fill="url(#color-5_uJmX0kgpNx8M_gr5)"></path><path d="M96.75,40.3125v-5.375h-8.0625v-5.375h-5.375v5.375h-2.6875c-2.96431,0 -5.375,2.41069 -5.375,5.375v5.375c0,2.96431 2.41069,5.375 5.375,5.375h10.75v5.375h-16.125v5.375h8.0625v5.375h5.375v-5.375h2.6875c2.96431,0 5.375,-2.41069 5.375,-5.375v-5.375c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-10.75v-5.375z" fill="url(#color-6_uJmX0kgpNx8M_gr6)"></path></g></g></svg>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <div class="fs-12 m-t-5 all-caps">Currency Orders</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col m-r-5">
+                    <div class="row fs-12 text-center">
+                        <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="paymentProof" @click="setActiveTab($event)">
+                            <div class="row justify-content-center m-b-5">
+                                <div class="col-auto">
+                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                            width="35" height="35"
+                                            viewBox="0 0 172 172"
+                                            style=" fill:#000000;"><defs><linearGradient x1="51.06235" y1="44.46182" x2="51.06235" y2="63.99445" gradientUnits="userSpaceOnUse" id="color-1_h1V3zyLIDjuF_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="126.3122" y1="44.46182" x2="126.3122" y2="63.99445" gradientUnits="userSpaceOnUse" id="color-2_h1V3zyLIDjuF_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="131.6875" y1="98.66888" x2="131.6875" y2="144.03119" gradientUnits="userSpaceOnUse" id="color-3_h1V3zyLIDjuF_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="44.34375" y1="17.43919" x2="44.34375" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-4_h1V3zyLIDjuF_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="72.5625" y1="17.43919" x2="72.5625" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-5_h1V3zyLIDjuF_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="99.4375" y1="17.43919" x2="99.4375" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-6_h1V3zyLIDjuF_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="126.3125" y1="17.43919" x2="126.3125" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-7_h1V3zyLIDjuF_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="51.0625" y1="17.43919" x2="51.0625" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-8_h1V3zyLIDjuF_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="17.43919" x2="45.6875" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-9_h1V3zyLIDjuF_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="17.43919" x2="86" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-10_h1V3zyLIDjuF_gr10"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="91.375" y1="17.43919" x2="91.375" y2="154.21681" gradientUnits="userSpaceOnUse" id="color-11_h1V3zyLIDjuF_gr11"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g id="Layer_2"><path d="M69.875,59.125v-10.75c0,-1.6125 -1.075,-2.6875 -2.6875,-2.6875h-32.25c-1.6125,0 -2.6875,1.075 -2.6875,2.6875v10.75c0,1.6125 1.075,2.6875 2.6875,2.6875h32.25c1.6125,0 2.6875,-1.075 2.6875,-2.6875z" fill="url(#color-1_h1V3zyLIDjuF_gr1)"></path><path d="M139.75,59.125v-10.75c0,-1.6125 -1.075,-2.6875 -2.6875,-2.6875h-21.5c-1.6125,0 -2.6875,1.075 -2.6875,2.6875v10.75c0,1.6125 1.075,2.6875 2.6875,2.6875h21.5c1.6125,0 2.6875,-1.075 2.6875,-2.6875z" fill="url(#color-2_h1V3zyLIDjuF_gr2)"></path><path d="M145.125,110.1875v-5.375h-10.75v-5.375h-5.375v5.375h-5.375c-2.95625,0 -5.375,2.41875 -5.375,5.375v8.0625c0,2.95625 2.41875,5.375 5.375,5.375h16.125v8.0625h-21.5v5.375h10.75v5.375h5.375v-5.375h5.375c2.95625,0 5.375,-2.41875 5.375,-5.375v-8.0625c0,-2.95625 -2.41875,-5.375 -5.375,-5.375h-16.125v-8.0625z" fill="url(#color-3_h1V3zyLIDjuF_gr3)"></path><rect x="12" y="27" transform="scale(2.6875,2.6875)" width="9" height="2" fill="url(#color-4_h1V3zyLIDjuF_gr4)"></rect><rect x="23" y="27" transform="scale(2.6875,2.6875)" width="8" height="2" fill="url(#color-5_h1V3zyLIDjuF_gr5)"></rect><rect x="33" y="27" transform="scale(2.6875,2.6875)" width="8" height="2" fill="url(#color-6_h1V3zyLIDjuF_gr6)"></rect><rect x="43" y="27" transform="scale(2.6875,2.6875)" width="8" height="2" fill="url(#color-7_h1V3zyLIDjuF_gr7)"></rect><rect x="12" y="35" transform="scale(2.6875,2.6875)" width="14" height="2" fill="url(#color-8_h1V3zyLIDjuF_gr8)"></rect><rect x="12" y="39" transform="scale(2.6875,2.6875)" width="10" height="2" fill="url(#color-9_h1V3zyLIDjuF_gr9)"></rect><rect x="10" y="7" transform="scale(2.6875,2.6875)" width="44" height="2" fill="url(#color-10_h1V3zyLIDjuF_gr10)"></rect><path d="M155.875,95.675v-58.05c0,-4.56875 -3.49375,-8.0625 -8.0625,-8.0625h-123.625c-4.56875,0 -8.0625,3.49375 -8.0625,8.0625v80.625c0,4.3 3.49375,8.0625 8.0625,8.0625h73.1c2.6875,16.6625 16.93125,29.5625 34.4,29.5625c19.35,0 34.9375,-15.5875 34.9375,-34.9375c0,-9.94375 -4.03125,-18.8125 -10.75,-25.2625zM96.75,120.9375h-72.5625c-1.34375,0 -2.6875,-1.34375 -2.6875,-2.6875v-80.625c0,-1.34375 1.34375,-2.6875 2.6875,-2.6875h123.625c1.34375,0 2.6875,1.34375 2.6875,2.6875v54.01875c-5.375,-3.49375 -11.825,-5.64375 -18.8125,-5.64375c-19.35,0 -34.9375,15.5875 -34.9375,34.9375zM131.6875,150.5c-16.39375,0 -29.5625,-13.16875 -29.5625,-29.5625c0,-16.39375 13.16875,-29.5625 29.5625,-29.5625c16.39375,0 29.5625,13.16875 29.5625,29.5625c0,16.39375 -13.16875,29.5625 -29.5625,29.5625z" fill="url(#color-11_h1V3zyLIDjuF_gr11)"></path></g></g></svg>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <div class="fs-12 m-t-5 all-caps">Payment Proof</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="row fs-12 text-center">
+                        <div class="col p-t-20 p-b-20 bg-master-lighter tabButton" tab-name="purchaseOrders" @click="setActiveTab($event)">
+                            <div class="row justify-content-center m-b-5">
+                                <div class="col-auto">
+                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+                                            width="35" height="35"
+                                            viewBox="0 0 172 172"
+                                            style=" fill:#000000;"><defs><linearGradient x1="69.875" y1="96.52694" x2="69.875" y2="108.37075" gradientUnits="userSpaceOnUse" id="color-1_44039_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="21.05119" x2="86" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-2_44039_gr2"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="80.625" y1="21.05119" x2="80.625" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-3_44039_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="75.25" y1="21.05119" x2="75.25" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-4_44039_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="69.875" y1="21.05119" x2="69.875" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-5_44039_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="129" y1="21.05119" x2="129" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-6_44039_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="139.75" y1="21.05119" x2="139.75" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-7_44039_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="118.25" y1="21.05119" x2="118.25" y2="153.19019" gradientUnits="userSpaceOnUse" id="color-8_44039_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient></defs><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M86,104.8125c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-26.875c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-5.375c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h26.875c1.4835,0 2.6875,1.204 2.6875,2.6875z" fill="url(#color-1_44039_gr1)"></path><path d="M154.0045,83.57856c-1.58025,-1.87856 -3.913,-2.95356 -6.407,-2.95356h-5.16v-8.0625c0,-4.44513 -4.03125,-8.0625 -8.0625,-8.0625v-26.875c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-38.65162l-3.88881,-7.77762c-0.91375,-1.83288 -2.75469,-2.97237 -4.80794,-2.97237h-18.17825h-1.66088h-18.8125c-2.96431,0 -5.375,2.41069 -5.375,5.375v96.75h-21.5v13.4375c0,7.40944 6.02806,13.4375 13.4375,13.4375h91.375c7.40944,0 13.4375,-6.02806 13.4375,-13.4375v-18.8125h4.74344c6.80475,0 12.55869,-4.71119 13.68475,-11.20419l2.95625,-17.02263c0.39775,-2.29512 -0.23919,-4.644 -1.75494,-6.44463zM137.0625,72.5625v8.0625h-16.125v-8.0625c0,-1.4835 1.20669,-2.6875 2.6875,-2.6875h10.75c1.4835,0 2.6875,1.204 2.6875,2.6875zM129,43h-5.375v-5.375h5.375zM81.65163,26.875l2.6875,5.375h-15.49344l-2.6875,-5.375zM60.15163,26.875l3.88881,7.78031c0.91913,1.83019 2.76275,2.96969 4.81063,2.96969h49.39894v5.375h-75.25v-16.125zM29.5625,145.125c-4.44513,0 -8.0625,-3.61469 -8.0625,-8.0625v-8.0625h86v8.0625c0,3.02344 1.00244,5.375 2.69288,8.0625zM129,137.0625c0,4.44512 -3.61738,8.0625 -8.0625,8.0625c-4.44512,0 -8.0625,-3.61738 -8.0625,-8.0625v-13.4375h-69.875v-75.25h86v16.125h-5.375c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v8.0625h-5.16c-2.494,0 -4.82675,1.075 -6.407,2.95356c-1.51306,1.80062 -2.15269,4.1495 -1.75225,6.44194l2.95625,17.02531c1.12606,6.493 6.87731,11.20419 13.68475,11.20419h10.11575zM150.46237,89.10138l-2.95625,17.02531c-0.67725,3.91031 -4.20325,6.74831 -8.38769,6.74831h-20.23419c-4.18444,0 -7.71044,-2.838 -8.38769,-6.74831l-2.95625,-17.028c-0.172,-0.99706 0.28219,-1.72 0.57244,-2.064c0.55362,-0.65575 1.38675,-1.03469 2.28975,-1.03469h37.195c0.903,0 1.73613,0.37894 2.29244,1.03738c0.28756,0.344 0.74444,1.06425 0.57244,2.064z" fill="url(#color-2_44039_gr2)"></path><path d="M53.75,59.125h53.75v5.375h-53.75z" fill="url(#color-3_44039_gr3)"></path><path d="M53.75,69.875h43v5.375h-43z" fill="url(#color-4_44039_gr4)"></path><path d="M53.75,80.625h32.25v5.375h-32.25z" fill="url(#color-5_44039_gr5)"></path><path d="M126.3125,91.375h5.375v16.125h-5.375z" fill="url(#color-6_44039_gr6)"></path><path d="M137.0625,91.375h5.375v10.75h-5.375z" fill="url(#color-7_44039_gr7)"></path><path d="M115.5625,91.375h5.375v10.75h-5.375z" fill="url(#color-8_44039_gr8)"></path></g></g></svg>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <div class="fs-12 m-t-5 all-caps">Purchase Orders.</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row no-margin">
+                <div class="col bg-white padding-25">
+                    <div class="row tabsContainer tabContent" tab-name="pendingOrders" v-if="isActiveTab('pendingOrders') || showTabContent('pendingOrders')">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <supplier-pending-orders-section-component></supplier-pending-orders-section-component>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row tabsContainer hide tabContent" tab-name="paymentProof" v-if="isActiveTab('paymentProof') || showTabContent('paymentProof')">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <div class="row">
+                                        <div class="col">
+                                            <list-component ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list')" :options="{status: 1, type: 3, issuer_not_in: [2185, 1970, 1921]}">
+                                                <template slot="list" slot-scope="{data}">
+                                                    <payment-proof-component :data="data"></payment-proof-component>
+                                                </template>
+                                            </list-component>
+                                            <!-- <list-polling-component ref="paymentProofList" section="paymentProofSection" :endpoint="route('api.transaction.list.job')" :options="{status: 1, type: 3, issuer_not_in: [2185, 1970, 1921]}">
+                                                <template slot="list" slot-scope="{data}">
+                                                    <payment-proof-component :data="data"></payment-proof-component>
+                                                </template>
+                                            </list-polling-component> -->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row tabsContainer hide tabContent" tab-name="purchaseOrders"  v-if="isActiveTab('purchaseOrders') || showTabContent('purchaseOrders')">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col">
+                                    <div class="row m-b-15 p-b-10 b-b b-grey">
+                                        <div class="col">
+                                            <small class="all-caps muted fs-10">Pending Verification</small>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <list-component key="2" section="poPendingApprovalSection" :endpoint="route('api.booking.list')" :options="{per_page: 10, purchase_order_approval: true, status_in: [2]}">
+                                                <template slot="list" slot-scope="{data}">
+                                                    <booking-component :data="data"></booking-component>
+                                                </template>
+                                            </list-component>
+                                            <!-- <list-polling-component key="2" section="poPendingApprovalSection" :endpoint="route('api.booking.list.job')" :options="{per_page: 10, purchase_order_approval: true, status_in: [2]}">
+                                                <template slot="list" slot-scope="{data}">
+                                                    <booking-component :data="data"></booking-component>
+                                                </template>
+                                            </list-polling-component> -->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col">
+                                    <div class="row m-b-15 p-b-10 b-b b-grey">
+                                        <div class="col">
+                                            <small class="all-caps muted fs-10">Pending Submission</small>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+                                        <div class="col">
+                                            <list-component key="2" section="poPendingSubmissionSection" :endpoint="route('api.booking.list')" :options="{per_page: 10, pending_purchase_order: true, has_payment_status_in: [2, 3]}">
+                                                <template slot="list" slot-scope="{data}">
+                                                    <booking-component :data="data"></booking-component>
+                                                </template>
+                                            </list-component>
+                                            <!-- <list-polling-component key="2" section="poPendingSubmissionSection" :endpoint="route('api.booking.list.job')" :options="{per_page: 10, pending_purchase_order: true, has_payment_status_in: [2, 3]}">
+                                                <template slot="list" slot-scope="{data}">
+                                                    <booking-component :data="data"></booking-component>
+                                                </template>
+                                            </list-polling-component> -->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import tabHandler from '../../../general/mixins/tabHandler';
+    export default {
+        data() {
+            return {
+                activeTab: 'pendingOrders',
+                displayedTabs: ['pendingOrders'],
+            };
+        },
+        mixins: [tabHandler]
+    }
+</script>