{% extends 'aasrp/base.html' %}

{% load i18n %}
{% load static %}
{% load aasrp_versioned_static %}

{% block page_title %}{% translate "Create SRP Link" %}{% endblock %}

{% block aasrp_header %}
    {% translate "Create SRP Link" as translated_header %}
    {% include 'aasrp/partials/header/h1.html' with header_text=translated_header %}
{% endblock %}

{% block aasrp_body %}
    {% include 'aasrp/partials/link_add/form.html' %}
{% endblock %}

{% block extra_css %}
    {% include 'bundles/jquery-datetimepicker-css.html' %}

    <link rel="stylesheet" href="{% aasrp_static 'aasrp/css/aa-bootstrap-fix.min.css' %}" type="text/css">
    <link rel="stylesheet" href="{% aasrp_static 'aasrp/css/aa-srp-form.min.css' %}" type="text/css">
    <link rel="stylesheet" href="{% aasrp_static 'aasrp/css/aa-srp.min.css' %}" type="text/css">
{% endblock %}

{% block extra_javascript %}
    {% include 'bundles/jquery-datetimepicker-js.html' %}

    <script type="application/javascript">
        let theme = 'default';
        {% if NIGHT_MODE %}
            // override for night mode
            theme = 'dark';
        {% endif %}

        $('#id_fleet_time').datetimepicker({
            setlocale: '{{ LANGUAGE_CODE }}',
            theme: theme,
            maskInput: true,
            format: 'Y-m-d H:i',
            dayOfWeekStart: 1,
            step: 15
        });
    </script>
{% endblock %}
