@php
    use App\Library\ComponentLibrary as ComponentLibrary;

    $themeComponentSliderImageList=ComponentLibrary::themeComponentSliderImageList($themeID,$themeComponentRelID,$limit);

 $margin=sprintf("margin:%spx  %spx %spx %spx",$detail["margin_top"],$detail["margin_right"],$detail["margin_bottom"],$detail["margin_left"]);
  $padding=sprintf("padding:%spx  %spx %spx %spx",$detail["padding_top"],$detail["padding_right"],$detail["padding_bottom"],$detail["padding_left"]);
 $bgColor=sprintf('background-color:%s',$detail["bg_color"]);
@endphp
@if(count($themeComponentSliderImageList) > 0)
    <div class="dz-industry2-zone position-relative"  style="  {{$margin}};
    {{$bgColor}};
       {{$padding}}">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">

                @foreach($themeComponentSliderImageList as $themeComponentSliderImageL)
                    <div class="swiper-slide">
                        <div class="silder-img overlay-black-middle">
                            @if(!empty($themeComponentSliderImageL["image_url"]))
                                <div style="background-image: url({{$themeComponentSliderImageL["image_url"]}});max-width: 100%;height: {{$sliderHeight}}px;background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;"></div>
                            @endif
                        </div>
                        <div class="silder-content">
                            <h1 class="title fw-semibold">{{$themeComponentSliderImageL["title"]}}</h1>
                            <p class="m-b30">{{$themeComponentSliderImageL["description"]}}</p>
                            <div class="dz-btns d-flex align-items-center">
                                @if(!empty($themeComponentSliderImageL["link"]))
                                    <a href="{{$themeComponentSliderImageL["link"]}}" class="site-button primary border-1" title="{{$themeComponentSliderImageL["title"]}}">
                                        {{\TransLibrary::languageTrans("home_slider_read_more_link_title")}}
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach

            </div>
            <div class="swiper-pagination style-1"></div>
        </div>
    </div>
@endif