{{'@'}}extends('admin.layout.default')

{{'@'}}section('title', trans('admin.{{ $modelLangFormat }}.actions.edit', ['name' => ${{ $modelVariableName }}->{{$modelTitle}}]))

{{'@'}}section('body')

    <div class="container-xl">
@if(!$isUsedTwoColumnsLayout)
        <div class="card">
@endif

        @if($hasTranslatable)<{{ $modelJSName }}-form
            :action="'{{'{{'}} ${{ $modelVariableName }}->resource_url }}'"
            :data="{{'{{'}} ${{ $modelVariableName }}->toJsonAllLocales() }}"
            :locales="@{{ json_encode($locales) }}"
            :send-empty-locales="false"
@if($hasTypeText && $hasNameWysiwyg)
            :c-locale="'@{{ app()->getLocale() }}'"
@endif
@if($hasMedia)
            :nolang-media-collection-names="[{!! "'".implode("','", $mediaNames)."'" !!}]"
@endif
@if($hasTransMedia)
            :media-collection-names="[{!! "'".implode("','", $transMediaNames)."'" !!}]"
@endif
            v-cloak
            inline-template>
         @else<{{ $modelJSName }}-form
            :action="'{{'{{'}} ${{ $modelVariableName }}->resource_url }}'"
            :data="{{'{{'}} ${{ $modelVariableName }}->toJson() }}"
@if($hasTypeText && $hasNameWysiwyg)
            :c-locale="'@{{ app()->getLocale() }}'"
@endif
@if($hasMedia)
            :media-collection-names="[{!! "'".implode("','", $mediaNames)."'" !!}]"
@endif
@if($hasTransMedia)
            :nolang-media-collection-names="[{!! "'".implode("','", $transMediaNames)."'" !!}]"
@endif
            v-cloak
            inline-template>
         @endif

            <form class="form-horizontal form-edit" method="post" {{'@'}}submit.prevent="onSubmit" :action="action" novalidate>

@if($isUsedTwoColumnsLayout)
                <div class="row">
                    <div class="col">
                        <div class="card">
                            <div class="card-header">
                                <i class="fa fa-pencil"></i> {{'{{'}} trans('admin.{{ $modelLangFormat }}.actions.edit', ['name' => ${{ $modelVariableName }}->{{$modelTitle}}]) }}
                            </div>
                            <div class="card-body">
                                {{'@'}}include('admin.{{ $modelDotNotation }}.components.form-elements')
@if($hasTransMedia)

                                <hr :class="isFormLocalized ? 'col-md' : 'col-md-8'" style="box-sizing: border-box;">

@foreach($transMediaNames as $collectionName)
                                <!-- {{ $collectionName }} -->
                                <div class="row justify-content-around">
                                    {{'@'}}foreach($locales as $locale)
                                    <div v-show="shouldShowLangGroup('{{'{{'}} $locale }}')" v-cloak :class="isFormLocalized ? 'col-md' : 'col-md-8'">
                                        {{'@'}}include('admin.includes.media-uploader', [
                                            'mediaCollection' => app({{ $modelFullName }}::class)->getMediaCollection('{{ $collectionName }}'.$locale),
                                            'media' => ${{ $modelVariableName }}->getThumbs200ForCollection('{{ $collectionName }}'.$locale),
                                            'label' => '{{ $collectionName }} '.Str::upper($locale)
                                        ])
                                    </div>
                                    {{'@'}}endforeach
                                </div>

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

                    <div class="col-md-12 col-lg-12 col-xl-5 col-xxl-4">
                        {{'@'}}include('admin.{{ $modelDotNotation }}.components.form-elements-right', ['showHistory' => true])
@if($hasMedia)

@foreach($mediaNames as $collectionName)
                        <!-- {{ $collectionName }} -->
                        <div class="card">
                            {{'@'}}include('admin.includes.media-uploader', [
                                'mediaCollection' => app({{ $modelFullName }}::class)->getMediaCollection('{{ $collectionName }}'),
                                'media' => ${{ $modelVariableName }}->getThumbs200ForCollection('{{ $collectionName }}'),
                                'label' => '{{ $collectionName }}'
                            ])
                        </div>

@endforeach
@endif
                    </div>
                </div>
@else

                <div class="card-header">
                    <i class="fa fa-pencil"></i> {{'{{'}} trans('admin.{{ $modelLangFormat }}.actions.edit', ['name' => ${{ $modelVariableName }}->{{$modelTitle}}]) }}
                </div>

                <div class="card-body">
                    {{'@'}}include('admin.{{ $modelDotNotation }}.components.form-elements')
@if($hasTransMedia)

                    <hr :class="isFormLocalized ? 'col-md' : 'col-md-8'" style="box-sizing: border-box;">

@foreach($transMediaNames as $collectionName)
                    <!-- {{ $collectionName }} -->
                    <div class="row justify-content-around">
                        {{'@'}}foreach($locales as $locale)
                        <div v-show="shouldShowLangGroup('{{'{{'}} $locale }}')" v-cloak :class="isFormLocalized ? 'col-md' : 'col-md-8'">
                            {{'@'}}include('admin.includes.media-uploader', [
                                'mediaCollection' => app({{ $modelFullName }}::class)->getMediaCollection('{{ $collectionName }}'.$locale),
                                'media' => ${{ $modelVariableName }}->getThumbs200ForCollection('{{ $collectionName }}'.$locale),
                                'label' => '{{ $collectionName }} '.Str::upper($locale)
                            ])
                        </div>
                        {{'@'}}endforeach
                    </div>

@endforeach
@endif
@if($hasMedia)

                    <hr class="col-md" style="box-sizing: border-box;">

@foreach($mediaNames as $collectionName)
                    <!-- {{ $collectionName }} -->
                    <div class="row justify-content-around">
                        <div class="col-md">
                            {{'@'}}include('admin.includes.media-uploader', [
                                'mediaCollection' => app({{ $modelFullName }}::class)->getMediaCollection('{{ $collectionName }}'),
                                'media' => ${{ $modelVariableName }}->getThumbs200ForCollection('{{ $collectionName }}'),
                                'label' => '{{ $collectionName }}'
                            ])
                        </div>
                    </div>

@endforeach
@endif
                </div>
                    @endif

@if($isUsedTwoColumnsLayout)
                <button type="submit" class="btn btn-primary fixed-cta-button button-save" style="bottom: 40px;" :disabled="submiting">
                    <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-save'"></i>
                    @{{ trans('admin.btn.save') }}
                </button>
                <button type="submit" style="display: none; bottom: 40px;" class="btn btn-success fixed-cta-button button-saved" :disabled="submiting" :class="">
                    <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-check'"></i>
                    <span>@{{ trans('admin.btn.saved') }}</span>
                </button>
@else

                <div class="card-footer">
                    <button type="submit" class="btn btn-primary" :disabled="submiting">
                        <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-download'"></i>
                        @{{ trans('admin.btn.save') }}
                    </button>
                </div>
@endif

            </form>

        </{{ $modelJSName }}-form>

    @if(!$isUsedTwoColumnsLayout)
    </div>
    @endif
</div>

{{'@'}}endsection