{% extends "base.html" %}

{% block title %}Admin Dashboard - {{ project_name }}{% endblock %}

{% block content %}
<section class="hero is-primary is-small">
    <div class="hero-body">
        <p class="title">Admin Dashboard</p>
        <p class="subtitle">Admin control panel for your application</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="columns is-multiline is-mobile is-flex is-align-items-stretch" style="margin-bottom: 0;">
            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content" style="padding-bottom: 0.5rem;">
                        <p class="title is-4">Users</p>
                        <p class="subtitle is-6"><a href="{% url 'admin_dashboard:user_search' %}">Manage system users</a></p>
                        <div class="content">
                            <ul>
                                <li>Search and view users</li>
                                <li>View user details</li>
                                <li>Credit account information</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>
            
            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content" style="padding-bottom: 0.5rem;">
                        <p class="title is-4">Settings</p>
                        <p class="subtitle is-6"><a href="#">System configuration</a></p>
                        <div class="content">
                            <ul>
                                <li>General settings</li>
                                <li>Email configuration</li>
                                <li>Security settings</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>
            
            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content" style="padding-bottom: 0.5rem;">
                        <p class="title is-4">Analytics</p>
                        <p class="subtitle is-6"><a href="{% url 'admin_dashboard:analytics_dashboard' %}">Business metrics & insights</a></p>
                        <div class="content">
                            <ul>
                                <li>Revenue trends & charts</li>
                                <li>Service usage statistics</li>
                                <li>User growth metrics</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>
            
            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content" style="padding-bottom: 0.5rem;">
                        <p class="title is-4">Products</p>
                        <p class="subtitle is-6"><a href="{% url 'admin_dashboard:product_admin' %}">Stripe product management</a></p>
                        <div class="content">
                            <ul>
                                <li>View products</li>
                                <li>Price configurations</li>
                                <li>Stripe integration</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>
            
            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content" style="padding-bottom: 0.5rem;">
                        <p class="title is-4">Services</p>
                        <p class="subtitle is-6"><a href="{% url 'admin_dashboard:service_admin' %}">Service management & analytics</a></p>
                        <div class="content">
                            <ul>
                                <li>Manage service status</li>
                                <li>View usage analytics</li>
                                <li>Monitor credit consumption</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>

            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content">
                        <p class="title is-4">Payment Tools</p>
                        <p class="subtitle is-6"><a href="{% url 'admin_dashboard:payment_search' %}">Payment support & admin tools</a></p>
                        <div class="content">
                            <ul>
                                <li>Search and filter payments</li>
                                <li>Payment investigation tools</li>
                                <li>Basic refund processing</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>

            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content">
                        <p class="title is-4">Audit Log</p>
                        <p class="subtitle is-6"><a href="{% url 'admin_dashboard:audit_log' %}">Admin action tracking</a></p>
                        <div class="content">
                            <ul>
                                <li>Track admin actions</li>
                                <li>View user searches</li>
                                <li>Monitor system changes</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>

            <div class="column is-one-third is-flex" style="padding-bottom: 0;">
                <div class="card is-flex is-flex-direction-column" style="flex: 1 1 auto; height: 100%; margin-bottom: 0;">
                    <div class="card-content">
                        <p class="title is-4">Django Admin</p>
                        <p class="subtitle is-6"><a href="/admin/" target="_blank">System administration</a></p>
                        <div class="content">
                            <ul>
                                <li>Full database access</li>
                                <li>Model management</li>
                                <li>Advanced configuration</li>
                            </ul>
                        </div>
                    </div>
                    <!-- Footer removed as requested -->
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}