@extends('layouts.main')

@section('content')
<!-- Banner -->
<div id="MainCarousel">

    <div class="container">
        <div class="row">
            <div class="col-xl-7 col-sm-6 col-12 captionText">
                <h4>Genuine Games Matka Online Play Will Be A Great Choice</h4>
                <h1>The future of Matka Game</h1>
                <p>24x7 deposit and withdrawal</p>
                <!-- <a href="#"><i class="fa fa-phone-square" aria-hidden="true"></i> 1800 000 000</a> -->
            </div>
            <div class="col-xl-5 col-sm-6 col-12 cpationImg">
                <img src="{{ asset('images/main.png') }}" alt="" class="d-block" style="width:100%">
            </div>
        </div>
    </div>
</div>
<!-- Banner End -->

<div class="container mt-5">
    <div class="row">
        <div class="col-xl-3"></div>
        <div class="col-xl-3 col-sm-6 col-6">
            <a href="{{ route('bets.single') }}">
                <div class="GameRateContainer">
                    <div class="Rateicon">
                        <img alt="" src="{{asset('images/rupee.png')}}" class="img-fluid">
                    </div>
                    <h3>Single</h3>
                    <p>10 ka 90</p>
                </div>
            </a>
        </div>
        <div class="col-xl-3 col-sm-6 col-6">
        <a href="{{ route('bets.jodi') }}">
            <div class="GameRateContainer">
                <div class="Rateicon">
                    <img alt="" src="{{ asset('images/rupee.png') }}" class="img-fluid">
                </div>
                <h3>Jodi</h3>
                <p>10 ka 900</p>
            </div>
</a>
        </div>
        <div class="col-xl-3"></div>
    </div>
</div>

<div class="container-fluid mt-5 fullcontainer">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-md-7 col-12 fullcontainerTxt">
                <h2 class="">Matka Play Online</h2>

            </div>
            {{-- <div class="col-xl-4 col-md-5 col-12 fullcontainercall">
                <a href="#">Coming Soon</a>
            </div> --}}
        </div>
    </div>
</div>

<div class="container mt-5">
    <div class="row">
        <div class="col-xl-12 col-md-12 col-12 commonHeading text-center">
            <h2>Matka Results</h2>
        </div>
        <section class="container mt-5 bitContainer">
            <div class="row">
                @foreach ($gameSessions as $session)
                    <div class="col-xl-3 col-md-6 col-12">
                        <div class="resultBox">
                            <div class="ResultIcon">
                                <img src="{{ asset('images/award.gif') }}" class="img-fluid">
                            </div>
                            <!-- Access the game name from the session's related game -->
                            <div class="MatkaName">{{ $session->game->game_name }}</div>
                            <div class="resultheader">
                                <ul>
                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> Date:
                                        {{ \Carbon\Carbon::parse($session->start_time)->format('Y-m-d') }}</li>
                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> Time:
                                        {{ \Carbon\Carbon::parse($session->start_time)->format('h:i a') }}</li>
                                </ul>
                            </div>
                            <div class="resultheader">
                                <ul>
                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> Date:
                                        {{ \Carbon\Carbon::parse($session->end_time)->format('Y-m-d') }}</li>
                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> Time:
                                        {{ \Carbon\Carbon::parse($session->end_time)->format('h:i a') }}</li>
                                </ul>
                            </div>
                            <div class="resultnum1"></div>
                            <div class="resultnum1 resultnumMid">
                                @if (!blank($session->winning_number))
                                    {{ $session->winning_number }}
                                @else
                                    ?
                                @endif
                            </div>
                            <div class="resultnum1"></div>
                        </div>
                    </div>
                @endforeach
            </div>
        </section>



    </div>
</div>

<div class="container mt-5 gametimeContainer">
    <div class="row">
        <div class="col-xl-12 col-md-12 col-12 commonHeading text-center">
            <h2>Matka Game Time Table</h2>
        </div>
        <div class="table-responsive">
            <table class="table table-bordered table-sm">
                <thead>
                    <tr>
                        <th>MARKET</th>
                        <th>OPEN</th>
                        <th>CLOSE</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>GALI</td>
                        <td>12:00 PM</td>
                        <td>10:30 PM</td>
                    </tr>
                    <tr>
                        <td>FARIDABAD </td>
                        <td>12:00 PM</td>
                        <td>05:20 PM</td>
                    </tr>
                    <tr>
                        <td>DESAWAR </td>
                        <td>12:00 PM</td>
                        <td>02:15 AM</td>
                    </tr>
                    <tr>
                        <td>GHAZIABAD </td>
                        <td>12:00 PM</td>
                        <td>07:40 PM</td>
                    </tr>
                    <tr>
                        <td>DELHI BAZAR</td>
                        <td>12:00 PM</td>
                        <td>02:30 PM</td>
                    </tr>
                    <tr>
                        <td>SHREE GANESH </td>
                        <td>12:00 PM</td>
                        <td>03:45 PM</td>
                    </tr>


                </tbody>
            </table>
        </div>
    </div>
</div>



@endsection