{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Service Not Available" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">{% translate "Service Not Available" %}</h1>
            <div class="eenos-page-subtitle">{% translate "The requested service is not installed on this server." %}</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 "System" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>{% translate "Service Restart" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Unavailable" %}</span>
    </nav>
    <div class="eenos-card">
        <div class="eenos-notice eenos-notice-warning">
            <div class="eenos-notice-icon">
                <i data-lucide="server-off"></i>
            </div>
            <div class="eenos-notice-content">
                <div class="eenos-notice-title">{% translate "Service unavailable" %}</div>
                <div class="eenos-notice-text">{% translate "This service is not installed or is unavailable on the server. Install the required package before attempting to manage it." %}</div>
            </div>
        </div>
        <a href="{% url 'dashboard' %}" class="btn btn-outline-secondary mt-4"><i data-lucide="arrow-left"></i>{% translate "Return to Dashboard" %}</a>
    </div>
{% endblock %}