{% extends "layouts/base-electric.html" %}

{% load static %}

{% block title %} Importer {% endblock title %}

{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

    {% include "includes/navigation-transparent.html" %}

    <div class="container-fluid">
        <div class="row row-gap-3">

            <div class="col">
                <div class="e-container-border e-container-radius">
                    <div class="e-container e-container-radius p-2 pt-3 mb-3">
                        <h1 class="text-center">Importer</h1>

                        {% include "importer/partials/tabnavbar.html" %}

                        <form class="p-3 m-auto border border-2 border-info-subtle rounded gap-2" style="width: 24rem;" role="form" method="post" action="">

                            {% if ImportURLFormMSG %}
                            <div class="row mb-3">
                                <p class="mb-0 text-danger text-center">
                                    {{ ImportURLFormMSG | safe }}
                                </p>
                            </div>
                            {% endif %}

                            {% csrf_token %}

                            <div class="input-group mb-3" {% if form.url.errors %} style="border-color: red" {% endif %}>
                                <label class="input-group-text" for="{{ form.url.id_for_label }}">{{ ImportURLForm.url.label }}</label>
                                {{ ImportURLForm.url }}
                            </div>
                                {% comment %} <span class="input-group-text" id="basic-addon1">URL</span> {% endcomment %}
                            <div class="d-grid">
                                <button class="btn btn-primary" type="submit">Submit</button>
                            </div>

                        </form>

                        <hr>

                    </div>
                </div>
            </div>

        </div>
    </div>

{% endblock content %}
