@extends('layouts.app')
@section('content')

    <div class="container">
        @include('desktop.partials.runningtext')
        @include('desktop.partials.breadcrumb')
 <section class="promotions">
            <nav class="promotions-nav">
                <ul>
                    <li>
                        <a href="/promotions/all" aria-current="page" class="btn btn--flex btn--light app-link--exact-active app-link--active"> Semua </a>
                    </li>
                    <li>
                        <a href="/promotions/casino" class="btn btn--flex btn--light"> Casino </a>
                    </li>
                    <li>
                        <a href="/promotions/slot" class="btn btn--flex btn--light"> Slots </a>
                    </li>
                    <li>
                        <a href="/promotions/sportsbook" class="btn btn--flex btn--light"> Sports </a>
                    </li>
                    <li>
                        <a href="/promotions/other" class="btn btn--flex btn--light"> Lainnya </a>
                    </li>
                </ul>
            </nav>
            <article class="promotion promotion--d">
                <img
                    src="{{ $promotion->image ?: asset('assets/img/no-image.png') }}"
                    alt="{{ $promotion->title }}"
                    loading="lazy">
    
                <h2>{{ $promotion->title }}</h2>
    
                <div class="promotion__content">
                    @if(!empty($promotion->description))
                        <p>{{ $promotion->description }}</p>
                    @endif
    
                    @if(!empty($promotion->note))
                        {!! $promotion->note !!}
                    @endif
    
                    @if(!empty($promotion->redirect_url))
                        <p>
                            Info lebih lanjut klik link ini:
                            <a href="{{ $promotion->redirect_url }}" target="_blank" rel="noopener noreferrer">
                                <strong>Klik di sini</strong>
                            </a>
                        </p>
                    @endif
                </div>
            </article>
    </section>
</div>
@endsection