@php

    use App\Library\AdminLibrary as AdminLibrary;
    use \App\Models\Theme\ThemeComponentConstant as ThemeComponentConstant;
    $selectLangList=[];

     foreach($form["languages"] as $slanguage){
         $selectLangList[$slanguage["id"]]=$slanguage["title"];
     }

     $themeComponentConstants=AdminLibrary::themeComponentConstant($themeComponentRelational["theme_id"],$themeComponentRelational["id"]);

     $imagePositions=ThemeComponentConstant::$imagePositions;
     $positions=ThemeComponentConstant::$positions;

@endphp


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <h4 class="card-title">
                        {{trans("admin/themes.components.component_detail.constant.title")}}

                    </h4>
                    {{ html()->form()->method('POST')->action(route('admin.themes.components.constant.action', ['theme_id' => $themeComponentRelational["theme_id"],"theme_component_rel_id"=>$themeComponentRelational["id"]]))->class("form modulForm")->id("constantModulForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}

                    <ul class="nav nav-tabs nav-topline">
                        @foreach($form["languages"] as $language)
                            <li class="nav-item">
                                <a class="nav-link @if($language["default"]) active @endif"
                                   id="tab-{{$language["id"]}}" data-toggle="tab"
                                   aria-controls="tab-{{$language["id"]}}"
                                   href="#tabPane{{$language["id"]}}"
                                   aria-expanded="true">{{$language["title"]}}</a>
                            </li>
                        @endforeach
                    </ul>
                    <div
                        class="tab-content tab-validate px-1 pt-1 border-grey border-lighten-2 border-0-top">
                        @foreach($form["languages"] as $lang)
                            @php
                                $langID=$lang["id"];
                                $langCode=$lang["code"];
                                $title=null;
                                $description=null;
                                $image=null;
                                $link=null;
                                $position=null;
                                $imagePosition="left";
                                $linkTitle=null;
                                if(array_key_exists($langCode,$themeComponentConstants)){
                                    $title=$themeComponentConstants[$langCode]["title"];
                                    $description=$themeComponentConstants[$langCode]["description"];
                                    $image=$themeComponentConstants[$langCode]["image_url"];
                                    $link=$themeComponentConstants[$langCode]["link"];
                                    $imagePosition=$themeComponentConstants[$langCode]["image_position"];
                                    $position=$themeComponentConstants[$langCode]["position"];
                                    $linkTitle=$themeComponentConstants[$langCode]["link_title"];
                                }
                            @endphp
                            <div role="tabpanel" class="tab-pane @if($lang["default"]) active @endif"
                                 id="tabPane{{$lang["id"]}}" aria-expanded="true"
                                 aria-labelledby="base-tabPane{{$lang["id"]}}">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group mb-0">
                                                {{html()->label()->for("lang")->html(trans("admin/contents.form.lang")) }}
                                                {{html()->span()->id("lang-".$langID)->html($lang["title"])->style(['font-size'=>'12px','margin'=>' 5px 0','font-weight'=>'bold']) }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group ">
                                                {{html()->label()->for("title-".$langCode)->text(trans("admin/themes.components.component_detail.constant.form.title")) }}
                                                {{html()->input()->name("language[".$langCode."][title]")->value($title)->id("title-".$langCode)->class("form-control title")}}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group editor-container">
                                                {{html()->label()->for("description")->text(trans("admin/themes.components.component_detail.constant.form.description")) }}
                                                {{html()->textarea()->name("language[".$langCode."][description]")->value($description)->id("description")->class("form-control editor")}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group ">
                                                {{html()->label()->for("image-".$langCode)->text(trans("admin/themes.components.component_detail.constant.form.image")) }}
                                                {{html()->file()->name("language[".$langCode."][image]")->id("image-".$langCode)->class("form-control image")}}
                                                @if(!empty($image))
                                                    <a href="{{$image}}">
                                                        <img src="{{$image}}" style="max-height: 100px;margin:5px 0" alt="{{$title}}">
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group ">
                                                {{html()->label()->for("link-".$langCode)->text(trans("admin/themes.components.component_detail.constant.form.link")) }}
                                                {{html()->input()->name("language[".$langCode."][link]")->value($link)->id("link-".$langCode)->class("form-control link")}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group ">
                                                {{html()->label()->for("link_title-".$langCode)->text(trans("admin/themes.components.component_detail.constant.form.link_title")) }}
                                                {{html()->input()->name("language[".$langCode."][link_title]")->value($linkTitle)->id("link-".$langCode)->class("form-control link_title")}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group ">
                                                {{html()->label()->for("image_position-".$langCode)->text(trans("admin/themes.components.component_detail.constant.form.image_position")) }}
                                                {{html()->select()->options($imagePositions)->name("language[".$langCode."][image_position]")->value($imagePosition)->id("image_position-".$langCode)->class("form-control image_position")}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group ">
                                                {{html()->label()->for("position-".$langCode)->text(trans("admin/themes.components.component_detail.constant.form.position")) }}
                                                {{html()->select()->options($positions)->name("language[".$langCode."][position]")->value($position)->id("position-".$langCode)->class("form-control image_position")}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group text-center" style="border: none">
                                        {{ html()->button()->type("submit")->class("btn btn-info btn-sm")->id("btnAction")->html(trans("admin/themes.components.component_detail.constant.form.btn_action")) }}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    {{ html()->form()->close() }}
                </div>
            </div>
        </div>
    </div>
</div>