Client Portal
{% comment %}
Client Portal Page Template with auto-redirect for logged-in clients
{% endcomment %}
{% if customer %}
<!-- ✅ Redirect Logged-In Clients to This Page -->
<script type="text/javascript">
// Prevent infinite redirect loop
if (window.location.pathname != "/pages/client-portal") {
window.location.href = "/pages/client-portal";
}
</script>
<!-- ✅ Client Content Starts Here -->
<div style="max-width:900px;margin:auto;padding:20px;">
<h1>Welcome to the Client Portal</h1>
<p>You have full access to all training materials, videos, and the chatbot.</p>
<hr>
<!-- Navigation Menu -->
<nav style="margin-bottom:20px;">
<a href="/pages/client-welcome" style="margin-right:15px;">📄 Welcome</a>
<a href="/pages/client-module-1" style="margin-right:15px;">🎯 Module 1</a>
<a href="/pages/client-module-2" style="margin-right:15px;">📚 Module 2</a>
<a href="/pages/client-module-3" style="margin-right:15px;">💡 Module 3</a>
<a href="/pages/client-chatbot">🤖 Ask the Bot</a>
</nav>
<!-- Example: Embedded Video -->
<h2>Getting Started</h2>
<iframe width="100%" height="450" src="https://www.youtube.com/embed/YOUR_VIDEO_ID?rel=0" frameborder="0" allowfullscreen></iframe>
<!-- Example: Downloadable Resource -->
<h3>Download Resources</h3>
<p><a href="https://YOUR_LINK_TO_PDF" target="_blank">📥 Onboarding Guide (PDF)</a></p>
<!-- Example: Embedded Chatbot -->
<h3>Ask the Client Portal Chatbot</h3>
<iframe src="https://YOUR_CHATBOT_EMBED_URL" width="100%" height="600" style="border:1px solid #ccc;border-radius:8px;"></iframe>
</div>
<!-- ✅ Client Content Ends Here -->
{% else %}
<!-- 🚪 Not logged in -->
<div style="max-width:700px;margin:auto;padding:20px;text-align:center;">
<h2>Client Login Required</h2>
<p>Please log in to access the Client Portal.</p>
<a href="/account/login" style="background:#000;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;">Log In</a>
</div>
{% endif %}