joanne
/
Altob.NtuInvoiceGateway


			
				
					
						
						
							
							<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>發票系統測試頁面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h3>發票系統轉頁測試</h3>
            </div>
            <div class="card-body">
                <form id="testForm" method="GET" action="/Invoice">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">開發票者統編 (identifier) *</label>
                            <input type="text" class="form-control" name="identifier" value="12345678" required>
                            <small class="text-muted">8位數字</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">發票交易日期 (transDateTime) *</label>
                            <input type="text" class="form-control" name="transDateTime" value="2024-01-15 14:30:00" required>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">發票交易金額 (transAmount) *</label>
                            <input type="text" class="form-control" name="transAmount" value="150" required>
                            <small class="text-muted">最多6位數</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">設備代號 (deviceID) *</label>
                            <input type="text" class="form-control" name="deviceID" value="DEVICE001" required>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">停車場站代號 (locationID) *</label>
                            <input type="text" class="form-control" name="locationID" value="A" maxlength="1" required>
                            <small class="text-muted">1個字元</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">車牌號碼 (carPlateNum) *</label>
                            <input type="text" class="form-control" name="carPlateNum" value="ABC1234" required>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">訂單編號 (orderID) *</label>
                            <input type="text" class="form-control" name="orderID" value="ORDER20240115001" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">稅別 (taxType) *</label>
                            <select class="form-control" name="taxType" required>
                                <option value="1">應稅</option>
                                <option value="2">零稅率</option>
                                <option value="3">免稅</option>
                            </select>
                            <small class="text-muted">1個字元</small>
                        </div>
                    </div>

                    <hr>
                    <h5>選填欄位（可預填）</h5>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">消費者信箱 (email)</label>
                            <input type="email" class="form-control" name="email" placeholder="user@example.com">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">手機條碼 (carrierID)</label>
                            <input type="text" class="form-control" name="carrierID" placeholder="/ABC1234">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">購買者統編 (buyerIdentifier)</label>
                            <input type="text" class="form-control" name="buyerIdentifier" placeholder="87654321">
                        </div>
                    </div>

                    <div class="d-grid gap-2">
                        <button type="submit" class="btn btn-primary btn-lg">
                            GET 方式轉頁到發票頁面
                        </button>
                    </div>
                </form>

                <hr class="my-4">

                <h5>快速測試連結</h5>
                <div class="d-grid gap-2">
                    <a href="/Invoice?identifier=12345678&transDateTime=2024-01-15%2014:30:00&transAmount=150&deviceID=DEVICE001&locationID=A&carPlateNum=ABC1234&orderID=ORDER001&taxType=1"
                       class="btn btn-outline-secondary">
                        測試連結 1 - 只有必填欄位
                    </a>
                    <a href="/Invoice?identifier=12345678&transDateTime=2024-01-15%2014:30:00&transAmount=150&deviceID=DEVICE001&locationID=A&carPlateNum=ABC1234&orderID=ORDER002&taxType=1&email=test@example.com"
                       class="btn btn-outline-secondary">
                        測試連結 2 - 預填 Email
                    </a>
                    <a href="/Invoice?identifier=12345678&transDateTime=2024-01-15%2014:30:00&transAmount=150&deviceID=DEVICE001&locationID=A&carPlateNum=ABC1234&orderID=ORDER003&taxType=1&carrierID=/ABC1234"
                       class="btn btn-outline-secondary">
                        測試連結 3 - 預填手機條碼
                    </a>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>