@php
    use App\Library\AdminLibrary as AdminLibrary;

$selectLangList=[];

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

$categoryList=$themeComponentRelational["category_list"];
 $categoryListJsonDecode=json_decode($categoryList,true);



@endphp

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

<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.categories-content.title")}}

                    </h4>
                    <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"];

                                 $contentCategoriesListSelect=[];

                                 if($contentType==="content"){
                                      $contentCategoriesList=AdminLibrary::contentCategoriesList($langCode);
                                     foreach ($contentCategoriesList as $contentCategories){

                                         $contentCategoriesListSelect[]=["id"=>$contentCategories["id"],"title"=>$contentCategories["title"]];
                                     }
                                 }elseif($contentType==="product"){
                                      $productCategoriesList=AdminLibrary::productCategoriesList($langCode);

                                       foreach ($productCategoriesList as $productCategories){

                                         $contentCategoriesListSelect[]=["id"=>$productCategories["id"],"title"=>$productCategories["title"]];
                                     }
                                 }

                                $categoryListJsonDecodeList=[];

                                 $componentTitle=null;

                                 if(is_array($categoryListJsonDecode)){

                                    $categoryListJsonDecodeList=array_key_exists($langCode,$categoryListJsonDecode) ? array_key_exists('category',$categoryListJsonDecode[$langCode])? $categoryListJsonDecode[$langCode]["category"] : []: [];
                                    $componentTitle=array_key_exists($langCode,$categoryListJsonDecode) ? array_key_exists('title',$categoryListJsonDecode[$langCode])? $categoryListJsonDecode[$langCode]["title"] : null: null;
                                 }


                            @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/themes.components.component_detail.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.categories-content.form.title")) }}
                                                {{html()->input()->name("language[".$langCode."][title]")->value($componentTitle)->id("title-".$langCode)->class("form-control")}}
                                            </div>
                                            <div class="form-group ">
                                                {{html()->label()->for("category-".$langCode)->text(trans("admin/themes.components.component_detail.categories-content.form.category")) }}
                                                <select name="language[][category][]" multiple
                                                        id="category-{{$langCode}}"
                                                        class="form-control select2"
                                                        style="width: 100%"
                                                >
                                                    @foreach($contentCategoriesListSelect as $contentCategoriesList)
                                                        @php
                                                            $contentCategoryID=$contentCategoriesList["id"];

$filtered=[];
                                                         if(count($categoryListJsonDecodeList) > 0){
                                                            $filtered = collect($categoryListJsonDecodeList)->filter(function ($item) use ($contentCategoryID) {
        return $item == $contentCategoryID;
    })->toArray();
                                                            }

                                                        @endphp
                                                        <option @if(count($filtered) > 0) selected
                                                                @endif value="{{$contentCategoriesList["id"]}}">{{$contentCategoriesList["title"]}}</option>
                                                    @endforeach

                                                </select>

                                            </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.categories-content.form.btn_action")) }}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{ html()->form()->close() }}
<script>


</script>