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

{% set productLang = getProductLang({'product':product}) %}
{% set productLangs = getProductLangs({'product':product}) %}

{% set currencies = getCurrencies() %}

{% set page_title = "Varyant Yönetimi" %}
{% block title %}{{ page_title }}{% 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': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}

    {% block page_buttons %}
        <a href="{{ path('admin_product_variant_new', {'id':product.id}) }}" class="btn btn-sm fw-bold btn-primary">Varyant Ekle</a>
{#        {{ button.button_new({#}
{#            'text': 'Varyant Ekle',#}
{#            'href': path('admin_product_variant_new', {'id':product.id}),#}
{#        }) }}#}
    {% endblock %}
{% endblock %}


{% block stylesheets %}
    <link href="{{ asset('assets/theme/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
    <style>
        .form-check.form-check-solid .form-check-input:not(:checked) {
            background-color: var(--bs-gray-300);
        }
    </style>
{% endblock %}



{% block body %}
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="form-label">Ürün</label>
                        <h4>{{ productLang.name|default }}</h4>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-rounded table-row-bordered table-hover align-middle gs-3 dataTable no-footer">
                        <thead>
                        <tr>
                            <th class="truncate">Varyantlar</th>
                            <th width="80" class="truncate">Stok</th>
                            {% for currency in currencies %}
                                <th width="120" class="truncate">Fiyat ({{ currency.shortTitle }})</th>
                            {% endfor %}
                            <th width="80">İşlem</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for k,productVariant in productVariants %}
                            {% set productVariantValues = productVariant.productVariantValues %}
                            {% set productPrices = getProductPrices({'productVariant':productVariant}) %}
                            <tr>
                                <td class="truncate">
                                    {% if productVariantValues|length > 0 %}
                                        {% for productVariantValue in productVariantValues %}
                                            {% set variantValue = productVariantValue.variantValue %}
                                            {% set variantValueLang = getVariantValueLang({'variantValue':variantValue}) %}
                                            <code>{{ variantValueLang.value|default }}</code>
                                        {% endfor %}
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="badge bg-light-success">{{ productVariant.stock|default(0) }}</span>
                                </td>
                                {% for currency in currencies %}
                                    {% set productPricing =  productPrices[currency.shortTitle]|default %}
                                    <td><b>{{ money_format(productPricing.salesPrice|default("0")) }} TL</b></td>
                                {% endfor %}
                                <td width="120">
                                    <a href="{{ path('admin_product_variant_edit',{'id':productVariant.id}) }}"
                                       class="btn btn-icon btn-light-success" title="Düzenle">
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    <a href="{{ path('admin_product_variant_delete',{'id':productVariant.id}) }}"
                                       onclick="Panel.globalConfirm(event)" class="btn btn-icon btn-light-danger"
                                       data-toggle="tooltip" title="Kaldır">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/theme/plugins/custom/fslightbox/fslightbox.bundle.js') }}"></script>
    <script src="{{ asset('assets/theme/plugins/custom/datatables/datatables.bundle.js') }}"></script>
    <script src="{{ asset('bundles/datatables/js/datatables.js') }}"></script>

{% endblock %}