@php
    use App\Library\ComponentLibrary as ComponentLibrary;
    $themeComponentCategoryContentList=ComponentLibrary::themeComponentCategoryContentList($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($themeComponentCategoryContentList["data"]) > 0)
    <div class="dz-oil-industry-zone"  style="  {{$margin}};
       {{$bgColor}};
       {{$padding}}">
        <div class="container-fluid">
            <div class="dz-banner-top">
                <div class="row justify-content-between">
                    <div class="col-lg-6 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
                        @if(!empty($themeComponentCategoryContentList["title"]))
                            <h1 class="dz-title fw-bold position-relative">{{$themeComponentCategoryContentList["title"]}}</h1>
                        @endif
                    </div>

                </div>
            </div>

            <div class="dz-banner-bottom position-relative">
                <div class="swiper mySwiper2">
                    <div class="swiper-wrapper wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
                        @foreach($themeComponentCategoryContentList["data"] as $themeComponentCategoryContent)
                            @if(!empty($themeComponentCategoryContent["default_image_full"]))
                                <div class="swiper-slide box-hover">
                                    <div class="dz-banner-media position-relative"
                                         style="background-image:url({{$themeComponentCategoryContent["default_image_full"]}});">
                                        <div class="dz-media-content position-absolute">
                                            <h3 style="font-size: 18px;padding-top:20px;line-height: 22px"
                                                class="m-0">{{$themeComponentCategoryContent["title"]}}</h3>
                                        </div>
                                        <div
                                            class="dz-media-content2 d-flex align-items-center justify-content-between position-absolute">
                                            <h2 style="font-size: 22px;line-height: 22px"
                                                class="fw-bold m-0"> {{$themeComponentCategoryContent["title"]}} </h2>
                                            <a title="{{$themeComponentCategoryContent["title"]}}"
                                               class="btn mediabtn bg-white text-primary"
                                               href="{{$themeComponentCategoryContent["route"]}}"> {{\TransLibrary::languageTrans("home_read_more_link")}} </a>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
                <div class="swiper-button-next dz-next bg-primary"></div>
                <div class="swiper-button-prev dz-prev bg-primary"></div>
            </div>
        </div>
    </div>

@endif