cief/exchange-2.0
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git synced 2026-08-21 05:23:58 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
76599190f6cd2a59890b2dfed94de22c332f22cb
exchange-2.0/resources/views/pages/supplier-payments.blade.php
T
JiaSheng 72797d8885 supplier bill group dashboard
2023-12-22 18:16:04 +08:00

138 lines
30 KiB
PHP
Raw Blame History

@extends('layouts.base_portal')
@section('inner_content')
<div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
<div class="col-12 col-md p-l-0 p-r-0 mb-4 mb-md-0">
<div class="row">
<div class="col">
<div class="row tabsContainer">
<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-15">Supplier Currency Orders</small>
</div>
</div>
<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="pendingPaymentWhiteForm">
<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">Pending Payment</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="paymentInProgressBillGroup">
<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="96.75" y1="71.30475" x2="96.75" y2="95.57556" gradientUnits="userSpaceOnUse" id="color-1_6AytYvfD4mxm_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="68.53125" y1="69.47456" x2="68.53125" y2="93.72119" gradientUnits="userSpaceOnUse" id="color-2_6AytYvfD4mxm_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="32.25" y1="16.06856" x2="32.25" y2="137.557" gradientUnits="userSpaceOnUse" id="color-3_6AytYvfD4mxm_gr3"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="32.25" y1="16.06856" x2="32.25" y2="137.557" gradientUnits="userSpaceOnUse" id="color-4_6AytYvfD4mxm_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="16.06856" x2="45.6875" y2="137.557" gradientUnits="userSpaceOnUse" id="color-5_6AytYvfD4mxm_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="16.06856" x2="45.6875" y2="137.557" gradientUnits="userSpaceOnUse" id="color-6_6AytYvfD4mxm_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="16.06856" x2="45.6875" y2="137.557" gradientUnits="userSpaceOnUse" id="color-7_6AytYvfD4mxm_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="45.6875" y1="16.06856" x2="45.6875" y2="137.557" gradientUnits="userSpaceOnUse" id="color-8_6AytYvfD4mxm_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="72.5625" y1="16.06856" x2="72.5625" y2="137.557" gradientUnits="userSpaceOnUse" id="color-9_6AytYvfD4mxm_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="61.8125" y1="16.06856" x2="61.8125" y2="137.557" gradientUnits="userSpaceOnUse" id="color-10_6AytYvfD4mxm_gr10"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="153.1875" y1="16.06856" x2="153.1875" y2="137.557" gradientUnits="userSpaceOnUse" id="color-11_6AytYvfD4mxm_gr11"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="79.28125" y1="16.06856" x2="79.28125" y2="137.557" gradientUnits="userSpaceOnUse" id="color-12_6AytYvfD4mxm_gr12"><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,86c0,5.93669 4.81331,10.75 10.75,10.75c5.93669,0 10.75,-4.81331 10.75,-10.75c0,-5.93669 -4.81331,-10.75 -10.75,-10.75c-5.93669,0 -10.75,4.81331 -10.75,10.75z" fill="url(#color-1_6AytYvfD4mxm_gr1)"></path><path d="M61.8125,94.67794v-17.35587c0,-1.14487 0.92719,-2.07206 2.07206,-2.07206h9.29337c1.14487,0 2.07206,0.92719 2.07206,2.07206v17.35587c0,1.14487 -0.92719,2.07206 -2.07206,2.07206h-9.29337c-1.14488,0 -2.07206,-0.92719 -2.07206,-2.07206z" fill="url(#color-2_6AytYvfD4mxm_gr2)"></path><rect x="11" y="28" transform="scale(2.6875,2.6875)" width="2" height="11" fill="url(#color-3_6AytYvfD4mxm_gr3)"></rect><rect x="11" y="42" transform="scale(2.6875,2.6875)" width="2" height="12" fill="url(#color-4_6AytYvfD4mxm_gr4)"></rect><rect x="16" y="28" transform="scale(2.6875,2.6875)" width="2" height="5" fill="url(#color-5_6AytYvfD4mxm_gr5)"></rect><rect x="16" y="35" transform="scale(2.6875,2.6875)" width="2" height="5" fill="url(#color-6_6AytYvfD4mxm_gr6)"></rect><rect x="16" y="42" transform="scale(2.6875,2.6875)" width="2" height="5" fill="url(#color-7_6AytYvfD4mxm_gr7)"></rect><rect x="16" y="49" transform="scale(2.6875,2.6875)" width="2" height="5" fill="url(#color-8_6AytYvfD4mxm_gr8)"></rect><rect x="26" y="46" transform="scale(2.6875,2.6875)" width="2" height="8" fill="url(#color-9_6AytYvfD4mxm_gr9)"></rect><rect x="22" y="46" transform="scale(2.6875,2.6875)" width="2" height="8" fill="url(#color-10_6AytYvfD4mxm_gr10)"></rect><rect x="56" y="8" transform="scale(2.6875,2.6875)" width="2" height="48" fill="url(#color-11_6AytYvfD4mxm_gr11)"></rect><path d="M134.375,13.4375h-75.25c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v40.3125h-26.95294c-4.40212,0 -7.98456,3.58244 -7.98456,7.98456v80.78087c0,4.40213 3.58244,7.98456 7.98456,7.98456h110.26544c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-129c0,-4.44513 -3.61737,-8.0625 -8.0625,-8.0625zM80.70294,153.1875h-56.59338c-1.43781,0 -2.60956,-1.17175 -2.60956,-2.60956v-80.78088c0,-1.43781 1.17175,-2.60956 2.60956,-2.60956h56.59338c1.43781,0 2.60956,1.17175 2.60956,2.60956v80.78087c0,1.43781 -1.17175,2.60956 -2.60956,2.60956zM88.6875,72.09219c2.37575,-1.38944 5.117,-2.21719 8.0625,-2.21719c8.89294,0 16.125,7.23206 16.125,16.125c0,8.89294 -7.23206,16.125 -16.125,16.125c-2.9455,0 -5.68675,-0.82775 -8.0625,-2.21719zM88.6875,105.89825c2.49131,1.02125 5.20569,1.60175 8.0625,1.60175c11.85456,0 21.5,-9.64544 21.5,-21.5c0,-11.85456 -9.64544,-21.5 -21.5,-21.5c-3.15244,0 -6.1275,0.72025 -8.82306,1.94844c-1.27119,-2.72781 -4.0205,-4.63594 -7.224,-4.63594h-13.51544v-19.03825c6.74294,-1.13681 12.07762,-6.4715 13.21444,-13.21444h32.69612c1.13681,6.74294 6.4715,12.08031 13.21444,13.21444v86.44881c-6.74294,1.13681 -12.07762,6.4715 -13.21444,13.21444h-24.41056zM137.0625,150.5c0,1.48081 -1.204,2.6875 -2.6875,2.6875h-46.16319c0.28756,-0.82237 0.47569,-1.69044 0.47569,-2.60956v-2.76544h29.5625v-2.6875c0,-5.92863 4.82137,-10.75 10.75,-10.75h2.6875v-96.75h-2.6875c-5.92863,0 -10.75,-4.82138 -10.75,-10.75v-2.6875h-43v2.6875c0,5.92862 -4.82138,10.75 -10.75,10.75h-2.6875v24.1875h-5.375v-40.3125c0,-1.48081 1.204,-2.6875 2.6875,-2.6875h75.25c1.4835,0 2.6875,1.20669 2.6875,2.6875z" fill="url(#color-12_6AytYvfD4mxm_gr12)"></path></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<div class="fs-12 m-t-5 all-caps">Payment In Progress</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="paymentVerificationBillGroup">
<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="107.5" y1="36.28125" x2="107.5" y2="50.28044" gradientUnits="userSpaceOnUse" id="color-1_123740_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="107.5" y1="79.73006" x2="107.5" y2="92.39894" gradientUnits="userSpaceOnUse" id="color-2_123740_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="107.5" y1="122.28125" x2="107.5" y2="135.837" gradientUnits="userSpaceOnUse" id="color-3_123740_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="107.5" y1="24.1875" x2="107.5" y2="150.05119" gradientUnits="userSpaceOnUse" id="color-4_123740_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="107.5" y1="24.1875" x2="107.5" y2="150.05119" gradientUnits="userSpaceOnUse" id="color-5_123740_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="107.5" y1="24.1875" x2="107.5" y2="150.05119" gradientUnits="userSpaceOnUse" id="color-6_123740_gr6"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="34.9375" y1="24.1875" x2="34.9375" y2="151.34925" gradientUnits="userSpaceOnUse" id="color-7_123740_gr7"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="37.625" y1="24.1875" x2="37.625" y2="151.34925" gradientUnits="userSpaceOnUse" id="color-8_123740_gr8"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="34.9375" y1="24.1875" x2="34.9375" y2="151.34925" gradientUnits="userSpaceOnUse" id="color-9_123740_gr9"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="37.625" y1="24.1875" x2="37.625" y2="151.34925" gradientUnits="userSpaceOnUse" id="color-10_123740_gr10"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="34.9375" y1="24.1875" x2="34.9375" y2="151.34925" gradientUnits="userSpaceOnUse" id="color-11_123740_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><path d="M69.875,40.3125h75.25v5.375h-75.25z" fill="url(#color-1_123740_gr1)"></path><path d="M69.875,83.3125h75.25v5.375h-75.25z" fill="url(#color-2_123740_gr2)"></path><path d="M69.875,126.3125h75.25v5.375h-75.25z" fill="url(#color-3_123740_gr3)"></path><path d="M147.8125,26.875h-80.625c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v16.125c0,4.44512 3.61738,8.0625 8.0625,8.0625h80.625c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-16.125c0,-4.44513 -3.61737,-8.0625 -8.0625,-8.0625zM150.5,51.0625c0,1.48081 -1.20669,2.6875 -2.6875,2.6875h-80.625c-1.48081,0 -2.6875,-1.20669 -2.6875,-2.6875v-16.125c0,-1.48081 1.20669,-2.6875 2.6875,-2.6875h80.625c1.48081,0 2.6875,1.20669 2.6875,2.6875z" fill="url(#color-4_123740_gr4)"></path><path d="M147.8125,69.875h-80.625c-4.44512,0 -8.0625,3.61737 -8.0625,8.0625v16.125c0,4.44512 3.61738,8.0625 8.0625,8.0625h80.625c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-16.125c0,-4.44513 -3.61737,-8.0625 -8.0625,-8.0625zM150.5,94.0625c0,1.48081 -1.20669,2.6875 -2.6875,2.6875h-80.625c-1.48081,0 -2.6875,-1.20669 -2.6875,-2.6875v-16.125c0,-1.48081 1.20669,-2.6875 2.6875,-2.6875h80.625c1.48081,0 2.6875,1.20669 2.6875,2.6875z" fill="url(#color-5_123740_gr5)"></path><path d="M147.8125,112.875h-80.625c-4.44512,0 -8.0625,3.61738 -8.0625,8.0625v16.125c0,4.44512 3.61738,8.0625 8.0625,8.0625h80.625c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-16.125c0,-4.44513 -3.61737,-8.0625 -8.0625,-8.0625zM150.5,137.0625c0,1.48081 -1.20669,2.6875 -2.6875,2.6875h-80.625c-1.48081,0 -2.6875,-1.20669 -2.6875,-2.6875v-16.125c0,-1.48081 1.20669,-2.6875 2.6875,-2.6875h80.625c1.48081,0 2.6875,1.20669 2.6875,2.6875z" fill="url(#color-6_123740_gr6)"></path><path d="M48.375,53.75c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-21.5c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-21.5c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h16.125v-5.375h-16.125c-4.44513,0 -8.0625,3.61737 -8.0625,8.0625v21.5c0,4.44512 3.61737,8.0625 8.0625,8.0625h21.5c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-10.75h-5.375z" fill="url(#color-7_123740_gr7)"></path><path d="M28.77506,41.09994l-3.80013,3.80013l8.61881,8.61881l16.68131,-16.68131l-3.80013,-3.80013l-12.88119,12.88119z" fill="url(#color-8_123740_gr8)"></path><path d="M48.375,96.75c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-21.5c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-21.5c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h16.125v-5.375h-16.125c-4.44513,0 -8.0625,3.61737 -8.0625,8.0625v21.5c0,4.44512 3.61737,8.0625 8.0625,8.0625h21.5c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-10.75h-5.375z" fill="url(#color-9_123740_gr9)"></path><path d="M28.77506,84.09994l-3.80013,3.80013l8.61881,8.61881l16.68131,-16.68131l-3.80013,-3.80013l-12.88119,12.88119z" fill="url(#color-10_123740_gr10)"></path><path d="M48.375,139.75c0,1.4835 -1.204,2.6875 -2.6875,2.6875h-21.5c-1.4835,0 -2.6875,-1.204 -2.6875,-2.6875v-21.5c0,-1.4835 1.204,-2.6875 2.6875,-2.6875h16.125v-5.375h-16.125c-4.44513,0 -8.0625,3.61738 -8.0625,8.0625v21.5c0,4.44512 3.61737,8.0625 8.0625,8.0625h21.5c4.44512,0 8.0625,-3.61738 8.0625,-8.0625v-10.75h-5.375z" fill="url(#color-11_123740_gr11)"></path></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<div class="fs-12 m-t-5 all-caps">Payment Verification</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="paidBillGroup">
<div class="row justify-content-center m-b-5">
<div class="col-auto">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="35" height="35"
viewBox="0 0 172 172"
style=" fill:#000000;"><defs><linearGradient x1="86" y1="136.61369" x2="86" y2="140.7605" gradientUnits="userSpaceOnUse" id="color-1_J4ahToebpd9u_gr1"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="63.15625" y1="28.21875" x2="63.15625" y2="34.27638" gradientUnits="userSpaceOnUse" id="color-2_J4ahToebpd9u_gr2"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="108.84375" y1="28.21875" x2="108.84375" y2="34.27638" gradientUnits="userSpaceOnUse" id="color-3_J4ahToebpd9u_gr3"><stop offset="0" stop-color="#4ec9ff"></stop><stop offset="1" stop-color="#2bffe6"></stop></linearGradient><linearGradient x1="86" y1="17.66763" x2="86" y2="150.83056" gradientUnits="userSpaceOnUse" id="color-4_J4ahToebpd9u_gr4"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="86" y1="17.66763" x2="86" y2="150.83056" gradientUnits="userSpaceOnUse" id="color-5_J4ahToebpd9u_gr5"><stop offset="0" stop-color="#009add"></stop><stop offset="1" stop-color="#00baa4"></stop></linearGradient><linearGradient x1="87.075" y1="17.66763" x2="87.075" y2="150.83056" gradientUnits="userSpaceOnUse" id="color-6_J4ahToebpd9u_gr6"><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><rect x="18" y="51" transform="scale(2.6875,2.6875)" width="28" height="1" fill="url(#color-1_J4ahToebpd9u_gr1)"></rect><rect x="20" y="11" transform="scale(2.6875,2.6875)" width="7" height="1" fill="url(#color-2_J4ahToebpd9u_gr2)"></rect><rect x="37" y="11" transform="scale(2.6875,2.6875)" width="7" height="1" fill="url(#color-3_J4ahToebpd9u_gr3)"></rect><path d="M129,32.25h-5.375v-2.6875c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-19.94125c-2.08012,-4.74075 -6.81012,-8.0625 -12.30875,-8.0625c-5.49863,0 -10.22863,3.32175 -12.30875,8.0625h-19.94125c-2.96431,0 -5.375,2.41069 -5.375,5.375v2.6875h-5.375c-5.92862,0 -10.75,4.82138 -10.75,10.75v102.125c0,5.92863 4.82138,10.75 10.75,10.75h86c5.92863,0 10.75,-4.82137 10.75,-10.75v-102.125c0,-5.92862 -4.82137,-10.75 -10.75,-10.75zM99.4375,29.5625h18.8125v2.6875h-18.8125zM77.9375,29.5625c0,-4.44513 3.61737,-8.0625 8.0625,-8.0625c4.44512,0 8.0625,3.61737 8.0625,8.0625l0.00538,18.8125h-16.13037zM77.9375,53.75h16.125c2.96431,0 5.375,-2.41069 5.375,-5.375h24.1875v83.3125h-75.25v-83.3125h24.1875c0,2.96431 2.41069,5.375 5.375,5.375zM123.625,137.0625v2.6875h-75.25v-2.6875zM53.75,29.5625h18.8125v2.6875h-18.8125zM134.375,145.125c0,2.96431 -2.41069,5.375 -5.375,5.375h-86c-2.96431,0 -5.375,-2.41069 -5.375,-5.375v-102.125c0,-2.96431 2.41069,-5.375 5.375,-5.375h29.5625v5.375h-24.1875c-2.96431,0 -5.375,2.41069 -5.375,5.375v83.3125v8.0625c0,2.96431 2.41069,5.375 5.375,5.375h75.25c2.96431,0 5.375,-2.41069 5.375,-5.375v-8.0625v-83.3125c0,-2.96431 -2.41069,-5.375 -5.375,-5.375h-24.1875v-5.375h29.5625c2.96431,0 5.375,2.41069 5.375,5.375z" fill="url(#color-4_J4ahToebpd9u_gr4)"></path><path d="M61.8125,94.0625c0,13.33806 10.84944,24.1875 24.1875,24.1875c13.33806,0 24.1875,-10.84944 24.1875,-24.1875c0,-13.33806 -10.84944,-24.1875 -24.1875,-24.1875c-13.33806,0 -24.1875,10.84944 -24.1875,24.1875zM86,75.25c10.37106,0 18.8125,8.44144 18.8125,18.8125c0,10.37106 -8.44144,18.8125 -18.8125,18.8125c-10.37106,0 -18.8125,-8.44144 -18.8125,-18.8125c0,-10.37106 8.44144,-18.8125 18.8125,-18.8125z" fill="url(#color-5_J4ahToebpd9u_gr5)"></path><path d="M83.85,101.76756c1.10188,0 2.20375,-0.41925 3.04225,-1.25775l11.37888,-11.37888l-3.03956,-3.03956l-11.38156,11.37888l-4.92888,-4.92888l-3.03956,3.03956l4.92888,4.92619c0.83581,0.84388 1.93769,1.26044 3.03956,1.26044z" fill="url(#color-6_J4ahToebpd9u_gr6)"></path></g></g></svg>
</div>
</div>
<div class="row">
<div class="col">
<div class="fs-12 m-t-5 all-caps">Paid Currency Order</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="pendingPaymentWhiteForm">
<div class="col">
<div class="row">
<div class="col">
<supplier-pending-order-payment-section-component></supplier-pending-order-payment-section-component>
</div>
</div>
</div>
</div>
<div class="row tabsContainer hide tabContent" tab-name="paymentInProgressBillGroup">
<div class="col">
<div class="row">
<div class="col">
<bill-group-list-section-component section="paymentInProgressBillGroupList"></bill-group-list-section-component>
</div>
</div>
</div>
</div>
<div class="row tabsContainer hide tabContent" tab-name="paymentVerificationBillGroup">
<div class="col">
<div class="row">
<div class="col">
<bill-group-list-section-component section="paymentVerificationBillGroupList"></bill-group-list-section-component>
</div>
</div>
</div>
</div>
<div class="row tabsContainer hide tabContent" tab-name="paidBillGroup">
<div class="col">
<div class="row">
<div class="col">
<bill-group-list-section-component section="paidBillGroupList"></bill-group-list-section-component>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
Reference in New Issue View Git Blame Copy Permalink