@extends('superadmin::layouts.master')
@section('title', __('superadmin::internal_tools.login_page_promotion.title'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
    <link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
    <style>
        label{
            font-size: 2em;
        }
    </style>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('internal-tools.index')}}">@lang('superadmin::internal_tools.internal_tools')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('superadmin::internal_tools.login_page_promotion.title')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card p-2">
                <div class="card-header">
                    <h2>@lang('superadmin::internal_tools.login_page_promotion.title')</h2>
                    <p style="font-size: 14px;">
                        @lang('superadmin::internal_tools.login_page_promotion.description')
                    </p>
                </div>
                <div class="card-body">
                    <div class="card-block">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form action="{{ route('internal-tools.login-page-promotions.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label for="content_ar">@lang('superadmin::internal_tools.login_page_promotion.form.content_ar')</label>
                                <textarea name="content_ar" id="content_ar" class="form-control editor" rows="10">{{ $loginPromotionContent->content_ar ?? '' }}</textarea>
                            </div>
                            <br /><br />
                            <hr />
                            <br /><br />
                            <div class="form-group">
                                <label for="content_en">@lang('superadmin::internal_tools.login_page_promotion.form.content_en')</label>
                                <textarea name="content_en" id="content_en" class="form-control editor" rows="10">{{ $loginPromotionContent->content_en ?? '' }}</textarea>
                            </div>
                            <div class="form-actions text-xs-center">
                                <button type="submit" class="btnWidth btn btn-primary saveDraftBtn-color mb-1">
                                    <i class="fa fa-check-square-o"></i> @lang('superadmin::internal_tools.login_page_promotion.form.update')
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')
    <script src="{{ asset('superadmin/tinymce/tinymce.min.js') }}"></script>
    <script>
        tinymce.init({
            selector: 'textarea.editor',
            menubar: false,
            plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount help charmap quickbars emoticons accordion',
            toolbar: "addSeperator | removeSeperator | undo redo | accordion accordionremove | blocks fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | emoticons | code preview | ltr rtl | customButton",
            height: 1000,
            autosave_ask_before_unload: true,
            autosave_interval: '30s',
            autosave_prefix: '{path}{query}-{id}-',
            autosave_restore_when_empty: false,
            autosave_retention: '2m',
            image_advtab: true,
            language: '{{ app()->getLocale() }}',
            importcss_append: true,
            image_caption: true,
            quickbars_selection_toolbar: false,
            quickbars_insert_toolbar: false,
            noneditable_class: 'mceNonEditable',
            toolbar_mode: 'sliding',
            contextmenu: false,
            promotion: false,
            images_upload_handler: function(blobInfo) {
                return new Promise((resolve, reject) => {
                    var xhr, formData;
                    xhr = new XMLHttpRequest();
                    xhr.withCredentials = false;
                    xhr.open('POST', '{{ route("upload-image") }}');
                    xhr.onload = function() {
                        var json;

                        if (xhr.status != 200) {
                            reject('HTTP Error: ' + xhr.status);
                            return;
                        }

                        json = JSON.parse(xhr.responseText);

                        if (!json || typeof json.location != 'string') {
                            reject('Invalid JSON: ' + xhr.responseText);
                            return;
                        }

                        resolve(json.location);
                    };

                    xhr.onerror = function() {
                        reject('Network Error: Unable to upload the image');
                    };

                    formData = new FormData();
                    formData.append('file', blobInfo.blob(), blobInfo.filename());

                    xhr.send(formData);
                });
            }
        });
    </script>
@endsection