@extends('layouts.public')
@section('title', 'Crypto markets')
@section('heading', 'Crypto markets')
@section('content')
<p>All instruments are quoted against USDT. Prices are derived from Binance market data plus the spread shown. Maximum leverage and spreads can change.</p>
<div class="overflow-x-auto rounded-xl border border-slate-800">
    <table class="w-full text-left text-sm">
        <thead class="bg-slate-900 text-xs uppercase text-slate-500"><tr><th class="p-3">Instrument</th><th class="p-3">Max leverage</th><th class="p-3">Spread</th><th class="p-3">Min size</th></tr></thead>
        <tbody>
        @forelse($instruments as $i)
            <tr class="border-t border-slate-800"><td class="p-3 font-semibold text-white">{{ $i->base }}/{{ $i->quote }}</td><td class="p-3">up to {{ $i->max_leverage }}x</td><td class="p-3">{{ rtrim(rtrim((string) $i->spread_bps, '0'), '.') }} bps</td><td class="p-3">{{ rtrim(rtrim((string) $i->min_qty, '0'), '.') }} {{ $i->base }}</td></tr>
        @empty
            <tr><td colspan="4" class="p-4 text-slate-500">No instruments are enabled.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<p class="text-xs text-slate-500">1 bps = 0.01%. Higher leverage means a smaller adverse move can close your position.</p>
@endsection