{% extends 'base.html' %}
{% block title %}Smart Home — Student Smart Portal{% endblock %}
{% block content %}
<section class="smart-hero"><div><div class="smart-kicker">STUDENT SMART PORTAL · CLASSROOM MODE</div><h1>Ready to teach</h1><p>You're on the local classroom server. Start a quiz, collect attendance, or transfer encrypted results. No internet needed.</p></div><span class="smart-hero-symbol" aria-hidden="true">✓</span></section>
<section class="smart-status topspace">● Connected to the classroom server</section>
<h2 class="topspace">Choose an action</h2>
<div class="smart-tiles">
 <a class="smart-tile" href="/classroom"><span class="tile-icon">▦</span><strong>Start Quiz &amp; Show QR</strong><span>Imported ready exams stay closed until launched</span></a>
 <a class="smart-tile" href="{{url_for('dashboard')}}"><span class="tile-icon">✓</span><strong>Take Attendance</strong><span>Open local lecture attendance and QR sessions</span></a>
 <a class="smart-tile" href="/phone-sync"><span class="tile-icon">⇄</span><strong>Phone Sync</strong><span>Collect encrypted results, import ready quizzes</span></a>
 <a class="smart-tile" href="/admin/bridge"><span class="tile-icon">↗</span><strong>Cloud Sync &amp; Updates</strong><span>Full cloud exchange and software updates when connected to internet</span></a>
 <a class="smart-tile" href="{{url_for('quiz.quizzes_admin')}}"><span class="tile-icon">▥</span><strong>Local MCQ Quizzes</strong><span>Review locally authored quizzes and completed exams</span></a>
 <a class="smart-tile" href="{{url_for('index')}}"><span class="tile-icon">⌂</span><strong>Local Dashboard</strong><span>Attendance and class activities</span></a>
</div>
<section class="smart-panel topspace"><h2>One icon, two backends</h2><p>Your installed Cloudflare PWA is the starting point. When you choose classroom work, it opens this local server after you connect to college Wi-Fi. Your cloud account and local login are still separate for security. The app never sends staff passwords to the other server.</p></section>
{% endblock %}