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

{% set page_title = "Ürün Varyantları" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">

{% endblock %}

{% block breadcrumb %}
    {{ include('admin/Common/_breadcrumb.html.twig', {
        title: page_title,
        indexPath: path('admin_variant_index'),
        paths: [
            {title: page_title, path: path('admin_variant_index')}
        ]
    }) }}
    {% block page_buttons %}
        <div class="d-flex align-items-center gap-2 gap-lg-3">
            <a href="{{ path('admin_variant_new') }}" class="btn btn-sm fw-bold btn-primary">Varyant Ekle</a>
        </div>
    {% endblock %}
{% endblock %}

{% block body %}
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                <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">Varyant Adı</th>
                            <th width="120" class="truncate">Pozisyon</th>
                            <th width="120" class="truncate">Durum</th>
                            <th width="120" class="text-end">İşlem</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for k,variant in variants %}
                            {% set variantLangs  = getVariantLangs({'variant':variant}) %}
                            <tr>

                                <td class="truncate">
                                    <a href="#">{{ variantLangs['tr'].name|default }}</a>
                                </td>
                                <td>
                                    <span class="badge badge-light-primary">{{ variant.position|default }}</span>
                                </td>
                                <td>
                                    {% if variant.isEnabled %}
                                        <span class="badge badge-light-success">Aktif</span>
                                    {% else %}
                                        <span class="badge badge-light-danger">Pasif</span>
                                    {% endif %}
                                </td>

                                <td width="120" class="text-end">
                                    <a
                                            href="{{ path('admin_variant_edit',{'id':variant.id}) }}"
                                            class="btn btn-sm btn-icon btn-light-warning me-2"
                                            title="Düzenle"
                                    >
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <a href="{{ path('admin_variant_delete',{'id':variant.id}) }}" onclick="Panel.globalConfirm(event)" class="btn btn-sm btn-icon btn-light-danger"
                                       data-toggle="tooltip" title="Kaldır">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block head_javascripts  %}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    {% include 'admin/Common/_datatable_all_js.html.twig' %}
{% endblock %}