@php
    use App\Library\ComponentLibrary as ComponentLibrary;
     use \App\Models\Theme\ThemeComponentConstant as ThemeComponentConstant;
    $themeComponentConstantList=ComponentLibrary::themeComponentConstantList($themeID,$themeComponentRelID);
$imagePositions=ThemeComponentConstant::$imagePositions;
@endphp
@if(count($themeComponentConstantList) > 0)
    @php
        $position=$themeComponentConstantList["position"];
        $imagePosition="left";
        if(!empty($themeComponentConstantList["image_position"])){
            $imagePosition=$themeComponentConstantList["image_position"];
            if(!array_key_exists($imagePosition,$imagePositions)){
                $imagePosition="left";
            }
        }
 $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
    <style>
     .constantContainer .service-box.style2 {
         min-height: 500px;overflow: hidden;font-size: 12px
     }
     .constantContainer .service-box.style2     .constant-description p{
            font-size: 12px;
         margin-bottom: 0;
         line-height: 23px;
        }
    </style>
    <div class="section-full @if($position==="container") container @endif constantContainer" style="margin-bottom: 0">
        <div class="row spno about-industry"  style="  {{$margin}};
        {{$bgColor}};
       {{$padding}}">
            @if($imagePosition==="left")
                @if(!empty($themeComponentConstantList["image_url"]))
                    <div class="col-lg-7 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
                        <div class="dlab-post-media dlab-img-effect zoom">
                            <img src="{{$themeComponentConstantList["image_url"]}}"
                                 alt="{!! $themeComponentConstantList["title"] !!}" class="img-cover">
                        </div>
                    </div>
                @endif
                <div
                    class="   @if(!empty($themeComponentConstantList["image_url"])) col-lg-5 @else col-ld-12 @endif  wow fadeIn"
                    data-wow-duration="2s" data-wow-delay="0.4s">
                    <div class="service-box style2">
                        <div>
                            <h2 class="title text-black">{!! $themeComponentConstantList["title"] !!}</h2>
                            <div class="constant-description">{!! $themeComponentConstantList["description"] !!}
                            @if(!empty($themeComponentConstantList["link"]))
                                <a href="{{$themeComponentConstantList["link"]}}"
                                   title="{{ $themeComponentConstantList["title"]}}"
                                   class="site-button outline outline-2 btnhover11">
                                    {!! trans('theme/component.constant.read_more') !!}
                                </a>
                            @endif
                            </div>
                        </div>
                    </div>
                </div>
            @elseif($imagePosition==="right")

                <div
                    class="   @if(!empty($themeComponentConstantList["image_url"])) col-lg-5 @else col-ld-12 @endif wow fadeIn"
                    data-wow-duration="2s" data-wow-delay="0.4s">
                    <div class="service-box style2">
                        <div>
                            <h2 class="title text-black">{!! $themeComponentConstantList["title"] !!}</h2>
                            <div class="constant-description">{!! $themeComponentConstantList["description"] !!}
                            @if(!empty($themeComponentConstantList["link"]))
                                <a href="{{$themeComponentConstantList["link"]}}"
                                   title="{{ $themeComponentConstantList["title"]}}"
                                   class="site-button outline outline-2 btnhover11">
                                    {!! trans('theme/component.constant.read_more') !!}
                                </a>
                            @endif
                            </div>
                        </div>
                    </div>
                </div>
                @if(!empty($themeComponentConstantList["image_url"]))
                    <div class="col-lg-7 wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
                        <div class="dlab-post-media dlab-img-effect zoom">
                            <img src="{{$themeComponentConstantList["image_url"]}}"
                                 alt="{!! $themeComponentConstantList["title"] !!}" class="img-cover">
                        </div>
                    </div>
                @endif
            @endif


        </div>
    </div>
@endif