@extends('layouts.app', ['canonical' => url('/')])

@section('content')
    <h1>{{ $content['h1'] }}</h1>
    <p class="h1-sub" lang="hi">{{ $content['h1_hi'] }}</p>
    @include('partials.page-meta')
    <!-- BEGIN: Powered by Supercounters.com -->
    <div class="center"><script type="text/javascript" src="//widget.supercounters.com/ssl/online_i.js"></script><script type="text/javascript">sc_online_i(1739336,"ffffff","1a73e8");</script></div>
    <!-- END: Powered by Supercounters.com -->

    @if($latest)
        <div class="headline-result">
            <span class="hl-label"><span class="lang-en">Latest declared result</span><span class="lang-hi" lang="hi">ताज़ा घोषित रिजल्ट</span></span>
            <span class="hl-game">{{ $latest['game']->name }} <span lang="hi">({{ $latest['game']->hindi_name }})</span></span>
            <span class="hl-num">{{ $latest['number'] }}</span>
            <span class="hl-date">{{ $latest['date']->format('d M Y') }}</span>
        </div>
    @endif

    @include('partials.board')

    <div class="intro">
        <div class="lang-en">{!! $content['intro'] !!}</div>
        <div class="lang-hi" lang="hi">{!! $content['intro_hi'] !!}</div>
    </div>

    <section>
        <h2 class="table-title"><span class="lang-en">Satta King Chart {{ $month->monthName() }} {{ $month->year }}</span><span class="lang-hi" lang="hi">सट्टा किंग चार्ट {{ $month->monthName() }} {{ $month->year }}</span></h2>
        @include('chart.partials.month-table', ['games' => $games, 'map' => $map, 'days' => $days])
        <p class="center"><a class="btn" href="{{ $month->url() }}"><span class="lang-en">Open the full {{ $month->monthName() }} {{ $month->year }} chart</span><span class="lang-hi" lang="hi">{{ $month->monthName() }} {{ $month->year }} का पूरा चार्ट देखें</span></a></p>
    </section>

    @if($boxes->isNotEmpty())
        <section class="sk-boxes" aria-label="Notices">
            @foreach($boxes as $box)
                @include('partials.content-box', ['box' => $box])
            @endforeach
        </section>
    @endif
@endsection