@switch($menu)
    @case('1x2')
        <div class="grid grid-cols-6 grid-rows-1 text-xs gap-0 justify-between text-center">
            <div></div>
            <div></div>
            <div>1</div>
            <div>X</div>
            <div>2</div>
            <div>M</div>
        </div>
    @break

    @case('hc')
        <div class="grid grid-cols-5 grid-rows-1 text-xs gap-0 justify-between text-center">
            <div></div>
            <div></div>
            <div>Home</div>
            <div>Away</div>
            <div>M</div>
        </div>
    @break

    @case('dc')
        <div class="grid grid-cols-6 grid-rows-1 text-xs gap-0 justify-between text-center">
            <div></div>
            <div></div>
            <div>1X</div>
            <div>12</div>
            <div>2X</div>
            <div>M</div>
        </div>
    @break

    @case('dnb')
        <div class="grid grid-cols-5 grid-rows-1 text-xs gap-0 justify-between text-center">
            <div></div>
            <div></div>
            <div>DNB 1</div>
            <div>DNB 2</div>
            <div>M</div>
        </div>
    @break

    @case('gg')
        <div class="grid grid-cols-5 grid-rows-1 text-xs gap-0 justify-between text-center">
            <div></div>
            <div></div>
            <div>GG</div>
            <div>NG</div>
            <div>M</div>
        </div>
    @break

    @case('ou')
        <div class="grid grid-cols-6 grid-rows-1 text-xs gap-0 justify-between text-center">
            <div></div>
            <div></div>
            <div>O</div>
            <div>U</div>
            <div>T</div>
            <div>M</div>
        </div>
    @break
@endswitch