@php
    // Aktif slider'ları çek
    $slider = \Illuminate\Support\Facades\DB::table('hero_img_main_page')
        ->where('status', 1)
        ->orderBy('sira', 'asc')
        ->get();
@endphp

@if($slider->count() > 0)
<section class="example main-slider">
    <article class="content">
        <div class="rev_slider_wrapper fullwidthbanner-container" data-source="gallery" id="rev_slider_486_1_wrapper" style="margin:0px auto;background-color:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;">
            <!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
            <div class="rev_slider fullwidthabanner" data-version="5.4.1" id="rev_slider_486_1" style="display:none;">
                <ul>
                    <!-- SLIDE  -->
         @foreach($slider as $item)
<li 
    data-description="{{ $item->aciklama ?? 'Every left implies a responsibility.' }}"
    data-easein="default"
    data-easeout="default"
    data-hideafterloop="0"
    data-hideslideonmobile="off"
    data-index="rs-{{ $item->id }}"
    data-masterspeed="default"
    data-rotate="0"
    data-saveperformance="off"
    data-slotamount="default"
    data-thumb="{{ asset($item->slider_url) }}"
    data-title="{{ $item->baslik ?? '' }}"
    data-transition="slideleft"
>

    <!-- MAIN IMAGE -->
    <img 
        alt="{{ $item->alt_tag ?? '' }}" 
        class="rev-slidebg"
        data-bgfit="cover"
        data-bgparallax="10"
        data-bgposition="center center"
        data-bgrepeat="no-repeat"
        data-no-retina
        src="{{ asset($item->slider_url) }}"
    >

    {{-- Eğer link varsa tüm slide'ı tıklanabilir yap --}}
    @if(!empty($item->link_url))
        <a href="{{ $item->link_url }}" 
           target="{{ $item->target ?? '_self' }}"
           style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;">
        </a>
    @endif

</li>
@endforeach

                    <!-- slide -->
                </ul>
                <div class="tp-bannertimer tp-bottom" style="height: 5px; background-color: rgba(166, 216, 236, 1.00);">
                </div>
            </div>
        </div>
    </article>
</section>
@endif