{% extends "base.html" %}
{% block title %}Sandia Earnings{% endblock %}
{% block page_title %}Sandia Earnings{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-lg-10 col-md-11 p-4 rounded-3">
    
    <!-- Hero Text -->
    <h1 class="mb-3 fw-bold display-4 text-white text-center">
      AI‑Powered Earnings Insights:<br>Invest Smarter, Not Harder
    </h1>
    <p class="lead text-white-75 text-center mb-4">
      Now with over {{ num_calls }} earnings reports on {{ num_symbols }} different companies!<br>
      Tired of sifting through endless earnings reports? Our AI does the heavy lifting, extracting crucial insights so
      you can focus on your investment strategy. Get clear, concise summaries delivered straight to your inbox. Make
      informed decisions, uncover hidden opportunities, and invest like the pros – all with the simplicity you deserve.
    </p>
    <div class="text-center mb-5">
      <a href="{{ url_for('show_calls') }}" class="btn btn-brand-gradient px-5 py-3 fs-5">
        See How it Works
      </a>
    </div>
    
    <!-- Latest Earnings Calls Table -->
    <h5 class="mb-3 text-white">Latest Earnings Calls:</h5>
    <div class="table-responsive index-table-container mb-4 shadow-sm rounded-3">
      <table class="table table-hover align-middle">
        <thead class="table-secondary">
          <tr>
            <th>Symbol</th>
            <th>Company Name</th>
            <th>Year</th>
            <th>Quarter</th>
            <th>Call Date</th>
            <th class="text-center">Summary</th>
          </tr>
        </thead>
        <tbody>
          {% for call in calls %}
          <tr class="table-row" data-href="{{ url_for('call_page', call_id=call.id) }}">
            <td>{{ call.symbol }}</td>
            <td class="nowrap">{{ call.companyname }} Earnings Call</td>
            <td>{{ call.year }}</td>
            <td class="text-center">{{ call.quarter }}</td>
            <td class="nowrap">{{ call.date }}</td>
            <td class="text-center">
              <img src="{{ url_for('static', filename='images/ai.jpg') }}"
                   class="rounded-circle" width="40" height="40" alt="AI Summary">
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <!-- Feature Card Grid -->
    <div class="p-0 rounded-3">
      <div class="row g-4">
        <!-- AI Summaries -->
        <div class="col-md-6">
          <div class="card card-feature">
            <div class="card-header">
              <img src="{{ url_for('static', filename='images/AISUMMARY.png') }}"
                   class="me-2 rounded-circle" width="50" alt="AI Summaries">
              AI Summaries
            </div>
            <div class="card-body">
              Instantly Grasp Key Takeaways:<br>
              Get to the heart of every earnings call with AI‑generated summaries that capture the essential points,
              trends, and projections. Make informed decisions faster than ever.
            </div>
          </div>
        </div>
        <!-- Email Alerts -->
        <div class="col-md-6">
          <div class="card card-feature">
            <div class="card-header">
              <img src="{{ url_for('static', filename='images/ALERTS2.png') }}"
                   class="me-2 rounded-circle" width="50" alt="Email Alerts">
              Email Alerts
            </div>
            <div class="card-body">
              Stay Ahead with Timely Alerts:<br>
              Our automated alerts deliver tailored summaries straight to your inbox, based on the companies,
              industries, or keywords you specify. Choose from daily digests to real‑time notifications.
            </div>
          </div>
        </div>
        <!-- Sentiment Analysis -->
        <div class="col-md-6">
          <div class="card card-feature">
            <div class="card-header">
              <img src="{{ url_for('static', filename='images/SENTIMENT3.png') }}"
                   class="me-2 rounded-circle" width="50" alt="Sentiment Analysis">
              Sentiment Analysis
            </div>
            <div class="card-body">
              Decode Market Sentiment:<br>
              Our sophisticated AI analyses the sentiment of each call, revealing positive or negative undercurrents
              with precision that can significantly impact your investment strategy.
            </div>
          </div>
        </div>
        <!-- Keyword Searches -->
        <div class="col-md-6">
          <div class="card card-feature">
            <div class="card-header">
              <img src="{{ url_for('static', filename='images/KEYWORDS.png') }}"
                   class="me-2 rounded-circle" width="50" alt="Keyword Searches">
              Keyword Searches
            </div>
            <div class="card-body">
              Find Exactly What You Need:<br>
              Our powerful search combs through our vast library of calls for specific keywords or phrases, ensuring
              you stay on top of the topics and trends most crucial to you.
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- CTA Section -->
    <div class="text-center mt-5 pt-4">
      <h3 class="text-white fw-bold">Unleash Your Investment Potential with Sandia</h3>
      <p class="text-white-75">
        At Sandia, we are dedicated to empowering you with the most comprehensive and accessible financial intelligence.
        Our dynamic platform is designed to meet the evolving needs of investors, analysts, and business professionals.
        Experience the future of financial information.
      </p>
      <a href="{{ url_for('register') }}" class="btn btn-brand-gradient mt-3 px-5 py-3 fs-5">
        Get Started Today
      </a>
    </div>

  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.table-row').forEach(row => {
      row.addEventListener('click', () => window.location.href = row.dataset.href);
    });
  });
</script>
{% endblock %}