@php
    use App\Library\ComponentLibrary as ComponentLibrary;

    $themeComponenContentList=ComponentLibrary::themeComponenContentList($themeID,$themeComponentRelID,$limit,$contentType);
    $langCode=config('app.locale');
    $componentSettingTitle="";
    $componentSettingDescription="";
    if(is_array($componentSettings)){
 $componentSettingTitle=array_key_exists($langCode,$componentSettings) ? array_key_exists('title',$componentSettings[$langCode]) ? $componentSettings[$langCode]["title"]:"":"";
$componentSettingDescription=array_key_exists($langCode,$componentSettings) ? array_key_exists('description',$componentSettings[$langCode]) ? $componentSettings[$langCode]["description"]:"":"";
}

 $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($themeComponenContentList) > 0)
    <div class="section-full content-inner bg-gray"  style="  {{$margin}};
    {{$bgColor}};
       {{$padding}}">
        <div class="container">
            @if(is_array($componentSettings))
                <div class="section-head text-black text-center">
                    @if(!empty($componentSettingTitle))
                        <h2 class="title">{{$componentSettingTitle}}</h2>
                    @endif

                    @if(!empty($componentSettingDescription))
                        <p>{{$componentSettingDescription}}</p>
                    @endif

                </div>
            @endif
            <div class="row">
                @foreach($themeComponenContentList as $themeComponenContent)
                    <div class="col-lg-4 col-md-6 col-sm-6 m-b30 wow fadeInUp" data-wow-duration="2s"
                         data-wow-delay="0.3s">
                        <div class="dlab-box service-box-2">
                            @if(!empty($themeComponenContent["default_image_full"]))
                                <div class="dlab-media radius-sm dlab-img-overlay1 dlab-img-effect rotate">

                                    <div class="categories-content-1-image-container">
                                        <img
                                            src="{{$themeComponenContent["default_image_full"]}}"
                                            alt="{{$themeComponenContent["title"]}}">
                                    </div>


                                </div>
                            @endif
                            <div class="dlab-info">
                                <h4 class="title"><a
                                        href="{{$themeComponenContent["route"]}}">{{$themeComponenContent["title"]}}</a>
                                </h4>
                                <p style="height: 100px;
    overflow: hidden;
    line-height: 19px;
    font-size: 12px;"> {{$themeComponenContent["short_description"]}}</p>
                                <a title="{{$themeComponenContent["title"]}}"
                                   href="{{$themeComponenContent["route"]}}"
                                   class="site-button btnhover14">{{\TransLibrary::languageTrans("home_read_more_link")}}</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <style>
        .categories-content-1-image-container {
            max-width: 100%;
            height: 250px;
            display: flex;
            justify-content: center;
        }

        .categories-content-1-image-container img {
            max-width: 100%;
            width: auto;
            max-height: 100%;
        }
    </style>
@endif