{% extends 'core/base.html' %}
{% block topbar_title %}Sales Hub{% endblock %}
{% block content %}
<div class="mb-4">
    <h2 class="fw-bold mb-1" style="color: var(--sp-primary);">Sales & Transactions</h2>
    <p class="text-muted">Manage the Point of Sale, view histories, and close out the day.</p>
</div>
<div class="hub-grid">
    <a href="{% url 'sales:pos_grid' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fa-solid fa-border-all"></i></div>
        <div class="hub-card-title">Smart POS Grid</div>
        <div class="hub-card-text">Launch the touch-friendly, visual Point of Sale register.</div>
    </a>
    <a href="{% url 'sales:pos' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-cash-register"></i></div>
        <div class="hub-card-title">Classic Terminal</div>
        <div class="hub-card-text">Standard list-based checkout terminal.</div>
    </a>
    <a href="{% url 'sales:barcode_pos' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-barcode"></i></div>
        <div class="hub-card-title">Barcode POS</div>
        <div class="hub-card-text">Lightning fast checkout optimized for barcode scanners.</div>
    </a>
    <a href="{% url 'sales:transaction_history' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-list"></i></div>
        <div class="hub-card-title">Transaction History</div>
        <div class="hub-card-text">View and manage all past sales, payments, and refunds.</div>
    </a>
    <a href="{% url 'sales:sales_by_item_report' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-warning);"><i class="fas fa-money-bill-wave"></i></div>
        <div class="hub-card-title">Sales By Item</div>
        <div class="hub-card-text">Track and manage sales by item.</div>
    </a>
    <a href="{% url 'sales:credit_customers' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-warning);"><i class="fas fa-money-check-alt"></i></div>
        <div class="hub-card-title">Credit Customers</div>
        <div class="hub-card-text">Track and manage customers who have outstanding balances.</div>
    </a>
    <a href="{% url 'sales:customer_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-address-book"></i></div>
        <div class="hub-card-title">Customer Directory</div>
        <div class="hub-card-text">Manage all your enrolled customer records.</div>
    </a>
    <a href="{% url 'sales:end_of_day' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-danger);"><i class="fas fa-moon"></i></div>
        <div class="hub-card-title">Day Close & Reconciliation</div>
        <div class="hub-card-text">Reconcile cash drawers and formally close out the sales day.</div>
    </a>
</div>
{% endblock %}