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

{% set productLang = getProductLang({'product':product}) %}
{% set productLangs = getProductLangs({'product':product}) %}
{% set productVariant =  getProductVariant({'product':product}) %}
{% set productPricing = getProductPricing({'product':product,'productVariant':productVariant})  %}
{% set productImages = product.productImages %}




{% set page_title = "Varyant Ekle" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}

    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/vendors/css/forms/wizard/bs-stepper.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/css/plugins/forms/form-wizard.css') }}">

{% endblock %}

{% block breadcrumb %}
    {% set fields = [
        {'name':'Ürünler','href':path('admin_product_index') },
        {'name':productLang.name|default,'href':path('admin_product_edit',{'id':product.id})},
        {'name':'Varyant Yönetimi','href':path('admin_product_variant_index',{'id':product.id})},
        {'name': page_title }]
    %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}
{% endblock %}




{% block body %}


 <div class="card">

     <div class="card-content">
         <div class="card-body">


             <form action="{{ path('admin_product_variant_new',{'id':product.id}) }}" method="post" enctype="multipart/form-data">
                 {% include "admin/Main/Product/ProductVariant/_form.html.twig" %}
             </form>


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


{% endblock %}

{% block javascripts  %}
    <script src="{{ asset('assets/admin/js/pages/price_calculate.js') }}"></script>
    <script>
        $().ready(function () {
            /**
             *  Page init scripts
             */
            Panel.priceFormat();
            Panel.textEditor();
            Price.init();


            {#var productId = {{ product.id|default }}#}
            {#$('.product-variant').on('change',function () {#}
            {#    var thisValue = $(this).val();#}
            {#    _kodpit.ajax({#}
            {#        url: Routing.generate("admin_product_variant_used_control", {id:productId }),#}
            {#        data: 'variant_value_id='+thisValue,#}
            {#        beforeSend: function () {#}
            {#            Panel.contentLoader_start();#}

            {#        },#}
            {#        success: function (data) {#}
            {#            Panel.contentLoader_close();#}

            {#        }#}
            {#    })#}
            {#});#}



        });
    </script>

{% endblock %}