@php
    use App\Library\AdminLibrary as AdminLibrary;

$selectLangList=[];


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

@endphp


<div class="modal fade text-left" id="contentInsertFormModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <label class="modal-title text-text-bold-600"
                       id="myModalLabel33">{{trans("admin/themes.components.component_detail.form.content.modal.title")}}</label>
                <button type="button" class="close sliderCloseBtn" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            {{ html()->form()->method('POST')->action(route('admin.themes.components.content.insert', ['theme_id' => $themeComponentRelational["theme_id"],"theme_component_rel_id"=>$themeComponentRelational["id"]]))->class("form modulForm")->id("contentModulForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}
            <div class="modal-body">
                {{html()->label("language")->for("formContentLang")->text(trans("admin/themes.components.component_detail.form.content.modal.form.language"))}}
                <div class="form-group">
                    {{html()->select()->name("lang_code")->required(true)->id("formContentLang")->options($selectLangList)->class("form-control")}}
                </div>

                {{html()->label("content")->for("contentSelect")->text(trans("admin/themes.components.component_detail.form.content.modal.form.content"))}}
                <div class="form-group">
                    {{html()->select()->name("content")->required(true)->style(['width'=>'100%'])->id("contentSelect")->class("form-control")}}
                </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.form.content.modal.form.btn_insert")) }}
                </div>
            </div>
            <div class="modal-footer">
                <input type="reset" class="btn btn-outline-secondary btn-sm contentCloseBtn" data-dismiss="modal"
                       value="  {{trans("admin/themes.components.component_detail.form.content.modal.btn_close")}}">
            </div>
            {{ html()->form()->close() }}
        </div>
    </div>
</div>

<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.form.content.title")}}
                        <a href="#" class="btn btn-sm btn-info pull-right" id="btnContentInsert">
                            {{trans(trans("admin/themes.components.component_detail.form.content.modal.content_insert_title"))}}
                        </a>
                    </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"];

                            @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="table-responsive">

                                               @php
                                                    $themeComponentContentList=AdminLibrary::themeComponentContentList($themeComponentRelational["theme_id"],$themeComponentRelational["id"],$themeComponentRelational["content_type"],$langCode);

                                                @endphp

                                                <div class="table-responsive">

                                                    <table class="table content-list-table" id="contentListTable">
                                                        <thead>
                                                        <tr>

                                                            <th>{{trans("admin/themes.components.component_detail.content.list.order")}}</th>
                                                            <th>{{trans("admin/themes.components.component_detail.content.list.title")}}</th>
                                                            <th>#</th>

                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($themeComponentContentList as $themeComponentContentKey=>$themeComponentContentListVal)
                                                            <tr class="@if($themeComponentContentKey%2===0) bg-light @endif" data-id="{{$themeComponentContentListVal["theme_component_id"]}}">
                                                                <td>
                                                                    <a class="btn btn-orange btn-sm contentBtnMove">
                                                                        <i class="fa fa-arrows"></i>
                                                                    </a>
                                                                </td>

                                                                <td>{{$themeComponentContentListVal["title"]}}</td>


                                                                <td>
                                                                    <a href="{{$themeComponentContentListVal["delete_url"]}}" class="btn btn-danger btn-sm btnComponentContentDelete">
                                                                        <i class="fa fa-trash"></i>
                                                                    </a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>

                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>