
<?php $__env->startSection('title', 'Markets'); ?>
<?php $__env->startSection('main_class', 'client-main--markets'); ?>
<?php $__env->startSection('content'); ?>
<div class="markets-page">
<h1 class="client-page-title">Web3 Derp Markets</h1>
<p class="client-page-sub">Track real-time crypto, commodities, and metals prices</p>

<div class="market-tabs">
    <a href="<?php echo e(route('client.markets', ['tab' => 'coins'])); ?>" class="market-tab <?php echo e($tab === 'coins' ? 'active' : ''); ?>">Coins</a>
    <a href="<?php echo e(route('client.markets', ['tab' => 'commodities'])); ?>" class="market-tab <?php echo e($tab === 'commodities' ? 'active' : ''); ?>">Commodities</a>
    <a href="<?php echo e(route('client.markets', ['tab' => 'metals'])); ?>" class="market-tab <?php echo e($tab === 'metals' ? 'active' : ''); ?>">Metals</a>
</div>

<div class="client-card market-table-wrap">
    <table class="market-table market-table-full">
        <colgroup>
            <col class="col-name">
            <col class="col-symbol">
            <col class="col-price">
            <col class="col-change">
            <col class="col-holdings">
            <col class="col-pl">
            <col class="col-actions">
        </colgroup>
        <thead>
            <tr>
                <th class="col-name">Name</th>
                <th class="col-symbol">Symbol</th>
                <th class="col-price">Last Price (USD)</th>
                <th class="col-change">24h Change</th>
                <th class="col-holdings">Holdings</th>
                <th class="col-pl">P/L %</th>
                <th class="col-actions">Actions</th>
            </tr>
        </thead>
        <tbody>
            <?php $__empty_1 = true; $__currentLoopData = $markets; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $market): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
            <tr>
                <td class="col-name market-name"><?php echo e($market->name); ?></td>
                <td class="col-symbol"><?php echo e($market->displaySymbol()); ?></td>
                <td class="col-price market-price">$<?php echo e($market->formattedPrice()); ?></td>
                <td class="col-change">
                    <?php $change = (float) $market->change_24h; ?>
                    <span class="<?php echo e($change >= 0 ? 'change-positive' : 'change-negative'); ?>">
                        <?php echo e($change >= 0 ? '+' : ''); ?><?php echo e(number_format($change, 2)); ?>%
                    </span>
                </td>
                <td class="col-holdings market-holdings">0.0000</td>
                <td class="col-pl market-pl">—</td>
                <td class="col-actions">
                    <div class="market-actions">
                        <a href="<?php echo e(route('client.trade', ['market' => $market->id])); ?>" class="market-btn market-btn-trade">Trade</a>
                        <a href="<?php echo e(route('client.trade', ['market' => $market->id, 'direction' => 'buy'])); ?>" class="market-btn market-btn-buy">Buy</a>
                        <a href="<?php echo e(route('client.trade', ['market' => $market->id, 'direction' => 'sell'])); ?>" class="market-btn market-btn-sell">Sell</a>
                    </div>
                </td>
            </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
            <tr><td colspan="7" class="empty-state">No markets in this category yet.</td></tr>
            <?php endif; ?>
        </tbody>
    </table>
</div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.client', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\SkyApps\Projects\web3derp\resources\views/client/markets/index.blade.php ENDPATH**/ ?>