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

{% block title %}Mycelium Nodes Documentation - Mycelium Marketplace{% endblock %}

{% block docs_content %}
<div class="my-4">
    <h1>Mycelium Nodes</h1>
    <p class="lead">Physical computing hardware that can be bought and sold within the Mycelium Marketplace using USD Credits.</p>

    <div class="doc-section">
        <h2>Overview</h2>
        <p>Mycelium Nodes are physical computing hardware (servers, computers) that can be bought and sold within the TF Marketplace using USD Credits. Users can purchase Mycelium Nodes in two distinct ways: either hosted by the supplier or physically transferred to the buyer.</p>
        
        <div class="row mt-4">
            <div class="col-md-6">
                <div class="card mb-4 h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-building me-2 text-primary"></i>Supplier-Hosted</h5>
                        <p class="card-text">Buy the Mycelium Node with upfront Credits payment but have it hosted in the supplier's facility. You maintain ownership while the supplier handles physical maintenance.</p>
                        <p><strong>Ideal for:</strong> Buyers without suitable hosting facilities</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card mb-4 h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-truck me-2 text-primary"></i>Physical Transfer</h5>
                        <p class="card-text">Buy the Mycelium Node with upfront Credits payment and have it physically shipped to your location. Complete physical control and responsibility for the hardware.</p>
                        <p><strong>Ideal for:</strong> Buyers with their own hosting capabilities</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="doc-section">
        <h2>Core Principles</h2>
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-pc-display me-2"></i>Hardware Exchange</h5>
                        <p class="card-text">Direct marketplace for physical computing equipment</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-shield-lock me-2"></i>Sovereignty</h5>
                        <p class="card-text">Buyers gain full ownership of purchased hardware</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-tag me-2"></i>Fair Pricing</h5>
                        <p class="card-text">Market-driven pricing with transparency</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-currency-exchange me-2"></i>Credits-Based</h5>
                        <p class="card-text">All transactions conducted using USD Credits</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-patch-check me-2"></i>Quality Assurance</h5>
                        <p class="card-text">Hardware specifications verified and rated</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-building-up me-2"></i>Flexible Ownership</h5>
                        <p class="card-text">Options for hosted or physically transferred hardware</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="doc-section">
        <h2>How It Works</h2>
        
        <div class="card mb-4">
            <div class="card-header">
                <h3 class="mb-0"><i class="bi bi-box-seam me-2"></i>For Sellers</h3>
            </div>
            <div class="card-body">
                <h5>Hardware Registration</h5>
                <ul>
                    <li>Register available hardware with detailed specifications</li>
                    <li>Upload verification photos and documentation</li>
                    <li>Set pricing in USD Credits</li>
                    <li>Define shipping options and costs</li>
                </ul>
                
                <h5 class="mt-4">Listing Management</h5>
                <ul>
                    <li>Update hardware availability</li>
                    <li>Modify pricing based on market conditions</li>
                    <li>Respond to buyer inquiries</li>
                    <li>Track sales and shipping</li>
                </ul>
            </div>
        </div>
        
        <div class="card">
            <div class="card-header">
                <h3 class="mb-0"><i class="bi bi-cart-check me-2"></i>For Buyers</h3>
            </div>
            <div class="card-body">
                <h5>Hardware Discovery</h5>
                <ul>
                    <li>Browse available Mycelium Nodes with filtering options</li>
                    <li>Compare specifications and pricing</li>
                    <li>Review seller ratings and history</li>
                    <li>Ask questions about specific hardware</li>
                </ul>
                
                <h5 class="mt-4">Purchase Process</h5>
                <ul>
                    <li>Select desired Mycelium Node and purchase option (hosted or transferred)</li>
                    <li>Pay upfront using Credits for either option</li>
                    <li>For physical transfer: arrange shipping and delivery</li>
                    <li>For hosted option: receive access credentials</li>
                    <li>Verify functionality and condition</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="doc-section">
        <h2>Hardware Specifications</h2>
        <p>Mycelium Nodes can include various types of computing hardware:</p>
        
        <div class="row row-cols-1 row-cols-md-2 g-4 mb-4">
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-server me-2"></i>Servers</h5>
                        <p class="card-text">Enterprise-grade rack servers</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-pc me-2"></i>Desktop Computers</h5>
                        <p class="card-text">Repurposed or custom-built desktops</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-cpu me-2"></i>Mini PCs</h5>
                        <p class="card-text">Compact computing devices</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-tools me-2"></i>Custom Builds</h5>
                        <p class="card-text">Purpose-built hardware for TF Grid farming</p>
                    </div>
                </div>
            </div>
        </div>
        
        <p>Each listing includes detailed specifications:</p>
        <div class="row">
            <div class="col-md-6">
                <ul class="list-group mb-4">
                    <li class="list-group-item"><i class="bi bi-cpu me-2"></i>CPU type and core count</li>
                    <li class="list-group-item"><i class="bi bi-memory me-2"></i>Memory capacity and type</li>
                    <li class="list-group-item"><i class="bi bi-device-ssd me-2"></i>Storage capacity and type</li>
                    <li class="list-group-item"><i class="bi bi-ethernet me-2"></i>Network interfaces</li>
                </ul>
            </div>
            <div class="col-md-6">
                <ul class="list-group mb-4">
                    <li class="list-group-item"><i class="bi bi-lightning me-2"></i>Power consumption</li>
                    <li class="list-group-item"><i class="bi bi-rulers me-2"></i>Physical dimensions</li>
                    <li class="list-group-item"><i class="bi bi-calendar-date me-2"></i>Age and condition</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="doc-section">
        <h2>Credits Exchange Mechanism</h2>
        <div class="row">
            <div class="col-md-6">
                <div class="card mb-4">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">For Physically Transferred Hardware</h5>
                    </div>
                    <div class="card-body">
                        <ul>
                            <li>Credits transferred from buyer to seller upon purchase agreement</li>
                            <li>Escrow system protects both parties during shipping</li>
                            <li>Final release upon confirmed delivery and verification</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card mb-4">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">For Supplier-Hosted Hardware</h5>
                    </div>
                    <div class="card-body">
                        <ul>
                            <li>Upfront Credits payment to secure ownership</li>
                            <li>Revenue sharing agreement between buyer and hoster/seller</li>
                            <li>Hoster defines and receives a portion of farming revenue</li>
                            <li>Clear SLAs define uptime and performance guarantees</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="doc-section">
        <h2>Hosting vs. Physical Transfer Comparison</h2>
        <div class="table-responsive">
            <table class="table table-striped table-bordered">
                <thead class="table-primary">
                    <tr>
                        <th>Aspect</th>
                        <th>Supplier-Hosted</th>
                        <th>Physical Transfer</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><strong>Physical Location</strong></td>
                        <td>Supplier's facility</td>
                        <td>Buyer's location</td>
                    </tr>
                    <tr>
                        <td><strong>Payment Model</strong></td>
                        <td>Upfront Credits payment</td>
                        <td>Upfront Credits payment</td>
                    </tr>
                    <tr>
                        <td><strong>Revenue Sharing</strong></td>
                        <td>Yes - hoster gets portion of farming revenue</td>
                        <td>No - buyer keeps 100% of farming revenue</td>
                    </tr>
                    <tr>
                        <td><strong>Maintenance</strong></td>
                        <td>Handled by supplier</td>
                        <td>Buyer's responsibility</td>
                    </tr>
                    <tr>
                        <td><strong>Power & Cooling</strong></td>
                        <td>Provided by supplier</td>
                        <td>Buyer's responsibility</td>
                    </tr>
                    <tr>
                        <td><strong>Internet Connectivity</strong></td>
                        <td>Provided by supplier</td>
                        <td>Buyer's responsibility</td>
                    </tr>
                    <tr>
                        <td><strong>Physical Access</strong></td>
                        <td>Limited or none</td>
                        <td>Complete</td>
                    </tr>
                    <tr>
                        <td><strong>Setup Complexity</strong></td>
                        <td>Minimal (handled by supplier)</td>
                        <td>Buyer must set up</td>
                    </tr>
                    <tr>
                        <td><strong>Best For</strong></td>
                        <td>Users without hosting facilities</td>
                        <td>Users with hosting capabilities</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="doc-section">
        <h2>Benefits</h2>
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-arrows-angle-contract me-2 text-success"></i>Direct Exchange</h5>
                        <p class="card-text">No intermediaries between hardware sellers and buyers</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-graph-up-arrow me-2 text-success"></i>Ecosystem Growth</h5>
                        <p class="card-text">Facilitates expansion of the TF Grid through hardware redistribution</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-speedometer2 me-2 text-success"></i>Resource Optimization</h5>
                        <p class="card-text">Gives new life to underutilized hardware</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-shield-lock me-2 text-success"></i>Sovereignty</h5>
                        <p class="card-text">Buyers gain full ownership of their hardware, regardless of hosting location</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-arrows-angle-expand me-2 text-success"></i>Flexibility</h5>
                        <p class="card-text">Choose between hosted or physically transferred hardware based on needs</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title"><i class="bi bi-people me-2 text-success"></i>Community Building</h5>
                        <p class="card-text">Connects hardware providers with potential resource providers</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card bg-light mt-5">
        <div class="card-body">
            <h2><i class="bi bi-question-circle me-2"></i>Ready to Buy or Sell Mycelium Nodes?</h2>
            <p class="lead">Visit the Mycelium Marketplace Mycelium Nodes section to start exploring options.</p>
            <div class="mt-3">
                <a href="/marketplace/mycelium_nodes" class="btn btn-primary me-2">Explore Mycelium Nodes Marketplace</a>
                <a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
            </div>
        </div>
    </div>

</div>
{% endblock %}