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


<div class="content-section col-md-11" style="background-color: #f8f9fa;">

  <div class="col-md-10">
    <div class="text-left">
      <h3 style="color: #000000;">AI-Powered Earnings Insights: Invest Smarter, Not Harder</h3>
      <p style="color: #000000;">
        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"> 
          <a href="{{ url_for('show_calls') }}" class="btn btn-secondary" style="padding: 10px 20px; font-size: 1.0rem; border-radius: 5px;">See How it Works</a> 
      </div>
        <h5>Latest Earnings Calls:</h5>
    </div>
  </div>

  <div class="row">
    <div class="col-md-10">
      <table class="table table-bordered table-hover" style="background-color: #2c3e50; color: #ecf0f1;">
        <thead>
          <tr>
            <th>Symbol</th>
            <th>Company Name</th>
            <th >Year</th>
            <th >Quarter</th>
            <th >Call Date</th>
            <th >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 style="text-align: center; color: #343a40;">{{ call.quarter }}</td>
            <td class="nowrap" >{{ call.date }}</td>
            <td>
              <div class="d-flex justify-content-center"> 
                <img src="{{ url_for('static', filename='images/ai.jpg') }}" class="width="40" height="40" alt="AI Summaries">
              </div>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div> <!-- End of the row -->

  <!-- Combined feature boxes into one unified background div -->
  <div class="col-md-10" style="background-color: #b8b8b8; padding: 8px; border-radius: 10px;">
    <div class="row">

      <div class="col-md-6 mb-2"> <!-- First column -->
        <div class="card border-0 shadow-sm bg-steel" >
          <div class="card-header bg-steel text-center">
            <h5 class="card-title font-weight-bold" style="color: #ffffff;">
                <img src="/static/images/AISUMMARY.png" class="mr-2 rounded-circle" width="50" alt="AI Summaries">
                AI Summaries
            </h5>
        </div>

          <div class="card-body text-align bg-darksteel">
            <div class="card-text mb-0" style="color: #ffffff;">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>  <!-- End of the card -->
      </div> <!-- End of the first column -->

      <div class="col-md-6 mb-2"> <!-- Second column -->
        <div class="card border-0 shadow-sm bg-steel">
          <div class="card-title text-center mt-2 mb-0 bg-steel">

            <h5 class="card-title font-weight-bold" style="color: #ffffff;">
              <img src="{{ url_for('static', filename='images/ALERTS2.png') }}" class="mr-2 rounded-circle" width="50"
                alt="Email Alerts">
              Email Alerts
            </h5>
          </div>
          <div class="card-body text-align bg-darksteel">
            <p class="card-text mb-0" style="color: #ffffff;">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.</p>
          </div>
        </div> <!-- End of the card -->
      </div> <!-- End of the second column -->
    </div> <!-- End of the row -->


    <div class="row">

      <div class="col-md-6 mb-2">   <!-- First column -->
        <div class="card border-0 shadow-sm bg-steel">
          <div class="card-title text-center mt-2 mb-0 bg-steel">
            <h5 class="card-title font-weight-bold" style="color: #ffffff;">
              <img src="{{ url_for('static', filename='images/SENTIMENT3.png') }}" class="mr-2 rounded-circle" width="50"
              alt="Sentiment Analysis">
                Sentiment Analysis
            </h5>
          </div>

          <div class="card-body text-align bg-darksteel">
            <div class="card-text mb-0" style="color: #ffffff;">Decode Market Sentiment:<br>Our sophisticated AI analyzes
              the sentiment of each call,
              revealing positive or negative undercurrents with precicion that can significantly impact your investment strategy.
            </div>
          </div> 
        </div>  <!-- End of the card -->
      </div>  <!-- End of the first column -->


      <div class="col-md-6 mb-2"> <!-- Second column -->
        <div class="card border-0 shadow-sm bg-steel">
          <div class="card-title text-center mt-2 mb-0 bg-steel">

            <h5 class="card-title font-weight-bold" style="color: #ffffff;">
              <img src="{{ url_for('static', filename='images/KEYWORDS.png') }}" class="mr-2 rounded-circle" width="50"
              alt="Keyword Alerts">
              Keyword Searches
            </h5>
          </div>  <!-- End of the card title -->
          <div class="card-body text-align bg-darksteel">
            <p class="card-text mb-0" style="color: #ffffff;">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.</p>
          </div>
        </div> <!-- End of the card -->
      </div> <!-- End of the second column -->
    </div> <!-- End of the row -->
  </div> <!-- End of the unified background div -->

  <div class="col-md-10">
    <div class="text-center mt-3">
      <h3 style="color: #000000;">Unleash Your Investment Potential with Sandia</h3>
      <p style="color: #000000;"> 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="https://www.sandia.com" class="btn btn-primary btn-lg bg-steel">Get Started Today</a>
    </div>
  </div>

</div> <!-- End of content-section -->

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const rows = document.querySelectorAll('.table-row');
    rows.forEach(row => {
      row.addEventListener('mouseover', () => {
        row.classList.add('bg-light'); // Add hover effect
      });
      row.addEventListener('mouseout', () => {
        row.classList.remove('bg-light'); // Remove hover effect
      });
      row.addEventListener('click', () => {
        window.location.href = row.getAttribute('data-href');
      });
    });
  });
</script>
{% endblock %}