@php
    use App\Library\ComponentLibrary as ComponentLibrary;

    $themeComponentSliderImageList=ComponentLibrary::themeComponentSliderImageList($themeID,$themeComponentRelID,$limit);
   $langCode=config('app.locale');
     $componentSettingTitle="";
    $componentSettingDescription="";
    $componentSettingLink="";
    $componentSettingLinkText="";
    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"]:"":"";
     $componentSettingLink=array_key_exists($langCode,$componentSettings) ? array_key_exists('link',$componentSettings[$langCode]) ? $componentSettings[$langCode]["link"]:"":"";
     $componentSettingLinkText=array_key_exists($langCode,$componentSettings) ? array_key_exists('link_text',$componentSettings[$langCode]) ? $componentSettings[$langCode]["link_text"]:"":"";
    }


 $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="section-full content-inner exhibition-bx"  style="  {{$margin}};
    {{$bgColor}};
       {{$padding}}">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
                <div class="exhibition-carousel owl-carousel owl-none m-b30">
                    @foreach($themeComponentSliderImageList as $themeComponentSliderImageL)

                       <div class="item">
                           <a
                               @if(!empty($themeComponentSliderImageL["link"]))
                                   href="{{$themeComponentSliderImageL["link"]}}"

                               @endif
                               title="{{$themeComponentSliderImageL["title"]}}">
                               <img style="width: auto;height: auto"
                                    src="{{$themeComponentSliderImageL["image_url"]}}"
                                    alt="{{$themeComponentSliderImageL["title"]}}">
                           </a>
                       </div>
                    @endforeach
                </div>
            </div>
            <div class="col-lg-6 m-b30 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
                <div class="content-bx1">
                    <div class="section-head">
                        @if(!empty($componentSettingTitle))
                            <h2 class="title">{{$componentSettingTitle}}</h2>
                        @endif
                            @if(!empty($componentSettingDescription))
                                <p>{{$componentSettingDescription}}</p>
                            @endif
                    </div>

                    @if(!empty($componentSettingLink))
                        <a href="{{$componentSettingLink}}" class="site-button btnhover10 black m-r10 m-b10" title="{{$componentSettingLinkText}}">{{$componentSettingLinkText}}</a>
                    @endif
                    ,
                </div>
            </div>
        </div>
    </div>
</div>

@endif