{% extends 'base.html' %}
{% block title %}Contact Us - BBQUDA{% endblock title %}
{% block content %}

<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center header-transparent">
  <div class="container d-flex justify-content-between align-items-center">
    {% include 'base/logo.html' %}

  <nav id="navbar" class="navbar">
    <ul>
    <li><a href="{% url 'homepage' %}">Home</a></li>
    <li><a href="{% url 'about'%}">About</a></li>
    <li class="dropdown"><a href="#"><span>Missions</span> <i class="bi bi-chevron-down"></i></a>
      <ul>
      <li><a  href="{% url 'upload_log'%}">Upload a file</a></li>
      <li><a href="{% url 'my_missions'%}">Uploaded missions</a></li>
      <li><a href="{% url 'trail_generator'%}">Trail generator</a></li>
      <li><a href="{% url 'kriging_heatmap' %}">Visualizations</a></li>
      </ul>
  </li>
    <li><a href="{% url 'api_page'%}">API</a></li>
    <li><a class="active" href="{% url 'contact' %}">Contact Us</a></li>
    <li>{% if request.user.is_authenticated %}
      <a href="{% url 'logout' %}"><button class="login-button">Logout</button></a>
      {% else %}
      <a href="{% url 'login' %}"><button class="login-button">Login</button></a>
      {% endif %}
  </li>
    </ul>
    <i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->

  </div>
  </header><!-- End Header -->

  <main id="main">

    <!-- ======= Contact Section ======= -->
    <section class="breadcrumbs">
      <div class="container">

        <div class="d-flex justify-content-between align-items-center">
          <h2>Contact Us</h2>
          <ol class="nav-2-menu">
            <li><a id="nav-2" href="{% url 'homepage' %}">Home</a></li>
            <li><a class="active" href="{% url 'contact' %}">Contact Us</a></li>
          </ol>
        </div>

      </div>
    </section><!-- End Contact Section -->

    <!-- ======= Contact Section ======= -->
    <section class="contact" data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-duration="500">
      <div class="container">
        <div class="row">
            <div class="row">
              <div class="col-md-12">
                <div class="info-box">
                  <i class="bx bx-map"></i>
                  <h3>Our Address</h3>
                  <p>FIU Biscayne Bay Campus:<br>3000 NE 151st St, North Miami, FL 33181</p>
                </div>
              </div>
              <div class="col-md-6">
                <div class="info-box">
                  <i class="bx bx-envelope"></i>
                  <h3>Email Us</h3>
                  <p>Gregory Murad Reis, PhD<br>gmuradre@fiu.edu</p>
                </div>
              </div>
              <div class="col-md-6">
                <div class="info-box">
                  <i class="bx bx-like"></i>
                  <h3>Follow Us</h3>
                  <p>
                    <a style="font-size: 1.5em; " href="https://www.youtube.com/watch?v=8mY9jAsUl48" class="fa fa-youtube"></a>
                    <a style="font-size: 1.5em;" href="https://www.linkedin.com/in/gregorymurad/" class="fa fa-linkedin"></a>
                  </p>
                </div>
            </div>

          </div>
        </div>
      </div>
    </section><!-- End Contact Section -->

</main><!-- End #main -->

{% endblock %}