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

{% set page_title = "İçerikler" %}
{% block metaTitle %}{{ page_title }}{% endblock %}

{% block top_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_page_index'),
        paths: [
            {title: 'İçerikler', path: path('admin_page_index')}
        ]
    }) }}
    {% block page_buttons %}
       {# <div class="d-flex align-items-center gap-2 gap-lg-3">
            <a href="{{ path('admin_page_new') }}" class="btn btn-sm fw-bold btn-primary">İçerik 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>Başlık</th>
                            <th>Alias</th>
                            <th class="text-end">İşlemler</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for page in pages %}
                            {% set pageLang = getPageLang({'page':page}) %}
                            <tr>
                                <td>
                                    <b>
                                        {% if pageLang|default %}
                                            {{ pageLang.title|default }}
                                        {% else %}
                                            {{ page.alias|default }}
                                        {% endif %}
                                    </b>
                                </td>
                                <td>
                                    <span class="badge badge-light-primary">
                                    {{ page.alias|default }}
                                    </span>
                                </td>
                                <td class="text-end">
                                    <button type="button" class="btn btn-sm btn-icon btn-light-primary rotate" data-bs-toggle="tooltip" title="Bölümler" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-offset="15px, 15px">
                                        <i class="ki-duotone ki-abstract-26">
                                            <span class="path1"></span>
                                            <span class="path2"></span>
                                        </i>
                                    </button>
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-auto min-w-200 mw-300px" data-kt-menu="true">
                                        <div class="menu-item px-3">
                                            <div class="menu-content fs-6 text-start text-gray-900 fw-bold px-3 py-4">Bölümler</div>
                                        </div>
                                        <div class="separator mb-3 opacity-75"></div>
                                        {% for section in page.sections|filter(s => s.section == null) %}
                                            <div class="menu-item px-3">
                                                <a href="{{ path('admin_page_section', {'id': page.id, 'section': section.id}) }}" class="menu-link px-3">{{ section.alias }}</a>
                                            </div>
                                        {% endfor %}
                                        <div class="mb-3"></div>
                                    </div>
                                    <a href="{{ path('admin_page_edit',{'id':page.id}) }}"
                                       class="btn btn-sm btn-icon btn-light-warning ms-2"
                                       data-bs-toggle="tooltip" title="Düzenle">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}