{% load static %}

{% block content %}
<!-- Header Section Start -->
<header>
    <section id="h-top-messag">
        <div class="wro">
            <div class="cointainer h-p-360">
                <div class="leftsit-elementor-text">
                    <ul>
                        {% if site_config.email %}
                        <li>
                            <a href="mailto:{{ request.site_config.contact_email }}">
                                <i class="far fa-envelope"></i> {{ site_config.email }}
                            </a>
                        </li>
                        {% endif %}
                        {% if site_config.phone %}
                        <li>
                            <a href="tel:{{ request.site_config.contact_phone }}">
                                <i class="fas fa-phone-alt"></i> {{ site_config.phone }}
                            </a>
                        </li>
                        {% endif %}

                        <li>
                            <a href="{% url 'projectapp:submission_create' %}"> Submit </a>
                        </li>
                    </ul>
                </div>
                <div class="right-elementor-icons">
                    <ul>

                        {% for social_media in social_media  %}
                                  
                        {% if social_media.platform == "facebook" %}
                        <li>
                            <a href="{{ social_media.url }}" target="_blank" rel="noopener">
                                <i class="fa-brands fa-facebook"></i>
                            </a>
                        </li>
                        {% endif %}

                        {% if social_media.platform == "instagram" %}
                        <li>
                            <a href="{{ social_media.url }}" target="_blank" rel="noopener">
                                <i class="fa-brands fa-square-instagram"></i>
                            </a>
                        </li>
                        {% endif %}

                        {% if social_media.platform == "pinterest" %}
                        <li>
                            <a href="{{ social_media.url }}" target="_blank" rel="noopener">
                                <i class="fa-brands fa-pinterest"></i>
                            </a>
                        </li>
                        {% endif %}

                        {% if social_media.platform == "youtube" %}
                        <li>
                            <a href="{{ social_media.url }}" target="_blank" rel="noopener">
                                <i class="fa-brands fa-youtube"></i>
                            </a>
                        </li>
                        {% endif %}

                        {% if social_media.platform == "linkedin" %}
                        <li>
                            <a href="{{ social_media.url }}" target="_blank" rel="noopener">
                                <i class="fa-brands fa-linkedin"></i>
                            </a>
                        </li>
                        {% endif %}

                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section id="header_nave">
        <div class="wro">
            <div class="cointainer navBar">
                <nav class="Hello">
                    <div class="header-logo">
                        {% if site_config.logo %}
                        <a href="{% url 'homepageapp:home' %}"><img src="{{ site_config.logo.url }}" alt="Archdune Logo" /></a>
                        {% else %}
                        <a href="{% url 'homepageapp:home' %}"><img src="{% static 'images/homepageapp_images/ArchDune-logo.png' %}" alt="Archdune Logo" /></a>
                        {% endif %}
                        <a href="{% url 'homepageapp:home' %}" class="header-logo-text"><span>{{ site_config.site_name }}</span></a>
                    </div>
                    <div class="header-item">
                        <ul class="all-had-item">
                            <li class="header-list "><a href="{% url 'homepageapp:home' %}">Home</a></li>

                            <li class="header-list">
                                <a href="{% url 'projectapp:all_projects' %}">Project</a>
                            </li>

                            <li class="header-list show-sub-item">
                                <a href="javascript:void(0)">Learn <i class="fa-solid fa-caret-down"></i></a>
                                <ul class="sub-had-item">
                                    <li class="sub-had-list">
                                        <a href="#">Join Live Sessions</a>
                                    </li>
                                    <li class="sub-had-list">
                                        <a href="#">Buy Recorded Classes</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="header-list">
                                <a href="{% url 'publicationapp:publication_list' %}">Publication</a>
                            </li>
                            <li class="header-list">
                                <a href="{% url 'competitionapp:competition' %}">Competition</a>
                            </li>
                            <li class="header-list">
                                <a href="{% url 'fellowshipapp:fellowship_apply' %}">Fellowship</a>
                            </li>
                        </ul>
                    </div>
                    <div class="mobile-navbar-btn">
                        <ion-icon name="menu-outline" class="mobile-nav-icon h-menu"></ion-icon>
                        <ion-icon name="close-outline" class="mobile-nav-icon h-close"></ion-icon>
                    </div>
                </nav>
            </div>
        </div>
    </section>
</header>

<!-- Header Section Ends -->
{% endblock %}