71 lines
3.3 KiB
HTML
71 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>Host Setting</title>
|
|
<link rel="stylesheet" href="./host-setting.css" />
|
|
</head>
|
|
<body>
|
|
<div class="host-setting">
|
|
<header class="page-header">
|
|
<button class="header-icon" type="button" data-action="back" aria-label="Back"><img id="backIcon" alt="" /></button>
|
|
<h1 data-i18n="host_setting">Host Setting</h1>
|
|
<button class="lang-button" type="button" data-action="language">EN</button>
|
|
</header>
|
|
|
|
<main class="page-content">
|
|
<section class="setting-section">
|
|
<div class="section-head">
|
|
<div class="section-title" data-i18n="bank_card">Bank card</div>
|
|
<button class="more-button" id="bankMoreButton" type="button" data-route="/bank-card" data-i18n="more" hidden>More</button>
|
|
</div>
|
|
<div class="surface-card" id="bankCardPanel">
|
|
<button class="empty-row" id="addBankCardRow" type="button" data-route="/bank-card">
|
|
<span data-i18n="add_payment_method">Add payment method</span>
|
|
<img class="arrow-icon" id="bankAddArrow" alt="" />
|
|
</button>
|
|
<div class="bank-detail" id="bankDetail" hidden>
|
|
<div class="field-label" data-i18n="category">Category</div>
|
|
<div class="field-value" id="cardType">-</div>
|
|
<div class="field-label" data-i18n="card_number_label">Card number</div>
|
|
<div class="field-value" id="cardNo">-</div>
|
|
<div class="field-label"><span data-i18n="payee">Payee</span>:</div>
|
|
<div class="field-value" id="payee">-</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="setting-section">
|
|
<div class="section-head">
|
|
<div class="kyc-title">
|
|
<span data-i18n="kyc">KYC</span>
|
|
<span id="kycColon" hidden>:</span>
|
|
<span class="status-text" id="kycStatus" hidden></span>
|
|
</div>
|
|
<button class="icon-route" id="kycHeaderButton" type="button" data-route="/KYC" hidden><img class="arrow-icon" id="kycHeaderArrow" alt="" /></button>
|
|
</div>
|
|
<div class="surface-card">
|
|
<button class="empty-row" id="completeKycRow" type="button" data-route="/KYC">
|
|
<span data-i18n="complete_information">Complete information</span>
|
|
<img class="arrow-icon" id="kycAddArrow" alt="" />
|
|
</button>
|
|
<div class="kyc-detail" id="kycDetail" hidden>
|
|
<div class="field-label"><span data-i18n="passport_id_card_title">Passport / ID card</span>:</div>
|
|
<div class="preview-list" id="previewList"></div>
|
|
<div class="field-label"><span data-i18n="contact_number">Contact number</span>:</div>
|
|
<div class="field-text" id="contactNumber">-</div>
|
|
<div class="field-label"><span data-i18n="other_description">Other description</span>:</div>
|
|
<div class="field-text" id="otherDescription">-</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="toast" id="toast" hidden></div>
|
|
</div>
|
|
|
|
<script type="module" src="./host-setting.js"></script>
|
|
</body>
|
|
</html>
|