@extends(auth()->check() ? 'layouts.app' : 'layouts.guest')
@section('title','Home')
@section('content')
<div class="mcw-home">
  <section class="mcw-slider">
    <div class="slide">
      <div class="slide-left">
        <div class="badge">INSTANT</div>
        <h2>Sports, Casino, Slots & Crash</h2>
        <h1><span>11%</span> Rescue Bonus</h1>
        <p>MCW-style user panel UI.</p>
        <div class="actions">
          @if(auth()->check())
            <a class="mcw-btn-gold" href="{{ route('games.index') }}">PLAY NOW</a>
          @else
            <a class="mcw-btn-gold" href="{{ route('login') }}">LOGIN</a>
          @endif
          <a class="mcw-btn-dark" href="{{ route('promotions') }}">Promotions</a>
        </div>
      </div>
      <div class="slide-right">
        <div class="art"></div>
      </div>
    </div>
  </section>

  <section class="mcw-section">
    <div class="mcw-section-head">
      <h2>Featured Games</h2>
    </div>

    <div class="mcw-grid">
      @forelse($featured as $g)
        <a class="mcw-game" href="{{ auth()->check() ? route('games.launch', $g->id) : route('login') }}">
          <div class="mcw-game-thumb"></div>
          <div class="mcw-game-title">{{ $g->name }}</div>
        </a>
      @empty
        <div class="mcw-muted">No featured games yet. Set gamexa_lists.isFeatured=1.</div>
      @endforelse
    </div>
  </section>

  <section class="mcw-section">
    <div class="mcw-section-head">
      <h2>Popular Games</h2>
    </div>

    <div class="mcw-row">
      @forelse($popular as $g)
        <a class="mcw-mini" href="{{ auth()->check() ? route('games.launch', $g->id) : route('login') }}">
          <div class="mcw-mini-thumb"></div>
          <div class="mcw-mini-title">{{ $g->name }}</div>
        </a>
      @empty
        <div class="mcw-muted">No popular games yet. Set gamexa_lists.isPopular=1.</div>
      @endforelse
    </div>
  </section>

  <section class="mcw-section">
    <div class="mcw-section-head">
      <h2>VIP</h2>
      <a class="mcw-link" href="{{ route('vip') }}">Details</a>
    </div>
    <div class="vip-grid">
      <div class="vip-card"><strong>Bronze</strong><small>Starter benefits</small></div>
      <div class="vip-card"><strong>Silver</strong><small>More cashback</small></div>
      <div class="vip-card"><strong>Gold</strong><small>Higher limits</small></div>
      <div class="vip-card"><strong>Platinum</strong><small>Priority support</small></div>
    </div>
  </section>

  <section class="mcw-section">
    <div class="mcw-section-head">
      <h2>Promotions</h2>
      <a class="mcw-link" href="{{ route('promotions') }}">See all</a>
    </div>
    <div class="promo-grid">
      <div class="promo-card"><strong>Welcome Bonus</strong><small>Deposit and get bonus</small></div>
      <div class="promo-card"><strong>Cashback</strong><small>Weekly cashback offers</small></div>
      <div class="promo-card"><strong>VIP Rescue</strong><small>Rescue bonus for VIP</small></div>
    </div>
  </section>
</div>
@endsection