{% 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">
            <div class="column is-one-third">
                <div class="card">
                    <div class="card-content">
                        <p class="title is-4">Users</p>
                        <p class="subtitle is-6">Manage system users</p>
                        <div class="content">
                            <ul>
                                <li>View all users</li>
                                <li>Manage permissions</li>
                                <li>User statistics</li>
                            </ul>
                        </div>
                    </div>
                    <footer class="card-footer">
                        <a href="#" class="card-footer-item">View</a>
                        <a href="#" class="card-footer-item">Manage</a>
                    </footer>
                </div>
            </div>
            
            <div class="column is-one-third">
                <div class="card">
                    <div class="card-content">
                        <p class="title is-4">Settings</p>
                        <p class="subtitle is-6">System configuration</p>
                        <div class="content">
                            <ul>
                                <li>General settings</li>
                                <li>Email configuration</li>
                                <li>Security settings</li>
                            </ul>
                        </div>
                    </div>
                    <footer class="card-footer">
                        <a href="#" class="card-footer-item">Configure</a>
                    </footer>
                </div>
            </div>
            
            <div class="column is-one-third">
                <div class="card">
                    <div class="card-content">
                        <p class="title is-4">Analytics</p>
                        <p class="subtitle is-6">System statistics</p>
                        <div class="content">
                            <ul>
                                <li>User activity</li>
                                <li>System performance</li>
                                <li>Error logs</li>
                            </ul>
                        </div>
                    </div>
                    <footer class="card-footer">
                        <a href="#" class="card-footer-item">View Reports</a>
                    </footer>
                </div>
            </div>
            
            <div class="column is-one-third">
                <div class="card">
                    <div class="card-content">
                        <p class="title is-4">Products</p>
                        <p class="subtitle is-6">Stripe product management</p>
                        <div class="content">
                            <ul>
                                <li>View products</li>
                                <li>Price configurations</li>
                                <li>Stripe integration</li>
                            </ul>
                        </div>
                    </div>
                    <footer class="card-footer">
                        <a href="{% url 'admin_dashboard:product_admin' %}" class="card-footer-item">Manage Products</a>
                    </footer>
                </div>
            </div>
            
            <div class="column is-one-third">
                <div class="card">
                    <div class="card-content">
                        <p class="title is-4">Services</p>
                        <p class="subtitle is-6">Service management & analytics</p>
                        <div class="content">
                            <ul>
                                <li>Manage service status</li>
                                <li>View usage analytics</li>
                                <li>Monitor credit consumption</li>
                            </ul>
                        </div>
                    </div>
                    <footer class="card-footer">
                        <a href="{% url 'admin_dashboard:service_admin' %}" class="card-footer-item">Manage Services</a>
                    </footer>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}