{% extends "docs/layout.html" %}

{% block title %}Mycelium Credits - Mycelium Marketplace{% endblock %}

{% block docs_content %}
<div class="docs-content">
    <h1>Mycelium Credits</h1>
    <p class="lead">Mycelium Credits (MC) is the foundation of our marketplace's credit-based economy, providing a seamless and flexible currency system for all transactions.</p>

    <div class="alert alert-info">
        <h5>MC as Default Currency</h5>
        <p><strong>MC (Mycelium Credits)</strong> is now the default base currency for all new users. 1 MC = 1 USD for familiar pricing - you see equivalent values in your preferred display currency.</p>
    </div>

    <h2>What is Mycelium Credits?</h2>
    <p>Mycelium Credits represents the core of our marketplace's innovative credit economy:</p>
    <ul>
        <li><strong>Base Currency:</strong> All internal calculations and balances are maintained in MC</li>
        <li><strong>Flexible Display:</strong> View prices and balances in your preferred currency (MC, USD, EUR, CAD, AED)</li>
        <li><strong>1:1 Exchange Rate:</strong> For USD users, 1 MC = 1 USD - no conversion confusion</li>
        <li><strong>Credit Foundation:</strong> Built for future expansion of credit-based marketplace features</li>
    </ul>

    <h2>Currency Flexibility</h2>
    <p>While MC is our base currency, we understand users have different preferences:</p>
    <ul>
        <li><strong>Display Preference:</strong> Choose how you want to see prices and balances</li>
        <li><strong>Real-time Conversion:</strong> Automatic conversion for non-MC currencies</li>
        <li><strong>Consistent Balance:</strong> Your credit balance remains the same regardless of display currency</li>
        <li><strong>Supported Currencies:</strong> MC, USD, EUR, CAD, AED</li>
    </ul>

    <h2>How to Change Your Currency Preference</h2>
    <p>Changing your display currency is simple and can be done at any time:</p>
    <ol>
        <li>Navigate to your <a href="/dashboard/settings">Dashboard Settings</a></li>
        <li>Find the "Currency Preference" section</li>
        <li>Select your preferred display currency from the dropdown</li>
        <li>Save your changes - the update applies immediately</li>
    </ol>

    <h2>Auto Top-up</h2>
    <p>Configure automatic credit purchasing for seamless marketplace experience:</p>
    <ol>
        <li>Go to your <a href="/dashboard/wallet">Wallet</a></li>
        <li>Enable Auto Top-up in the settings section</li>
        <li>Set your threshold (e.g., when credits fall below 10 MC)</li>
        <li>Set your top-up amount (e.g., purchase 25 MC when triggered)</li>
        <li>Choose your payment method</li>
    </ol>

    <h2>Versatile Purchase Options</h2>
    <p>The marketplace offers two convenient ways to purchase products:</p>
    <ul>
        <li><strong>Buy Now:</strong> Instant one-click purchase with automatic balance management and auto top-up integration</li>
        <li><strong>Add to Cart:</strong> Traditional shopping cart experience for purchasing multiple items together</li>
    </ul>

    <div class="alert alert-tip">
        <strong>Best of Both Worlds:</strong> Use "Buy Now" for quick single purchases, or "Add to Cart" when you want to compare multiple products or make bulk purchases.
    </div>

    <h2>Technical Details</h2>
    <p>For developers and advanced users:</p>
    <ul>
        <li><strong>Base Currency:</strong> All marketplace operations use MC internally</li>
        <li><strong>Display Layer:</strong> Currency preference affects only the presentation layer</li>
        <li><strong>API Consistency:</strong> Internal APIs work with MC values</li>
        <li><strong>Exchange Rates:</strong> Real-time rates for non-MC display currencies</li>
    </ul>

    <h2>Getting Started with MC</h2>
    <ol>
        <li>Create your Mycelium Marketplace account (defaults to MC)</li>
        <li>Add credits to your wallet (purchased in your preferred currency)</li>
        <li>Browse the marketplace (prices shown in your display currency)</li>
        <li>Click "Buy Now" for instant purchases</li>
        <li>Change currency preference anytime in <a href="/dashboard/settings">Settings</a></li>
    </ol>

    <div class="alert alert-success">
        <strong>Seamless Transition:</strong> Existing USD users experience no functional changes. Your balance and purchasing power remain identical.
    </div>
</div>
{% endblock %}