{% extends "utilities/_base.html" %}
{% from "components/page_header.html" import page_header %}

{% block title %}{{ _("Triggers · %(name)s - Yaffo", name=selected.display_name) }}{% endblock %}

{% block utility_styles %}
    <link rel="stylesheet" href="{{ url_for('static', filename='components/cron_builder.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='utilities/automations.css') }}">
{% endblock %}

{% block utility_content %}
    {% set header_actions %}
    <a href="{{ url_for('automations_show', slug=selected.slug) }}" class="btn-secondary">← {{ _("Back to automation") }}</a>
    {% endset %}
    {% call page_header(_('Triggers · %(name)s', name=selected.display_name), actions=header_actions) %}
        {{ _("Add, edit, enable, or remove the triggers that decide when this automation runs.") }}
    {% endcall %}

    {% include "utilities/automations_triggers.html" %}
{% endblock %}

{% block scripts %}
    <script src="{{ url_for('static', filename='components/cron_builder.js') }}"></script>
    <script src="{{ url_for('static', filename='utilities/automations.js') }}"></script>
    <script>
        window.PHOTO_ORGANIZER.i18nReady.then((i18n) => {
            window.PHOTO_ORGANIZER.initTriggerEditor(i18n);
        });
    </script>
{% endblock %}