@extends('layouts.master')
@section('title', config('app.name') . ' : Promosi')
@section('content')
<div class="main-content promo">
    <div class="container">
      <nav class="breadcrumb-container">
        <ul class="breadcrumb-list">
          <li class="breadcrumb-item" text="{{ getSetting('site_name') }}">
            <a href="{{ url('/') }}" class="breadcrumb-link" target="_self">{{ getSetting('site_name') }}</a>
          </li>
          <li class="breadcrumb-item" text="Promotion" url="{{ url('/') }}/promotion">
            <a href="{{ url('/') }}/promotion" class="breadcrumb-link" target="_self">Promotion</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="container">
      <div class="promo__container">
        <div class="page-header">Promosi Terbaru</div>
        <div class="promo__list">
          <div class="row">
            @if($promotions->isEmpty())
            <p>No promotions available.</p>
            @else
            @foreach($promotions as $promotion)
<div class="col-lg-6 mb-4 promo-list-holder show">
    <div class="promo-list">
        <div class="promo-item">
            <div class="col-lg-12">
                <div class="promo-img">
                    @php $image = $promotion->images->first(); @endphp

                    @if($image)
                        <img loading="lazy" src="{{ $image->image_url }}" alt="{{ $promotion->title }}">
                    @endif
                </div>
            </div>
            <div class="col-lg-12 align-self-center">
                <div class="promo-info">
                    <div class="info-title">{{ $promotion->title }}</div>
                    <div class="info-button">
                        <a href="{{ route('promotion.show', $promotion->slug) }}" class="info-read btn-custom-sm">Selengkapnya</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endforeach
            @endif
          </div>
        </div>
      </div>
      <div class="game mt-2">
        <div class="game__seo">
          <div hidden="" id="title-seo">{{ getSetting('site_name') }}: Promosi</div>
          <div class="seo-content showFooter">
            <h1>Promosi</h1>
            <p>Promosi</p>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection