@extends('backend.layouts.app')

@section('title', request('meta_title'))

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    @include('backend.layouts.content-header', ['page' => request('meta_title')])

    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    @include('backend.components.notification')
                    <div class="card">
                        <form action="" method="POST" enctype="multipart/form-page">
                            @csrf
                            <div class="card-body">
                               
                                <div class="form-group row">
                                    @if(count($lang) > 1)
                                    <label for="content" class="col-sm-2 control-label col-form-label">{{ __('label.language') }}</label>
                                    @endif
                                    <div class="col-sm-10">
                                        @if(count($lang) > 1)
                                        <ul class="nav nav-tabs">
                                            @foreach($lang as $langKey => $langTitle)
                                            <li class="nav-item">
                                                <a class="nav-link {{ $loop->first ? 'active' : '' }}" data-toggle="tab" href="#tab_lang_{{ $langKey }}">
                                                    {{ $langTitle }}
                                                </a>
                                            </li>
                                            @endforeach
                                        </ul>
                                        <br>
                                        @endif

                                        <div class="tab-content">
                                            @foreach($lang as $langKey => $langTitle)
                                            <div id="tab_lang_{{ $langKey }}" class="tab-pane container p-0 {{ $loop->first ? 'active' : '' }}">
                                                <div class="form-group">
                                                    <label class="control-label">{{ __('label.title') }} {{ count($lang) > 1 ? "($langTitle)" : '' }}</label>
                                                    <input type="text" name="{{ $langKey }}[title]" class="form-control" value="{{ old("$langKey.title") ?? $page->translateOrNew($langKey)->title }}" />
                                                </div>

                                                <div class="form-group">
                                                    <label class="control-label">{{ __('label.content') }} {{ count($lang) > 1 ? "($langTitle)" : '' }}</label>
                                                    <textarea name="{{ $langKey }}[content]" rows="25" class="form-control my-editor">{{ old("$langKey.content") ?? $page->translateOrNew($langKey)->content }}</textarea>
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="card-body text-center">
                                @includeIf('backend.components.button.submit')
                                @includeIf('backend.components.button.cancel')
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection

@push('css')
<link rel="stylesheet" type="text/css" href="/backend/plugins/select2/css/select2.min.css">
@endpush

@push('js')
<script src="{{ asset('backend/plugins/tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
<script src="{{ asset('backend/dist/js/pages/form/tinymce/tinymce.js') }}"></script>
@endpush