@if($slider->count() > 0)
<div class="banner-area bg_image--1 bg_image rts-section-gap">
    <div class="container shape-line">
        <div class="row align-items-start pt--100 pt_sm--50 banner-shape-red">
            <div class="col-lg-6 order-xl-1 order-md-2 order-sm-1 order-1">
                <div class="banner-one-content-wrapper">
                        <span class="pre-title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">{{ $slider->transquote }}</span>
                    <h1 class="title-banner" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                        {{ $slider->transtitle }}
                    </h1>
                    <h2 class="banner-disc" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">
                        {!! $slider->transtext !!}
                    </h2>
                    <div class="banner-wrapper button" data-sal-delay="300" data-sal="slide-up" data-sal-duration="800">
                        @if(!empty($slider->link))
                            <a href="{{ $slider->link }}" class="rts-btn btn-primary">@lang('frontend.slider.button')</a>
                        @endif
                        @if(!empty($slider->video_url))
                            <a href="{{ $slider->video_url }}" class="btn-watch-video fancybox fancybox.iframe ml--25">
                                <span class="icon"></span>
                                <span class="text">@lang('frontend.slider.play_video')</span>
                            </a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-lg-6 order-xl-2">
                <div class="banner-shape-area-one">
                    <img src="{{ asset('/images/banner/shape/01.png') }}" alt="banner_shape" data-sal-delay="200" data-sal="zoom-in" data-sal-duration="1000">
                </div>
                <div class="banner-thumb-1 banner-shape-one">
                    <img src="{{ $slider->getFirstMediaUrl('slider_image') }}" alt="Creative_banner" data-sal-delay="200" data-sal="zoom-in" data-sal-duration="1000">
                </div>
            </div>
        </div>
    </div>
</div>
@endif