@extends('layouts.main')

@section('title')
    <title>{{ pageTitle(['Back & Lay']) }}</title>
@endsection

@section('page-specific-styles')
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style>.score_detail_row table{ color: white !important; }</style>
@endsection

@section('content')
<div class="magazine_grid_main">
	<div class="detail_page">
		<div class="container"> 
			<div class="responsive_top_main_add">
                @include('ads.golden-444-static')
            </div>
			<div class="score_detail_row">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Match Id</th>
                        <th>Match Name</th>
                        <th>1</th>
                        <th>X</th>
                        <th>2</th>
                    </tr>
                </thead>
                <tbody>
                    @if($marketData != null)
                        @foreach($marketData AS $data)
                            @php 
                                $jsonData = json_decode($data->json_data, true);
                            @endphp
                            @foreach($jsonData AS $tmpData)
                                <tr>
                                    <td><a href="odds-details/{{ $tmpData['gameId'] }}" class="odds_details_link">{{ $tmpData['gameId'] }}</a></td>
                                    <td>{{ $tmpData['eventName'] }}</td>
                                    <td>{{ $tmpData['back1']." - ".$tmpData['lay1'] }}</td>
                                    <td>{{ $tmpData['back12']." - ".$tmpData['lay12'] }}</td>
                                    <td>{{ $tmpData['back11']." - ".$tmpData['lay11'] }}</td>
                                </tr>
                            @endforeach
                        @endforeach
                    @endif
                </tbody>
            </table>
			</div>
		</div>
	</div>
</div>      
@endsection
@section('page-specific-scripts')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
@endsection