{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Change Nginx Application" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "Change Application Template" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Assign a different Nginx application profile to this domain." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto"><a href="{% url 'nginxdomains' %}"
           class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="arrow-left"></i>{% translate "Back to Domains" %}</a></div>
    </div>
    <nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
        <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>{% translate "Web Servers" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'nginxsettings' %}">Nginx</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'nginxdomains' %}">{% translate "Domains" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{{ domain }}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <form method="post" class="eenos-form">
        {% csrf_token %}
        <input type="hidden" name="domain" value="{{ domain }}"><input type="hidden" name="user" value="{{ user }}">
        <div class="eenos-card mb-3"><div class="d-flex align-items-center gap-3 mb-4"><span class="eenos-modal-info-icon"><i data-lucide="layout-template"></i></span><div><div class="small text-muted">{% translate "Domain" %}</div><div class="fw-semibold">{{ domain }}</div></div></div><div class="row g-4"><div class="col-12 col-lg-5"><div class="small text-muted">{% translate "Current Application" %}</div><div class="h5 mt-2 mb-0">{{ capp }}</div></div><div class="col-12 col-lg-7"><label for="template" class="form-label">{% translate "New Application Template" %}</label><select class="form-select"
        name="template"
        id="template"
        required
        data-parsley-required-message="{% translate 'Please select an application template.' %}">{% for app in apps %}<option value="{{ app }}" {% if app == capp %}selected{% endif %}>{{ app }}</option>{% endfor %}</select><div class="form-text">{% translate "Changing the application regenerates the domain's Nginx configuration." %}</div></div></div></div>
        <button type="submit" class="btn btn-primary mb-4"><i data-lucide="save"></i>{% translate "Apply Application Template" %}</button>
    </form>
    <div class="eenos-notice eenos-notice-info"><div class="eenos-notice-icon"><i data-lucide="folder-tree"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Template locations" %}</div><div class="eenos-notice-text"><div>/usr/local/eenos/templates/webserver/nginx/</div><div>/usr/local/eenos/templates/webserver/nginx/custom/</div><div>/var/eenos/userdata/{{ user }}/templates/nginx/</div></div></div></div>
{% endblock %}