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

{% set page_title = "Rabattcode" %}
{% 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" type="text/css" href="{{ asset('assets/admin/app-assets/css/style.bundle.css') }}">
{% endblock %}

{% block breadcrumb %}
    {# {% set fields = [  { 'name': page_title }] %}
     {% include 'admin/Common/_breadcrumb.html.twig' %}#}
{% endblock %}
{% block page_buttons %}
    {{ button.button_new({
        'text':'Rabattcode hinzufügen',
        'href':'javascript:',
        'class':'my-1 btn-success',
        'attr':'data-ajax-modal data-href='~path('admin_rabattCode_new')~''
    }) }}

{% endblock %}
{% block body %}
    <div class="card mt-5">
        <div class="card-content">
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-1 text-muted text-center">Position</div>
                    <div class="col-3 text-muted">Titel</div>
                    <div class="col-1 text-muted">Anzahl</div>
                    <div class="col-1 text-muted">Einheit</div>
                    <div class="col-1 text-muted">Untere Grenze</div>
                    <div class="col-1 text-muted">Obere Grenze</div>
                    <div class="col-1 text-muted">Type</div>
                    <div class="col-1 text-muted">Lage</div>
                    <div class="col-2 text-muted text-center">Transaktionen</div>
                </div>
                {% for code in rabattCodes %}
                    <div class="row align-items-center">
                        <div class="col-1 text-center fw-bolder">{{ loop.index }}</div>
                        <div class="col-3">{{ code.title }}</div>
                        <div class="col-1">{{ code.anzahl }}</div>
                        <div class="col-1">{{ code.einheit }}</div>
                        <div class="col-1">{{ code.untereGrenze }}</div>
                        <div class="col-1">{{ code.obereGrenze }}</div>
                        <div class="col-1">
                            {% if code.type == 0 %}
                                <span class="badge bg-dark">%</span>
                            {% else %}
                                <span class="badge bg-dark">Geld</span>
                            {% endif %}
                        </div>
                        <div class="col-1">
                            {% if code.isEnabled == 1 %}
                                <span class="badge bg-success">Aktiv</span>
                            {% else %}
                                <span class="badge bg-danger">Passiv</span>
                            {% endif %}
                        </div>
                        <div class="col-2 text-center">
                            <a data-ajax-modal
                               data-href="{{ path('admin_rabattCode_edit',{'id':code.id}) }}"
                               href="javascript:"
                               class="ajax-modal"
                               title="Düzenle">
                                <i class="feather icon-edit fs-22px text-warning"></i>
                            </a>
                            <a onclick="Panel.globalConfirm(event)"
                               href="{{ path('admin_rabattCode_delete',{'id':code.id}) }}"
                               type="button"
                               class="ml-2">
                                <i class="feather icon-trash fs-22px text-danger"></i>
                            </a>
                        </div>
                    </div>
                    <hr>
                {% endfor %}
            </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 %}