{% extends "base.html" %}
{% import "macros/admin_management_header.html" as mh %}

{% block extra_head %}
<link rel="stylesheet" href="/plugins/zephyre-licenses/assets/css/style.css?v=20260705">
{% endblock %}

{% block page_title %}Malayalam Dot Net Editions & Downloads{% endblock %}

{% block content %}
<div class="zephyre-container">
    {{ mh::management_header_simple(
        title="Malayalam Dot Net Downloads",
        subtitle="Compare editions and download product installers directly",
        title_heading="h1",
        include_actions_column=false
    ) }}

    <!-- Back to Workspace Link -->
    <div class="mb-4">
        <a href="/plugins/zephyre-licenses" class="inline-flex min-h-11 items-center text-brand underline-offset-4 hover:underline">
            <i class="fas fa-arrow-left mr-2"></i> Back to License Workspace
        </a>
    </div>

    <!-- Product Showcase Section -->
    <div class="product-showcase-section mb-5">
        <!-- Edition Cards Grid -->
        <div class="edition-cards-grid mb-5">
            <!-- Students Edition -->
            <div class="edition-card">
                <div class="edition-card-header">
                    <span class="edition-badge badge-students">Students</span>
                    <h4 class="edition-title">Students Edition</h4>
                    <p class="edition-subtitle">Academic & Learning</p>
                </div>
                <div class="edition-card-body">
                    <p class="edition-description">Tailored specifically for students and academic setups, facilitating easy learning with MLTT fonts.</p>
                    <ul class="edition-features-list">
                        <li><i class="fas fa-check text-success mr-2"></i> 50+ Graphic Fonts</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Inscript Keyboard support</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Direct Installer Download</li>
                        <li><i class="fas fa-info-circle text-info mr-2"></i> Requires Institution ID</li>
                    </ul>
                </div>
                <div class="edition-card-footer">
                    <a href="https://drive.google.com/file/d/1VFutjPO1HRfuWIf6RLJZaYIODqefYb5E/view?usp=drive_link" target="_blank" rel="noopener noreferrer" class="blocks-button blocks-button-primary">
                        <i class="fas fa-download mr-2"></i> Download Students Ed.
                    </a>
                </div>
            </div>

            <!-- Home Edition (1.5) -->
            <div class="edition-card featured-edition">
                <div class="edition-card-header">
                    <span class="edition-badge badge-home">Home</span>
                    <h4 class="edition-title">Home Edition (v1.5)</h4>
                    <p class="edition-subtitle">General Purpose & Home Use</p>
                </div>
                <div class="edition-card-body">
                    <p class="edition-description">Excellent value for everyday writing, providing 150+ fonts and automatic updates for home computers.</p>
                    <ul class="edition-features-list">
                        <li><i class="fas fa-check text-success mr-2"></i> 150+ Graphic Fonts</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Automatic Updates</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Word Document Templates</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Direct Installer Download</li>
                    </ul>
                </div>
                <div class="edition-card-footer">
                    <a href="https://drive.google.com/file/d/1vfWOsvpF50H9oQp0GhhTvcNFN9BGlgph/view?usp=drive_link" target="_blank" rel="noopener noreferrer" class="blocks-button blocks-button-primary">
                        <i class="fas fa-download mr-2"></i> Download Home Ed. (v1.5)
                    </a>
                </div>
            </div>

            <!-- Professional Edition (2.0) -->
            <div class="edition-card premium-edition">
                <div class="edition-card-header">
                    <span class="edition-badge badge-pro">Professional</span>
                    <h4 class="edition-title">Professional Edition (v2.0)</h4>
                    <p class="edition-subtitle">Advanced Typing & Layouts</p>
                </div>
                <div class="edition-card-body">
                    <p class="edition-description">Designed for power users, providing 400+ fonts, advanced keyboard layouts, and custom features.</p>
                    <ul class="edition-features-list">
                        <li><i class="fas fa-check text-success mr-2"></i> 400+ Graphic Fonts</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Advanced typing workflows</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Varamozhi & Shree-Lipi</li>
                        <li><i class="fas fa-check text-success mr-2"></i> Font Preview & Download Utility</li>
                    </ul>
                </div>
                <div class="edition-card-footer">
                    <a href="https://drive.google.com/file/d/1pRiTNTmbUpaGhxBM8tXa68m6hYzDlAos/view?usp=drive_link" target="_blank" rel="noopener noreferrer" class="blocks-button blocks-button-primary">
                        <i class="fas fa-download mr-2"></i> Download Pro Ed. (v2.0)
                    </a>
                </div>
            </div>
        </div>

        <!-- Detailed Comparison Table -->
        <div class="comparison-card">
            <div class="comparison-card-header d-flex justify-content-between align-items-center">
                <h4 class="m-0 font-weight-bold">Feature Comparison Matrix</h4>
                <span class="badge badge-secondary">Official Brochure Data</span>
            </div>
            <div class="comparison-table-wrap">
                <table class="comparison-table">
                    <thead>
                        <tr>
                            <th>Feature / Specification</th>
                            <th>Students</th>
                            <th>v1.5 (Home)</th>
                            <th>v2.0 (Pro)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- Edit Modes -->
                        <tr class="table-group-header">
                            <td colspan="4">Edit Modes</td>
                        </tr>
                        <tr>
                            <td>Practice Mode</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Quick Edit Mode</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>

                        <!-- Keyboards -->
                        <tr class="table-group-header">
                            <td colspan="4">Keyboard Layouts</td>
                        </tr>
                        <tr>
                            <td>Malayalam Dot Net Keyboard</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Inscript Keyboard</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Varamozhi Keyboard</td>
                            <td class="text-muted">—</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>

                        <!-- Fonts -->
                        <tr class="table-group-header">
                            <td colspan="4">Font Styles & Compatibility</td>
                        </tr>
                        <tr>
                            <td>System Unicode & Unicode TTF</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Jacob, Manorama, Mathrubhumi, GIST-TT</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>MLTT Fonts</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>MLW Fonts</td>
                            <td class="text-muted">—</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>SO Malayalam, Akruthi, Thoolika, Kalakaumudi, Shree-Lipi</td>
                            <td class="text-muted">—</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>

                        <!-- Features -->
                        <tr class="table-group-header">
                            <td colspan="4">Advanced Features & Utilities</td>
                        </tr>
                        <tr>
                            <td>Font Preview Feature</td>
                            <td class="text-muted">—</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Download Fonts Utility</td>
                            <td class="text-muted">—</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Automatic Updates</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Word Templates</td>
                            <td class="text-muted">—</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>
                        <tr>
                            <td>Feedback Facility</td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                            <td><i class="fas fa-check text-success"></i></td>
                        </tr>

                        <!-- Specs -->
                        <tr class="table-group-header">
                            <td colspan="4">Specifications</td>
                        </tr>
                        <tr>
                            <td>Supported Graphic Fonts</td>
                            <td class="font-weight-bold text-info">50+</td>
                            <td class="font-weight-bold text-primary">150+</td>
                            <td class="font-weight-bold text-success">400+</td>
                        </tr>
                        <tr>
                            <td>Distribution Media</td>
                            <td><a href="https://drive.google.com/file/d/1VFutjPO1HRfuWIf6RLJZaYIODqefYb5E/view?usp=drive_link" target="_blank" class="text-primary font-weight-bold"><i class="fas fa-download mr-1"></i> Download</a></td>
                            <td><a href="https://drive.google.com/file/d/1vfWOsvpF50H9oQp0GhhTvcNFN9BGlgph/view?usp=drive_link" target="_blank" class="text-primary font-weight-bold"><i class="fas fa-download mr-1"></i> Download</a></td>
                            <td><a href="https://drive.google.com/file/d/1pRiTNTmbUpaGhxBM8tXa68m6hYzDlAos/view?usp=drive_link" target="_blank" class="text-success font-weight-bold"><i class="fas fa-download mr-1"></i> Download</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}