@extends('admin.layout.master')

@section('admin')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-12 col-12 mb-2">
                {{ Breadcrumbs::render('admin.general.contact_info.index') }}
            </div>

        </div>
        <div class="content-body">
            <section id="page-layout">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title"
                                    id="pageHeaderTitle">{{trans('admin/general.contact_info.title')}}</h4>

                            </div>
                            <div class="card-content collapse show">

                                <div class="card-body">
                                    {{ html()->form()->method('POST')->class("form modulForm")->id("modulForm")->autocomplete("off")->attribute('enctype','multipart/form-data')->open() }}

                                    <ul class="nav nav-tabs nav-top-border">
                                        @foreach($list as $lVal)
                                            <li class="nav-item">
                                                <a class="nav-link @if($lVal["lang_default"]) active @endif"
                                                   id="base-language-{{$lVal["lang_code"]}}-{{$lVal["lang_id"]}}"
                                                   data-toggle="tab"
                                                   aria-controls="tab11"
                                                   href="#language-{{$lVal["lang_code"]}}-{{$lVal["lang_id"]}}"
                                                   aria-expanded="true">{{$lVal["lang_title"]}}</a>
                                            </li>
                                        @endforeach

                                    </ul>
                                    <div class="form-body">
                                        <div class="tab-content px-1 pt-1">

                                            @foreach($list as $lang)
                                                <div role="tabpanel"
                                                     class="tab-pane @if($lang["lang_default"]) active @endif"
                                                     id="language-{{$lang["lang_code"]}}-{{$lang["lang_id"]}}"
                                                     aria-expanded="true"
                                                     aria-labelledby="base-language-{{$lang["lang_code"]}}-{{$lang["lang_id"]}}">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                {{html()->label()->for("lang_title")->html(trans("admin/general.contact_info.form.lang_title")) }}
                                                                :
                                                                {{html()->span()->id("lang_title")->text($lang["lang_title"])->style(['font-size'=>'12px'])}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        @php
                                                            $contactInfoID=$lang["contact_info"]["id"];

                                                            $langCode=$lang["lang_code"];
                                                            $contactInfoVal=$lang["contact_info"]["contact_info"];
                                                            $contactMapVal=$lang["contact_info"]["map"];
                                                            $footerContact=$lang["contact_info"]["footer_contact"];
                                                            $headerContact=$lang["contact_info"]["header_contact"];
                                                        @endphp
                                                        <div class="col-md-12">
                                                            <div class="form-group">

                                                                {{html()->label()->for("contact_info_".$contactInfoID."_".$langCode)->html(trans('admin/general.contact_info.form.map')) }}


                                                                {{html()
->textarea()
->name("contact_info[".$langCode."][map]")
->value($contactMapVal)
->id("contact_info_".$contactInfoID."_".$langCode)
->style(['max-width'=>'100%','max-height'=>'150px','min-height'=>'150px'])
->class("form-control editor")}}


                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">

                                                                {{html()->label()->for("contact_info_".$contactInfoID."_".$langCode)->html(trans('admin/general.contact_info.form.contact_info')) }}


                                                                {{html()
->textarea()
->name("contact_info[".$langCode."][contact_info]")
->value($contactInfoVal)
->id("contact_info_".$contactInfoID."_".$langCode)
->style(['max-width'=>'100%','max-height'=>'150px','min-height'=>'150px'])
->class("form-control editor")}}


                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">

                                                                {{html()->label()->for("contact_info_".$contactInfoID."_".$langCode)->html(trans('admin/general.contact_info.form.footer_contact')) }}


                                                                {{html()
->textarea()
->name("contact_info[".$langCode."][footer_contact]")
->value($footerContact)
->id("contact_info_".$contactInfoID."_".$langCode)
->style(['max-width'=>'100%','max-height'=>'150px','min-height'=>'150px'])
->class("form-control editor")}}


                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">

                                                                {{html()->label()->for("contact_info_".$contactInfoID."_".$langCode)->html(trans('admin/general.contact_info.form.header_contact')) }}


                                                                {{html()
->textarea()
->name("contact_info[".$langCode."][header_contact]")
->value($headerContact)
->id("contact_info_".$contactInfoID."_".$langCode)
->style(['max-width'=>'100%','max-height'=>'150px','min-height'=>'150px'])
->class("form-control editor")}}


                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            @endforeach

                                        </div>

                                    </div>

                                    <div class="form-actions text-center" style="border: none">
                                        {{ html()->button()->type("submit")->class("btn btn-info btn-sm")->id("btnAction")->html(trans("admin/general.contact_info.form.action")) }}
                                    </div>
                                    {{ html()->form()->close() }}
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection

@section('admin.javascript')
    <script>
        const $_SETTING_TRANS = {
            LOADING_MESSAGE: '