{% extends "base.html" %}

{% block title %}User Dashboard - QuantumQuickSales{% endblock %}

{% block page_title %}User Dashboard{% endblock %}

{% block content %}
<div class="row">
    <!-- Welcome Card -->
    <div class="col-12 mb-4">
        <div class="card shadow">
            <div class="card-body text-center">
                <h4 class="text-primary">Welcome, {{ session.username }}!</h4>
                <p class="text-muted">Manage your sales and invoices efficiently</p>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Quick Actions -->
    <div class="col-lg-8 mb-4">
        <div class="card shadow">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Quick Actions</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <a href="{{ url_for('create_invoice') }}" class="btn btn-primary btn-lg w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                            <i class="fas fa-file-invoice fa-3x mb-3"></i>
                            <span>Create New Invoice</span>
                        </a>
                    </div>
                    <div class="col-md-6 mb-3">
                        <a href="{{ url_for('search') }}" class="btn btn-success btn-lg w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                            <i class="fas fa-search fa-3x mb-3"></i>
                            <span>Search Invoices</span>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <a href="{{ url_for('user_invoices') }}" class="btn btn-info btn-lg w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                            <i class="fas fa-file-invoice fa-3x mb-3"></i>
                            <span>My Invoices</span>
                        </a>
                    </div>
                    <div class="col-md-6 mb-3">
                        <a href="{{ url_for('create_invoice') }}" class="btn btn-warning btn-lg w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                            <i class="fas fa-plus fa-3x mb-3"></i>
                            <span>Quick Invoice</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Recent Invoices -->
    <div class="col-lg-4 mb-4">
        <div class="card shadow">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Recent Invoices</h6>
            </div>
            <div class="card-body">
                {% if recent_invoices %}
                    <div class="list-group list-group-flush">
                        {% for invoice in recent_invoices %}
                        <div class="list-group-item d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="mb-1">Invoice #{{ invoice[0] }}</h6>
                                <small class="text-muted">{{ invoice[1] }}</small>
                            </div>
                            <span class="badge bg-primary rounded-pill">₹{{ "%.2f"|format(invoice[3]) }}</span>
                        </div>
                        {% endfor %}
                    </div>
                {% else %}
                    <p class="text-muted text-center">No recent invoices</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<!-- Cash Summary Section -->
<div class="row mb-4">
    <div class="col-12">
        <div class="card shadow">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-success">
                    <i class="fas fa-cash-register me-2"></i>Today's Cash Summary
                </h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <div class="text-center">
                            <h6 class="text-muted">Opening Cash</h6>
                            <h4 class="text-primary">₹{{ "%.2f"|format(cash_register[0] if cash_register else 0) }}</h4>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="text-center">
                            <h6 class="text-muted">Cash from Invoices</h6>
                            <h4 class="text-success">₹{{ "%.2f"|format(today_cash or 0) }}</h4>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="text-center">
                            <h6 class="text-muted">Closing Cash</h6>
                            <h4 class="text-info">₹{{ "%.2f"|format(cash_register[3] if cash_register else 0) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12 text-center">
                        {% if cash_register %}
                            <span class="badge bg-success">Register Created</span>
                        {% else %}
                            <span class="badge bg-warning">No Register for Today</span>
                        {% endif %}
                        <a href="{{ url_for('cash_register') }}" class="btn btn-outline-primary btn-sm ms-2">
                            <i class="fas fa-cash-register me-2"></i>Manage Cash Register
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- System Information -->
    <div class="col-12">
        <div class="card shadow">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">System Information</h6>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-md-3 mb-3">
                        <div class="border rounded p-3">
                            <i class="fas fa-file-invoice fa-2x text-primary mb-2"></i>
                            <h5>Create Invoice</h5>
                            <p class="text-muted">Generate new sales invoices</p>
                            <a href="{{ url_for('create_invoice') }}" class="btn btn-sm btn-outline-primary">Start</a>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="border rounded p-3">
                            <i class="fas fa-search fa-2x text-success mb-2"></i>
                            <h5>Search</h5>
                            <p class="text-muted">Find invoices and customers</p>
                            <a href="{{ url_for('search') }}" class="btn btn-sm btn-outline-success">Search</a>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="border rounded p-3">
                            <i class="fas fa-history fa-2x text-info mb-2"></i>
                            <h5>History</h5>
                            <p class="text-muted">View transaction history</p>
                            <a href="{{ url_for('search') }}" class="btn btn-sm btn-outline-info">View</a>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="border rounded p-3">
                            <i class="fas fa-user fa-2x text-warning mb-2"></i>
                            <h5>Profile</h5>
                            <p class="text-muted">Manage your account</p>
                            <span class="btn btn-sm btn-outline-warning disabled">Coming Soon</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}