{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Example Reseller App" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">{% translate "Example Reseller App" %}</h1>
            <div class="eenos-page-subtitle">{% translate "A starter Django application for extending the Eenos reseller control panel." %}</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 "Applications" %}</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 "Example Reseller App" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-card">
        <div class="d-flex align-items-start gap-3">
            <span class="eenos-modal-info-icon flex-shrink-0">
                <i data-lucide="blocks"></i>
            </span>
            <div>
                <div class="eenos-panel-title">{% translate "Reseller application starter" %}</div>
                <div class="eenos-panel-subtitle">{% translate "Use this application as a starting point for reseller-specific tools and integrations." %}</div>
            </div>
        </div>
        <div class="eenos-notice eenos-notice-info mt-4 mb-0">
            <div class="eenos-notice-icon">
                <i data-lucide="code-2"></i>
            </div>
            <div class="eenos-notice-content">
                <div class="eenos-notice-title">{% translate "Ready to customize" %}</div>
                <div class="eenos-notice-text">{% translate "Modify the sample view, URL configuration, and template to build your reseller application." %}</div>
            </div>
        </div>
    </div>
{% endblock %}