File: /var/www/test/Installationlist/done.php
<?php
session_start();
$submitted = $_SESSION['done_submitted'] ?? false;
if (!$submitted) {
header('Location: form.php');
exit;
}
unset($_SESSION['done_submitted'], $_SESSION['done_pdf_token'], $_SESSION['done_pdf_path']);
?>
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>申請完成</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: "Microsoft JhengHei","PingFang TC",sans-serif;
background: #F5F5F5;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.card {
background: #fff;
border-radius: 16px;
padding: 40px 28px 32px;
max-width: 360px;
width: 100%;
text-align: center;
box-shadow: 0 4px 24px rgba(0,0,0,.08);
}
.icon-wrap {
width: 72px; height: 72px;
background: #E1F5EE;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 20px;
}
.icon-wrap svg { width: 36px; height: 36px; }
.title {
font-size: 20px; font-weight: 600;
color: #085041; margin-bottom: 10px;
}
.sub {
font-size: 14px; color: #555;
line-height: 1.8; margin-bottom: 28px;
}
.email-hint {
background: #E1F5EE;
border-radius: 10px;
padding: 12px 16px;
font-size: 13px;
color: #0F6E56;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 8px;
text-align: left;
}
.close-btn {
width: 100%;
padding: 14px;
background: #1D9E75;
color: #fff;
border: none;
border-radius: 10px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
font-family: inherit;
transition: background .2s;
}
.close-btn:hover { background: #178a63; }
.hint {
margin-top: 14px;
font-size: 12px;
color: #aaa;
}
</style>
</head>
<body>
<div class="card">
<div class="icon-wrap">
<svg viewBox="0 0 24 24" fill="none" stroke="#1D9E75" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<polyline points="22 4 12 14.01 9 11.01"/>
</svg>
</div>
<div class="title">申請書已成功送出！</div>
<div class="sub">感謝您的申請<br>相關資料已整理完成</div>
<div class="email-hint">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
<polyline points="22,6 12,13 2,6"/>
</svg>
<span>PDF 申請書已寄送至客戶電子信箱，請提醒客戶查收</span>
</div>
<button class="close-btn" onclick="closePage()">關閉</button>
<div class="hint" id="hint-txt"></div>
</div>
<script>
sessionStorage.clear();
function closePage() {
window.close();
setTimeout(function() {
document.getElementById('hint-txt').textContent = '請手動關閉此分頁';
}, 400);
}
</script>
</body>
</html>