{% extends 'ndr_core/admin_views/base.html' %}
{% load static %}
{% load ndr_utils %}
{% load crispy_forms_tags %}

{% block content %}
    <h2><i class="fa-brands fa-google"></i> Search Engine Optimization</h2>

    <!-- Options Bar -->
    <div class="d-flex flex-wrap align-items-center bg-light border rounded p-2 mb-3">
        <div class="mr-auto">
            <a href="{% url 'ndr_core:seo_ndrcore_org' %}" class="btn btn-sm btn-primary m-1{% if "/configure/seo/ndrcore-org" in request.path %} active{% endif %}">
                <i class="fa-regular fa-n"></i> NDRCore.org
            </a>
            <a href="{% url 'ndr_core:seo_google_ver' %}" class="btn btn-sm btn-primary m-1{% if "/configure/seo/google-verification" in request.path %} active{% endif %}">
                <i class="fa-brands fa-google"></i> Google
            </a>
            <a href="{% url 'ndr_core:seo_robots' %}" class="btn btn-sm btn-primary m-1{% if "/configure/seo/robots" in request.path %} active{% endif %}">
                <i class="fa-regular fa-r"></i> Robots
            </a>
            <a href="{% url 'ndr_core:seo_sitemap' %}" class="btn btn-sm btn-primary m-1{% if "/configure/seo/sitemap" in request.path %} active{% endif %}">
                <i class="fa-regular fa-map"></i> Sitemap
            </a>
        </div>
        <div>
            <a href="{% url 'ndr_core:help_chapter' 'seo' %}" class="btn btn-sm btn-outline-secondary m-1">
                <i class="fa-regular fa-circle-info"></i> Help
            </a>
        </div>
    </div>

    <div class="card bg-light mb-3" style="max-height: 50vh;">
        <div class="overflow-auto">
            <div class="card-body">
                {% if "/configure/seo/ndrcore-org" in request.path %}
                        <h5 class="card-title">Connect with ndrcore.org</h5>
                        <p>
                        You can connect your site with ndrcore.org to help us keep track of your site and to help us
                        keep your site up to date with the latest security patches. Also, if you are a member of the
                        ndrcore.org network, you will be found by other members of the network and people looking for
                        data you have published.
                        </p>
                    {% elif "/configure/seo/google-verification" in request.path %}
                        <h5 class="card-title">Google Indexing and Verification</h5>
                        <p>
                        If you want your site to be indexed by Google, you need to verify your site with them. This
                        will allow you to see how your site is performing in Google search results and to see what
                        keywords people are using to find your site.
                        Go to <a href="https://search.google.com/search-console" target="_blank">Google Search Console</a>
                        and select "URL-Prefix" as a verification method. Copy your site's URL and paste it in the
                        provided field. Click "Continue" and Google will provide you with an HTML file which needs to be
                        uploaded to your site. Upload the file here and then click "Verify" in the Google Search Console.
                        </p>
                    {% elif "/configure/seo/robots" in request.path %}
                        <h5 class="card-title">Your robots.txt File</h5>
                        <p>
                        The robots.txt file is used by search engines to determine what pages they should index and
                        what pages they should ignore. You can use this file to prevent search engines from indexing
                        pages that you do not want to be indexed.
                        </p>
                    {% elif "/configure/seo/sitemap" in request.path %}
                        <h5 class="card-title">Your sitemap.xml File</h5>
                        <p>
                        The sitemap.xml file is used by search engines to determine what pages they should index and
                        what pages they should ignore. You can use this file to prevent search engines from indexing
                        pages that you do not want to be indexed.
                        </p>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="card bg-light mb-3">
        <div class="card-body">
            {% if "/configure/seo/ndrcore-org" in request.path %}
                <h5 class="card-title">Connect with ndrcore.org</h5>
                {% crispy form %}
            {% elif "/configure/seo/google-verification" in request.path %}
                <h5 class="card-title">Google Indexing and Verification</h5>
                TODO
            {% elif "/configure/seo/robots" in request.path %}
                <h5 class="card-title">Your robots.txt File</h5>
                <div class="border p-3 bg-dark">
                    <code>
                    {{ robots_txt|safe }}
                    </code>
                </div>
            {% elif "/configure/seo/sitemap" in request.path %}
                <h5 class="card-title">Your sitemap.xml File</h5>
                <div class="border p-3 bg-dark">
                    <code>
                    {{ sitemap_xml|safe }}
                    </code>
                </div>
            {% endif %}
        </div>
    </div>

    <div class="alert alert-info small" role="alert">
        <i class="fa-regular fa-circle-info"></i>
    </div>

{% endblock %}