{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "MySQL Not Found" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header"><div><h1 class="eenos-page-title">MySQL</h1><div class="eenos-page-subtitle">{% translate "Manage local and remote MySQL-compatible database servers." %}</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 "Database Engines" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>MySQL</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-empty-state py-5">
            <div class="eenos-empty-icon">
                <i data-lucide="database-zap"></i>
            </div>
            <h2 class="eenos-empty-title">{% translate "MySQL is not installed" %}</h2>
            <p class="eenos-empty-text">{% translate "MySQL server management is unavailable because a local MySQL-compatible server was not found." %}</p>
        </div>
    </div>
{% endblock %}