@php
    $image = $data->desktop_image??scw_asset('img/slideshow/f1.jpg');
    $mImage = $data->mobile_image??($data->desktop_image??scw_asset('img/slideshow/f1-m.jpg'));
    $justifyContent = ['start', 'center', 'end'];
    $textAlign = ['left', 'center', 'right'];
@endphp
<div class="slide-item slide-item-bag position-relative">
    <img class="slide-img d-none d-md-block" src="{{ $image }}" alt="{{$data->title}}">
    <img class="slide-img d-md-none" src="{{ $mImage }}" alt="{{$data->title}}">
    <div class="content-absolute content-slide">
        <div class="container height-inherit d-flex align-items-center justify-content-{{in_array($data->justify_content, $justifyContent)?$data->justify_content:'end'}}">
            <div class="content-box slide-content slide-content-1 py-4 text-{{in_array($data->text_align, $textAlign)?$data->text_align:'left'}}">
                <h2 class="slide-heading heading_72 animate__animated animate__fadeInUp" data-animation="animate__animated animate__fadeInUp">
                    {{$data->title}}
                </h2>
                <p class="slide-subheading heading_24 animate__animated animate__fadeInUp" data-animation="animate__animated animate__fadeInUp">
                    {{$data->description}}
                </p>
                <a class="btn-primary slide-btn animate__animated animate__fadeInUp" href="{{$data->link}}" data-animation="animate__animated animate__fadeInUp">{{$data->button_text('Shop Now')}}</a>
            </div>
        </div>
    </div>
</div>