{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Service SSL Manager" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header"><div><h1 class="eenos-page-title">{% translate "Service SSL Manager" %}</h1><div class="eenos-page-subtitle">{% blocktranslate %}Manage the fallback TLS certificate used by Eenos services on {{ host }}.{% endblocktranslate %}</div></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 "Security" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'sslhost' %}">{% translate "SSL / TLS" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Service SSL" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-notice eenos-notice-info mb-4">
        <div class="eenos-notice-icon">
            <i data-lucide="info"></i>
        </div>
        <div class="eenos-notice-content">
            <div class="eenos-notice-title">{% translate "Common service certificate" %}</div>
            <div class="eenos-notice-text">{% translate "The Let's Encrypt certificate for the server hostname is the default certificate shared by Eenos services. You can replace it with a commercial certificate when required." %}</div>
        </div>
    </div>
    <div class="eenos-card mb-4"><div class="mb-4"><div class="eenos-panel-title">{% translate "Service Certificate" %}</div><div class="eenos-panel-subtitle">{% translate "Server hostname" %}: <span class="font-monospace">{{ host }}</span></div></div><div class="row g-4"><div class="col-12 col-lg-6"><div class="border rounded-3 p-3 h-100"><div class="d-flex justify-content-between align-items-start gap-3"><div><div class="fw-semibold mb-1">{% translate "Default Let's Encrypt Certificate" %}</div><div class="small text-muted">{% translate "Automatically issued for the server hostname and shared by all services." %}</div></div>{% if settings.autossl.status == "on" %}<span class="eenos-status text-success">{% translate "Installed" %}</span>{% else %}<span class="eenos-status text-muted">{% translate "Not installed" %}</span>{% endif %}</div>{% if settings.autossl.status == "on" %}<div class="mt-3 pt-3 border-top"><div class="small text-muted mb-1">{% translate "Certificate expiry" %}</div>{% if settings.autossl.expires_at %}<div class="fw-semibold">{{ settings.autossl.expires_at|date:"M j, Y, P T" }}</div><div class="small {% if settings.autossl.certificate_status == 'expired' %}text-danger{% else %}text-success{% endif %}">{% if settings.autossl.certificate_status == "expired" %}{% translate "Expired" %}{% else %}{{ settings.autossl.days_remaining }} {% translate "days remaining" %}{% endif %}</div>{% else %}<div class="small text-warning">{% translate "Expiry information is unavailable." %}</div>{% endif %}</div>{% endif %}<div class="mt-3">{% if settings.autossl.status == "on" %}<button type="button"
        class="btn btn-outline-danger btn-sm service-action"
        data-action="delete_auto_ssl"
        data-title="{% translate 'Remove AutoSSL Certificate' %}"
        data-message="{% translate 'Remove the automatic hostname certificate from all Eenos services?' %}"><i data-lucide="shield-x"></i>{% translate "Remove AutoSSL" %}</button>{% else %}<button type="button"
        class="btn btn-outline-success btn-sm service-action"
        data-action="install_auto_ssl"
        data-title="{% translate 'Install AutoSSL Certificate' %}"
        data-message="{% translate 'Request and install a hostname certificate for all Eenos services?' %}"><i data-lucide="shield-plus"></i>{% translate "Install AutoSSL" %}</button>{% endif %}</div></div></div>
        <div class="col-12 col-lg-6">
            <div class="border rounded-3 p-3 h-100">
                <div class="d-flex justify-content-between align-items-start gap-3">
                    <div>
                        <div class="fw-semibold mb-1">{% translate "Commercial Certificate" %}</div>
                        <div class="small text-muted">{% translate "A manually supplied certificate and private key." %}</div>
                    </div>
                    {% if settings.myssl.status == "on" %}
                        <span class="eenos-status text-success">{% translate "Installed" %}</span>
                    {% else %}
                        <span class="eenos-status text-muted">{% translate "Not installed" %}</span>
                    {% endif %}
                </div>
                {% if settings.myssl.status == "on" %}
                    <div class="mt-3 pt-3 border-top">
                        <div class="small text-muted mb-1">{% translate "Certificate expiry" %}</div>
                        {% if settings.myssl.expires_at %}
                            <div class="fw-semibold">{{ settings.myssl.expires_at|date:"M j, Y, P T" }}</div>
                            <div class="small {% if settings.myssl.certificate_status == 'expired' %}text-danger{% else %}text-success{% endif %}">
                                {% if settings.myssl.certificate_status == "expired" %}{% translate "Expired" %}{% else %}{{ settings.myssl.days_remaining }} {% translate "days remaining" %}{% endif %}
                            </div>
                        {% else %}
                            <div class="small text-warning">{% translate "Expiry information is unavailable." %}</div>
                        {% endif %}
                    </div>
                {% endif %}
                <div class="mt-3">
                    {% if settings.myssl.status == "on" %}
                        <button type="button"
                                class="btn btn-outline-danger btn-sm service-action"
                                data-action="delete_commercial_ssl"
                                data-title="{% translate 'Remove Commercial Certificate' %}"
                                data-message="{% translate 'Remove the commercial hostname certificate from all Eenos services?' %}"><i data-lucide="trash-2"></i>{% translate "Remove Certificate" %}</button>
                    {% else %}
                        <button type="button"
                                class="btn btn-outline-secondary btn-sm"
                                id="showCommercialServiceForm"><i data-lucide="badge-plus"></i>{% translate "Install Commercial SSL" %}</button>
                    {% endif %}
                </div>
            </div>
        </div>
        </div>
    </div>
    <div id="commercialServiceSection" class="d-none"><form method="post" id="serviceSslForm" class="eenos-form">{% csrf_token %}<input type="hidden" name="install" value="yes"><div class="eenos-card"><div class="eenos-panel-title">{% translate "Install Commercial Service Certificate" %}</div><div class="eenos-panel-subtitle mb-4">{% translate "Paste the PEM-encoded certificate, matching private key, and optional certificate authority bundle for the server hostname." %}</div><div class="row g-4"><div class="col-12 col-xl-6"><label for="crt" class="form-label">{% translate "Certificate" %}</label><textarea class="form-control font-monospace"
          id="crt"
          name="crt"
          rows="14"
          required
          placeholder="-----BEGIN CERTIFICATE-----"
          data-parsley-required-message="{% translate 'Paste the service SSL certificate.' %}"></textarea></div><div class="col-12 col-xl-6"><label for="key" class="form-label">{% translate "Private key" %}</label><textarea class="form-control font-monospace"
          id="key"
          name="key"
          rows="14"
          required
          placeholder="-----BEGIN PRIVATE KEY-----"
          data-parsley-required-message="{% translate 'Paste the matching private key.' %}"></textarea></div><div class="col-12"><label for="ca" class="form-label">{% translate "Certificate authority bundle" %} <span class="text-muted fw-normal">({% translate "optional" %})</span></label><textarea class="form-control font-monospace"
          id="ca"
          name="ca"
          rows="7"
          placeholder="-----BEGIN CERTIFICATE-----"></textarea></div></div></div><button type="button" class="btn btn-primary mt-4" id="reviewServiceSsl"><i data-lucide="shield-check"></i>{% translate "Install Certificate" %}</button></form></div>
    <form method="post" id="serviceActionForm" class="d-none">
        {% csrf_token %}
        <input type="hidden"
               class="service-action-field"
               name="install_auto_ssl"
               id="install_auto_ssl"
               disabled><input type="hidden"
       class="service-action-field"
       name="delete_auto_ssl"
       id="delete_auto_ssl"
       disabled><input type="hidden"
       class="service-action-field"
       name="delete_commercial_ssl"
       id="delete_commercial_ssl"
       disabled>
    </form>
    <div class="modal fade"
         id="serviceActionModal"
         tabindex="-1"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5" id="serviceActionTitle"></h2>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">
                    <div class="eenos-notice eenos-notice-warning">
                        <div class="eenos-notice-icon">
                            <i data-lucide="shield-check"></i>
                        </div>
                        <div class="eenos-notice-content">
                            <div class="eenos-notice-text" id="serviceActionMessage"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary"
                            data-bs-dismiss="modal">{% translate "Cancel" %}</button><button type="button" class="btn btn-primary" id="confirmServiceAction">{% translate "Continue" %}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}<script>$(function(){const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('serviceActionModal'));let targetForm='serviceActionForm';$('#showCommercialServiceForm').on('click',function(){$('#commercialServiceSection').removeClass('d-none');this.remove()});$('.service-action').on('click',function(){const action=$(this).data('action');targetForm='serviceActionForm';$('.service-action-field').prop('disabled',true);$('#'+action).prop('disabled',false).val('yes');$('#serviceActionTitle').text($(this).data('title'));$('#serviceActionMessage').text($(this).data('message'));$('#confirmServiceAction').toggleClass('btn-danger',action.indexOf('delete')===0).toggleClass('btn-primary',action.indexOf('delete')!==0);modal.show()});$('#reviewServiceSsl').on('click',function(){if(!$('#serviceSslForm').parsley().validate())return;targetForm='serviceSslForm';$('#serviceActionTitle').text('{% translate "Install Commercial Certificate" %}');$('#serviceActionMessage').text('{% translate "Install this certificate as the fallback certificate for all Eenos services?" %}');$('#confirmServiceAction').removeClass('btn-danger').addClass('btn-primary');modal.show()});$('#confirmServiceAction').on('click',()=>document.getElementById(targetForm).submit())});</script>{% endblock %}