@php
$methodColors = [
    'GET'    => ['bg' => 'rgba(59,130,246,.1)',  'bd' => 'rgba(59,130,246,.25)',  'tx' => '#93c5fd'],
    'POST'   => ['bg' => 'rgba(16,185,129,.1)',  'bd' => 'rgba(16,185,129,.25)', 'tx' => '#6ee7b7'],
    'PATCH'  => ['bg' => 'rgba(251,191,36,.1)',  'bd' => 'rgba(251,191,36,.25)', 'tx' => '#fcd34d'],
    'DELETE' => ['bg' => 'rgba(239,68,68,.1)',   'bd' => 'rgba(239,68,68,.25)',  'tx' => '#fca5a5'],
];
@endphp

@foreach($routes as [$method, $path, $scope, $desc, $query])
@php $c = $methodColors[$method]; @endphp
<div style="display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:start;padding:10px 16px;border-bottom:1px solid var(--mw-b1)">
    <span style="font-family:monospace;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;text-align:center;background:{{ $c['bg'] }};border:1px solid {{ $c['bd'] }};color:{{ $c['tx'] }}">{{ $method }}</span>
    <div>
        <div style="display:flex;align-items:baseline;gap:6px;flex-wrap:wrap">
            <code style="font-family:monospace;font-size:11px;color:var(--mw-t2)">{{ $path }}{{ $query ? '<span style="color:var(--mw-t4)">' . $query . '</span>' : '' }}</code>
        </div>
        <div style="display:flex;align-items:center;gap:6px;margin-top:3px">
            <span style="font-size:11px;color:var(--mw-t4)">{{ $desc }}</span>
            <span style="font-family:monospace;font-size:9.5px;padding:1px 5px;border-radius:3px;background:var(--mw-bg4);border:1px solid var(--mw-b2);color:var(--mw-t4)">{{ $scope }}</span>
        </div>
    </div>
</div>
@endforeach