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

{% set page_title = "Müşteri Paketleri" %}
{% 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' %}
{% endblock %}


{% block page_buttons %}

    {{ button.button_new({
        'text':'Yeni Ekle',
        'href':path('admin_customer_package_new'),
        'class':'',
    }) }}

{% endblock %}

{% block body %}


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



                <div class="table-responsive">
                    <table class="table statik-datatable table-striped table-custom table-bordered">
                        <thead>
                        <tr>
                            <th class="truncate">Başlık</th>
                            <th width="80" class="truncate">Durum</th>
                            <th width="80" class="truncate">Renk</th>
                            <th width="80" class="truncate">İndirim Oranı</th>
                            <th width="80" class="truncate">Limit</th>
                            <th width="80">İşlem</th>
                        </tr>
                        </thead>
                        <tbody data-sortable>


                        {% for k,customerPackage in customerPackages %}
                            <tr id="listItem_{{ customerPackage.id }}" >


                                <td class="truncate">
                                    <b>{{ customerPackage.title|default }}</b>

                                </td>


                                <td>
                                    {% if customerPackage.isEnabled %}
                                        <span class="badge badge-success">Aktif</span>
                                    {% else %}
                                        <span class="badge badge-danger">Pasif</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <span class="badge badge-danger" style="background-color:{{ customerPackage.color|default }} !important; ">{{ customerPackage.color|default }}</span>
                                </td>
                                <td>
                                    <span class="badge badge-primary">% {{ customerPackage.discountRate }}</span>
                                </td>
                                <td>
                                    <span class="badge badge-primary">{{ money_format(customerPackage.amountLimit) }} TL</span>
                                </td>

                                <td width="120" class="text-truncate">
                                    <a
                                            href="{{ path('admin_customer_package_edit',{'id':customerPackage.id}) }}"
                                            class="btn btn-icon btn-primary "
                                            title="Düzenle"
                                    >
                                        <i class="feather icon-edit"></i>
                                    </a>

                                    <a href="{{ path('admin_customer_package_delete',{'id':customerPackage.id}) }}" onclick="Panel.globalConfirm(event)" class="btn btn-icon btn-danger"
                                       data-toggle="tooltip" title="Kaldır">
                                        <i class="fa fa-times"></i>
                                    </a>





                                </td>
                            </tr>
                        {% endfor %}

                        </tfoot>
                    </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 %}