{% extends 'base.html' %}
{% block title %}Datapath | Dashboard{% endblock %}
{% block extra_head %}
<style>
    .coming-soon-banner {
        background: linear-gradient(135deg, #435364 0%, #00ADAD 100%);
        color: white;
        text-align: center;
        padding: 2rem;
        border-radius: 12px;
        margin-bottom: 2rem;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden;
    }
    
    .coming-soon-banner h2 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 1rem;
        color: white;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    
    .coming-soon-banner p {
        font-size: 1.4rem;
        margin-bottom: 0;
    }
    
    .coming-soon-badge {
        position: absolute;
        top: 25px;
        right: -45px;
        background-color: #03FB8D;
        color: #1B545F;
        font-weight: 700;
        padding: 8px 40px;
        transform: rotate(45deg);
        font-size: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }
    
    .ai-icon {
        font-size: 4rem;
        margin-bottom: 1rem;
        display: inline-block;
    }
    
    @media (max-width: 768px) {
        .coming-soon-banner h2 {
            font-size: 2.2rem;
        }
        
        .coming-soon-banner p {
            font-size: 1.1rem;
        }
    }
</style>
{% endblock %}

{% block content %}
    <section class="portal-preview">
        <div class="coming-soon-banner">
            <span class="coming-soon-badge">Coming Soon</span>
            <div class="ai-icon">🤖</div>
            <h2>Jarvis AI Assistant</h2>
            <p>We're putting the finishing touches on something amazing</p>
        </div>
        
        <div class="portal-intro">
            <p class="lead">
                Jarvis is Datapath's proprietary state-of-the-art AI assistant allowing you to talk
                directly with your companies data.
                <br>
                <br>
                Jarvis has access to multiple tools and assistants to help him work. These assistants will take on the role of various positions
                to utilize specialised knowledge and provide him, and you, with highly accurate and well analyzed information.
            </p>
        </div>
    </section>
{% endblock %}