@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 bg-gray content-inner about-carousel-ser"   style="  {{$margin}};
    {{$bgColor}};
       {{$padding}}">
    <div class="container">
        <div class="section-head text-center">
            @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>
        <div class="about-ser-carousel owl-carousel owl-theme owl-btn-center-lr owl-dots-primary-full owl-btn-3 m-b30">

            @foreach($themeComponenContentList as $themeComponenContent)


                <div class="item">
                    <div class="dlab-box service-media-bx">
                        <div class="dlab-media">
                            @if(!empty($themeComponenContent["default_image_full"]))
                                <img
                                    src="{{$themeComponenContent["default_image_full"]}}"
                                    alt="{{$themeComponenContent["title"]}}">
                            @endif
                        </div>
                        <div class="dlab-info text-center">
                            <h2 class="dlab-title"><a title="{{$themeComponenContent["title"]}}" href="{{$themeComponenContent["route"]}}">{{$themeComponenContent["title"]}}</a></h2>
                            <p>{{$themeComponenContent["short_description"]}}</p>
                            <a href="{{$themeComponenContent["route"]}}" class="site-button btnhover13" title="{{$themeComponenContent["title"]}}">{{\TransLibrary::languageTrans("home_read_more_link")}}</a>
                        </div>
                    </div>
                </div>
            @endforeach

        </div>
    </div>
</div>
@endif