@include('theme::layouts.navbar')

@if ($showHeaderData)
    <section class="slider__area slider__bg"
             data-background="{{asset('themes/sargon-theme/images/slider/slider_bg.jpg')}}"
             style="background-image: url('{{asset('themes/sargon-theme/images/slider/slider_bg.jpg')}}');">
        <div class="slider-activee">
            <div class="single-slider">
                <div class="container custom-container">
                    <div class="row justify-content-between">
                        <div class="col-lg-6">
                            <div class="slider__content">
                                <h6 class="sub-title wow fadeInUp" data-wow-delay=".2s"
                                    style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                                    Eternal Cabal Online</h6>
                                <h2 class="title wow fadeInUp" data-wow-delay=".5s"
                                    style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                                    Summary</h2>
                                <p class="wow fadeInUp" data-wow-delay=".8s"
                                   style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
                                    Welcome to Eternal Cabal Online, where an emotional combat system and a
                                    fast-changing political economy coexist!</p>
                                <div class="slider__btn wow fadeInUp" data-wow-delay="1.2s"
                                     style="visibility: visible; animation-delay: 1.2s; animation-name: fadeInUp;">
                                    <a class="tg-btn-1" href="{{route('register')}}">
                                        <span>Register</span>
                                    </a>
                                    <a class="tg-btn-1" href="{{route('login')}}">
                                        <span>Login</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-5 col-lg-6">
                            <div class="slider__img text-center">
                                <img src="{{asset('themes/sargon-theme/images/slider/slider_img01.png')}}"
                                     data-magnetic="" alt="img" style="transform: translate3d(0px, 0px, 0px);">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slider__shapes">
            <img src="{{asset('themes/sargon-theme/images/slider/slider_shape01.png')}}" alt="shape">
            <img src="{{asset('themes/sargon-theme/images/slider/slider_shape02.png')}}" alt="shape">
            <img src="{{asset('themes/sargon-theme/images/slider/slider_shape03.png')}}" alt="shape">
            <img src="{{asset('themes/sargon-theme/images/slider/slider_shape04.png')}}" alt="shape">
        </div>
    </section>
@endif
{{-- @if ($showHeaderCards)
    <div class="header-cards">
        <div class="container-fluid">
            <div class="row justify-content-center row-gap-2">
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                    <div class="card mb-2">
                        <div class="card-header">
                            <div class="d-flex align-items-center gap-2">
                                <img src="{{asset('themes/sargon-theme/images/bonus.png')}}" height="32" alt="img"/>
                                <p>{{ __('Donation Bonus') }}</p>
                            </div>
                        </div>
                        <div class="card-body px-3 py-2">
                            @if ($bonus = (int) config('siteSettings.donation_bonus', 0))
                                <div class="header-donation">{{ $bonus }}% Bonus</div>
                            @else
                                <div class="header-donation">No Bonus</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif --}}