{% extends 'core/base.html' %}
{% block topbar_title %}Inventory Hub{% endblock %}
{% block content %}
<div class="mb-4">
    <h2 class="fw-bold mb-1" style="color: var(--sp-primary);">Inventory Management</h2>
    <p class="text-muted">Control your stock, categories, suppliers, and imports.</p>
</div>
<div class="hub-grid">
    <a href="{% url 'inventory:dashboard' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-clipboard-list"></i></div>
        <div class="hub-card-title">Inventory Dashboard</div>
        <div class="hub-card-text">High-level overview of total stock value and alerts.</div>
    </a>
    <a href="{% url 'inventory:product_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-box"></i></div>
        <div class="hub-card-title">Product Master</div>
        <div class="hub-card-text">Create, edit, and manage your entire product catalog.</div>
    </a>
    <a href="{% url 'inventory:barcode_center' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-primary);"><i class="fas fa-barcode"></i></div>
        <div class="hub-card-title">Barcode Center</div>
        <div class="hub-card-text">Quickly print perfectly scaled thermal labels for any product.</div>
    </a>
    <a href="{% url 'inventory:category_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-tags"></i></div>
        <div class="hub-card-title">Categories</div>
        <div class="hub-card-text">Organize your items into logical groups and menus.</div>
    </a>
    <a href="{% url 'inventory:product_bulk_import' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-info);"><i class="fas fa-file-import"></i></div>
        <div class="hub-card-title">Bulk Import</div>
        <div class="hub-card-text">Upload thousands of products instantly via CSV or Excel mapping.</div>
    </a>
    <a href="{% url 'inventory:export_center' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-success);"><i class="fas fa-file-export"></i></div>
        <div class="hub-card-title">Export Center</div>
        <div class="hub-card-text">Download backups and reports of your current inventory data.</div>
    </a>
    <a href="{% url 'inventory:stock_adjustment_history' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-rotate"></i></div>
        <div class="hub-card-title">Stock Adjustments</div>
        <div class="hub-card-text">Audit all manual stock corrections, damages, and restocks.</div>
    </a>
    <a href="{% url 'inventory:supplier_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-truck-loading"></i></div>
        <div class="hub-card-title">Suppliers & Vendors</div>
        <div class="hub-card-text">Manage supply chain contacts and purchase orders.</div>
    </a>
    {% if request.company.plan.feature_product_variants %}
    <a href="{% url 'inventory:product_list' %}" class="hub-card" style="border-color:rgba(102,126,234,.35);">
        <div class="hub-icon-wrap" style="background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;"><i class="fas fa-swatchbook"></i></div>
        <div class="hub-card-title">Product Variants</div>
        <div class="hub-card-text">Manage sizes, colours &amp; styles — open any product then tap <strong>Variants</strong>.</div>
    </a>
    {% endif %}
</div>
{% endblock %}
