{% extends 'admin/admin_base_new.html.twig' %}
{% import "admin/Macros/Buttons/_button.html.twig" as button %}

{% set page_title = "Ürün Varyant Ekle" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}{% endblock %}

{% block breadcrumb %}
    {{ include('admin/Common/_breadcrumb.html.twig', {
        title: page_title,
        indexPath: path('admin_variant_index'),
        paths: [
            {title: 'Varyantlar', path: path('admin_variant_index')},
            {title: page_title}
        ]
    }) }}
    {% block page_buttons %}
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            <a href="{{ path('admin_variant_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 action="{{ path('admin_variant_new') }}" method="post" class="form-validate" >
                {% include "admin/Main/Product/Variant/_form.html.twig" %}
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts  %}
{#    <script src="{{ asset('assets/admin/app-assets/vendors/js/forms/repeater/jquery.repeater.js') }}"></script>#}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/forms/repeater/custom-repeater.js') }}"></script>
    <script>
        $().ready(function () {
            /**
             *   Repeater
             */
            customRepeater('.variant-repeater div[data-repeater-list]');

            $('.variant-repeater').on('click', '[data-repeater-create]', function () {
                setTimeout(function () {
                    $('.variant-repeater div[data-repeater-item]').each(function () {
                        if (!$(this).hasClass('card')) {
                            $(this).addClass('card p-4 mb-5');
                        }
                    });
                }, 50); // Küçük bir gecikme, elementin DOM'a eklenmesini beklemek için
            });
            // $('.variant-repeater, .repeater-default').repeater({
            //     show: function () {
            //         $(this).slideDown();
            //         // Feather Icons
            //         nameChange();
            //     },
            //     hide: function (deleteElement) {
            //         if (confirm('Are you sure you want to delete this element?')) {
            //             $(this).slideUp(deleteElement);
            //         }
            //     },
            //
            //     isFirstItemUndeletable: true,
            //
            // });
        });
    </script>
{% endblock %}