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

{% set page_title = "Taksit Seçenekleri" %}
{% 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') }}">#}
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{% endblock %}

{% block breadcrumb %}
    {% set fields = [  { 'name': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}
    {% block page_buttons %}
        <a href="{{ path('admin_credit_card_new') }}" class="btn btn-sm fw-bold btn-primary">Yeni Ekle</a>
    {% 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 width="20" class="truncate">ID</th>#}
                            <th width="200" class="truncate">Banka - Kart</th>
                            <th width="150" class="truncate">Kart Resmi</th>
                            <th width="50" class="truncate">Tek Çekim</th>
                            <th width="50" class="truncate">2 Taksit</th>
                            <th width="50" class="truncate">3 Taksit</th>
                            <th width="50" class="truncate">6 Taksit</th>
                            <th width="50" class="truncate">9 Taksit</th>
                            <th width="50" class="truncate">12 Taksit</th>
                            <th width="150">Son Düzenleme Tarihi</th>
                            <th width="120" class="text-end">İşlemler</th>

                        </tr>
                        </thead>
                        <tbody data-sortable>

                        {% for k,card in cards %}
                            <tr id="listItem_{{ card.id }}" >
{#                                <td class="truncate">#}
{#                                    <b>{{ card.id|default }}</b>#}
{#                                </td>#}
                                <td class="truncate">
                                    <b>{{ card.title|default }}</b>
                                </td>
                                {% if card.resim|default %}
                                {% set dir = getCardImgDir(card) %}
                                <td class="truncate">
                                    <img width="100px" src="{{ asset(dir~'/'~card.resim) }}" alt="">
                                </td>
                                {% endif %}
                                <td class="truncate">
                                    <b>{{ card.taksit1|default }}</b>
                                </td>
                                <td class="truncate">
                                    <b>{{ card.taksit2|default }}</b>
                                </td>
                                <td class="truncate">
                                    <b>{{ card.taksit3|default }}</b>
                                </td>
                                <td class="truncate">
                                    <b>{{ card.taksit6|default }}</b>
                                </td>
                                <td class="truncate">
                                    <b>{{ card.taksit9|default }}</b>
                                </td>
                                <td class="truncate">
                                    <b>{{ card.taksit12|default }}</b>
                                </td>
                                <td class="truncate">
                                    <b>{{ card.updatedAt|date("d.m.Y") }}</b>
                                </td>
                                <td class="text-end">
                                    <a
                                            href="{{ path('admin_credit_card_edit',{'id':card.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_credit_card_delete',{'id':card.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 %}

{% block javascripts %}


<script src="{{ asset('assets/admin/js/jquery-ui.min.js') }}"></script>

{#<script>#}
{#    $().ready(function () {#}

{#        $( "[data-sortable]" ).each(function () {#}
{#            $(this).sortable({#}
{#                // handle : '.btn-handle',#}
{#                update: function (event, ui) {#}
{#                    var data = $(this).sortable('serialize');#}

{#                    $.ajax({#}
{#                        url: "{{ path('admin_customer_package_sortable') }}",#}
{#                        type: 'POST',#}
{#                        data: data,#}
{#                        success: function (response) {#}
{#                            if(response.statu == 'success'){#}
{#                                _kodpit.toast.success("Başarılı", response.message);#}
{#                            }else{#}
{#                                _kodpit.toast.error("Hata", response.message);#}
{#                            }#}
{#                        }#}

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

{#    });#}
{#</script>#}

{% endblock %}