@extends('gameloby.layouts.main')
@section('content')
<main>
    <div class="container">
        <div class="market-result__container">
            <div class="global-title">
                <img src="{{ asset('static/img/icons/star.svg') }}">
                <h4 class="ml-2"><span trs="results">Hasil Keluaran</span> <span trs="lottery">Togel</span>
                    {{ $slugs->title }}</h4>
            </div>
            <div class="custom-table mt-2">
                <div class="custom-table__header"><span trs="keluaran">Keluaran</span> {{ $slugs->title }}</div>
                <table id="table_market_result" class="stripe cell-border">
                    <thead>
                        <tr>
                            <th trs="market">Pasaran</th>
                            <th trs="date">Tanggal</th>
                            <th trs="periode">Periode</th>
                            <th trs="keluaran">Keluaran</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $item)
                        <tr>
                            <td class="fw-bolder">{{ $item->title }}</td>
                            <td>{{ date('D', strtotime($item->date)) }}, {{ $item->date }}</td>
                            <td>{{ $item->periode }}</td>
                            <td class="fw-bolder d-flex flex-column">
                                <div class="market-result-item order-1">
                                    <div class="text-primary">1st</div>
                                    <div class="number">{{ $item->result }}</div>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</main>
@endsection