{% extends 'base.html' %}
{% block title %}Datapath | Portal{% endblock %}
{% block content %}
    {% if wristband.user_info %}
        <section class="portal-preview">
            <div class="portal-intro">
                <h1>Welcome, to the Datapath Vision Portal</h1>
                <p class="lead">The Datapath Vision Portal represents the future of managed service partnerships. As an industry-leading solution, it empowers you with visibility into your company's critical metrics—from support requests and email security to endpoint protection and employee security training.</p>
                
                <p>Through this innovative portal, Datapath strengthens its commitment to your success by providing unprecedented transparency and insights that help safeguard your business and optimize operations.</p>
                
                <div class="features-preview">
                    <h3>Exciting Features Coming Soon!</h3>
                    <ul>
                        <li><strong>Trends and Historical Charts</strong> — Visualize your company's security and performance metrics over time.</li>
                        <li><strong>Datapath's "Vision" LLM</strong> — Your all-knowing AI companion that connects directly to your company data, allowing you to ask questions and receive insights about performance, security, and operational efficiency.</li>
                        <li><strong>Executive Summaries</strong> — Tailored monthly reports for decision-makers that highlight Datapath's impact on your business and identify opportunities for improvement.</li>
                        <li><strong>Support and Requests</strong> — A comprehensive system to view, place, update, and manage all your support interactions with Datapath.</li>
                        <!-- <li><strong>Order Tracking</strong> — Seamlessly place and monitor all procurement and orders through a dedicated interface.</li> -->
                    </ul>
                </div>
                
            </div>
        </section>
    {% else %}
        <section class="portal-preview">
            <div class="portal-intro">
                <h1>Welcome to the Datapath Vision Portal</h1>
                <p class="lead">The Datapath Vision Portal represents the future of managed service partnerships. As an industry-leading solution, it empowers you with up-to-the-hour visibility into your company's critical metrics—from support requests and email security to endpoint protection and employee security training.</p>
                
                <p>Through this innovative portal, Datapath strengthens its commitment to your success by providing unprecedented transparency and insights that help safeguard your business and optimize operations.</p>
                
                <div class="features-preview">
                    <h3>Exciting Features Coming Soon!</h3>
                    <ul>
                        <li><strong>Trends and Historical Charts</strong> — Visualize your company's security and performance metrics over time.</li>
                        <li><strong>Datapath's "Vision" LLM</strong> — Your all-seeing, all-knowing AI companion that connects directly to your company data, allowing you to ask questions and receive insights about performance, security, and operational efficiency.</li>
                        <li><strong>Executive Summaries</strong> — Tailored monthly reports for decision-makers that highlight Datapath's impact on your business and identify opportunities for improvement.</li>
                        <li><strong>Support and Requests</strong> — A comprehensive system to view, place, update, and manage all your support interactions with Datapath.</li>
                        <!-- <li><strong>Order Tracking</strong> — Seamlessly place and monitor all procurement and orders through a dedicated interface.</li> -->
                    </ul>
                </div>
                
            </div>
            
            <div class="cta-container">
                <a href="{% url 'Dashboard:login' %}" class="btn btn-primary btn-lg">Login</a>
            </div>
        </section>
    {% endif %}
{% endblock %}