@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',!empty($detail["bg_color"]) ? $detail["bg_color"] :'red');


    @endphp

<div class="section-full call-action"
     style="  {{$margin}};
        {{$bgColor}};
       {{$padding}}"
>
    <div class="@if($position==="container") container @endif ">
        <div class="row">
            <div class="col-lg-9 text-white">
                <h2 class="title">{!! $themeComponentConstantList["title"] !!}</h2>
                <p class="m-b0">{!! $themeComponentConstantList["description"] !!}</p>
            </div>
            <div class="col-lg-3 d-flex">
                @if(!empty($themeComponentConstantList["link"]))
                    <a href="{{$themeComponentConstantList["link"]}}"
                       title="{{ $themeComponentConstantList["title"]}}"
                       class="site-button white align-self-center outline ms-auto radius-xl outline-2 btnhover16 btnhover16">
{{$themeComponentConstantList["link_title"]}}
                    </a>
                @endif


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