{% extends 'admin/admin_base_new.html.twig' %}


{% set page_title = "İçerik Düzenle" %}

{% block metaTitle %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <style>
        .tox-target + .tox.tox-tinymce {
            margin-bottom: 1.25rem;
        }

        .dropzone-item.dz-error {
            background-color: var(--bs-danger-light);
        }

        .tox-target + .tox.tox-tinymce {
            margin-bottom: 1.25rem;
        }
    </style>
{% endblock %}

{% block breadcrumb %}
    {% set fields = [  {'name':'İçerikler','href':path('admin_page_index') },{ 'name': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}
{% endblock %}


{% block body %}
<div class="card">
    <div class="card-content">
        <div class="card-body">

            <form id="entityForm" action="{{ path('admin_page_edit',{'id':page.id}) }}" method="post" class="form-validate">
                {% include "admin/Main/Page/_form.html.twig" %}
            </form>

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


{% endblock %}


{% block javascripts  %}
{#    <script src="{{ asset('assets/theme/plugins/custom/tinymce/tinymce.bundle.js') }}"></script>#}
    <script>
        Promise.all([
            new Promise(resolve => {
                const script1 = document.createElement("script");
                script1.src = "{{ asset('assets/theme/plugins/custom/tinymce/tinymce.bundle.js') }}";
                script1.onload = resolve;
                document.body.appendChild(script1);
            })
        ]).then(() => {
            const options = {selector: ".tox-target", height : "375"};
            if (KTThemeMode.getMode() === "dark") {
                options["skin"] = "oxide-dark";
                options["content_css"] = "dark";
            }
            tinymce.init(options);
        })
    </script>

{% endblock %}