@extends('cms.layouts.main')

@section('content')
@include('cms.layouts.headers.partials', ['title' => $page_info['title']])

<div class="container-fluid mt--7">
    <div class="card bg-secondary shadow">
        <div class="card-body">

            @include('cms.components.alert', ['with' => 'status', 'class' => 'success'])

            <form method="post" action="{{ route('admin.'.$page_info['link'].'.update', $row) }}" enctype="multipart/form-data" autocomplete="off">
                @csrf
                @method('put')

                <div class="row">
                    <div class="col-lg-4">
                        {{-- Text Top --}}
                        @include('cms.components.inputs.textarea', ['label' => 'Text Top', 'name' => 'text_top', 'quill' => true])

                        {{-- Video Link --}}
                        @include('cms.components.inputs.text', ['label' => 'Video Link', 'name' => 'video_link'])

                        {{-- Text Bottom --}}
                        @include('cms.components.inputs.textarea', ['label' => 'Text Bottom', 'name' => 'text_bottom', 'quill' => true])
                    </div>
                    <div class="col-lg-4">
                        {{-- Text Top AR --}}
                        @include('cms.components.inputs.textarea', ['label' => 'Text Top AR', 'name' => 'text_top_ar', 'value' => $row->getTranslation('text_top', 'ar'), 'quill' => true])

                        {{-- Video Link AR --}}
                        @include('cms.components.inputs.text', ['label' => 'Video Link AR', 'name' => 'video_link_ar', 'value' => $row->getTranslation('video_link', 'ar')])

                        {{-- Text Bottom AR --}}
                        @include('cms.components.inputs.textarea', ['label' => 'Text Bottom AR', 'name' => 'text_bottom_ar', 'value' => $row->getTranslation('text_bottom', 'ar'), 'quill' => true])
                    </div>
                    <div class="col-lg-4">
                        {{-- Text Top KU --}}
                        @include('cms.components.inputs.textarea', ['label' => 'Text Top KU', 'name' => 'text_top_ku', 'value' => $row->getTranslation('text_top', 'ku'), 'quill' => true])

                        {{-- Video Link KU --}}
                        @include('cms.components.inputs.text', ['label' => 'Video Link KU', 'name' => 'video_link_ku', 'value' => $row->getTranslation('video_link', 'ku')])

                        {{-- Text Bottom KU --}}
                        @include('cms.components.inputs.textarea', ['label' => 'Text Bottom KU', 'name' => 'text_bottom_ku', 'value' => $row->getTranslation('text_bottom', 'ku'), 'quill' => true])
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4">
                        {{-- Image --}}
                        @include('cms.components.inputs.image', ['label' => 'Image', 'asterix' => true, 'name' => 'image', 'text' => 'ratio: 0.54'])
                    </div>
                    <div class="col-lg-4">
                        {{-- Image AR --}}
                        @include('cms.components.inputs.image', ['label' => 'Image AR', 'asterix' => true, 'name' => 'image_ar', 'value' => $row->getTranslation('image', 'ar'), 'text' => 'ratio: 0.54'])
                    </div>
                    <div class="col-lg-4">
                        {{-- Image KU --}}
                        @include('cms.components.inputs.image', ['label' => 'Image KU', 'asterix' => true, 'name' => 'image_ku', 'value' => $row->getTranslation('image', 'ku'), 'text' => 'ratio: 0.54'])
                    </div>
                </div>

                <div class="text-center">
                    <button type="submit" class="btn btn-success mt-4">Save</button>
                </div>
            </form>
        </div>
    </div>

    @include('cms.layouts.footers.auth')
</div>
@endsection