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

{% set pageLang = getPageLang({'page':page|default}) %}
{% set page_title = "Bölüm Ekle" %}

{% 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 %}
    {{ include('admin/Common/_breadcrumb.html.twig', {
        title: page_title,
        indexPath: path('admin_page_index'),
        paths: [
            {title: 'Bölümler', path: path('admin_page_index')},
            {title: 'Bölüm Ekle'}
        ]
    }) }}
    {% block page_buttons %}
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            <a href="{{ path('admin_page_index') }}" class="btn btn-sm fw-bold btn-secondary">Listeye Dön</a>
        </div>
    {% endblock %}
{% endblock %}

{% block body %}
<div class="card">
    <div class="card-content">
        <div class="card-body">
            <form method="post" id="entityForm">
                {% 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>
        document.addEventListener('DOMContentLoaded', function () {
            const options = {selector: ".tox-target", height : "375"};
            if (KTThemeMode.getMode() === "dark") {
                options["skin"] = "oxide-dark";
                options["content_css"] = "dark";
            }
            tinymce.init(options);

            $("#entityForm")[0].onsubmit = (event) => Panel.formSubmit(event);

            function test() {
                alert("clicked");
            }
        });
    </script>
{% endblock %}