{% extends 'system_base.html.twig' %}
{% block title %}Tedavi{% endblock %}

{% block body %}
    <div
            id="treatments-page"
            data-hide-url="{{ path('app_hide_branch_treatments_ajax', {code: 'PLACEHOLDER'}) }}"
            data-sirala-sayfa-url="{{ path('app_tedavi_sirala') }}"
            data-sirala-kategori-url="{{ path('app_tedavi_kategori_sirala') }}"
    >
        <div class="card shadow-sm mb-10">
            <div class="card-header">
                <h3 class="card-title">Sayfa</h3>
                <div class="card-toolbar me-auto">
                    <div class="w-2px h-20px ms-5 bg-primary"></div>
                    <ul class="nav">
                        {% for dil in diller|filter(e => e.Enabled == 1) %}
                            <li class="nav-item">
                                <a class="nav-link text-uppercase text-muted text-active-primary {% if loop.index == 1 %}active{% endif %}" data-bs-toggle="tab" href="#tab_haber_dil_{{ loop.index }}">{{ dil.kisaBaslik }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
                <div class="card-toolbar">
                    <div class="btn-group">

                        <a href="{{ path('app_tedavi_page_show') }}" class="btn btn-sm btn-icon btn-light-success" rel="tooltip" title="Göster">
                            <i class="fa fa-eye"></i>
                        </a>
                        <a href="{{ path('app_page_edit') }}" class="btn btn-sm btn-icon btn-light-warning" rel="tooltip" title="Düzenle">
                            <i class="fa fa-pen"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="tab-content">
                    {% for dil in diller|filter(e => e.Enabled == 1) %}
                        <div class="tab-pane fade {% if loop.index == 1 %}show active{% endif %}" id="tab_haber_dil_{{ loop.index }}">
                            <div class="row mb-10 fs-5">
                                <div class="col-md-3 text-muted">Title</div>
                                <div class="col-md-9">{{ dil.tedaviPageDil.title|default }}</div>
                            </div>
                            <div class="row mb-10 fs-5">
                                <div class="col-md-3 text-muted">Description</div>
                                <div class="col-md-9">{{ dil.tedaviPageDil.description|default }}</div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <div class="card shadow-sm mb-10">
            <div class="card-header">
                <h3 class="card-title">Tedaviler</h3>
                <div class="card-toolbar">
                    <div class="btn-group">
                        <a href="{{ path('app_tedavi_new') }}" class="btn btn-sm btn-icon btn-light-success" rel="tooltip"
                           title="Yeni Ekle">
                            <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div
                        id="api-manager"
                        data-api-url="{{ path('api_treatment_toggle_check', {'tedaviId': 'TID_PLACEHOLDER', 'checkId': 'CID_PLACEHOLDER'}) }}"
                >
                    <table id="treatmentsDataTable" class="table table-rounded table-striped border gy-7 gs-7">
                        <thead>
                        <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                            <th class="w-1px"></th>
                            <th>Başlık</th>
                            <th>Kategoriler</th>
                            <th>Hangi sosyal platformlarda paylaşıldı?</th>
                            <th>Şubeler</th>
                            <th class="text-end">İşlemler</th>
                        </tr>
                        </thead>
                        <tbody id="sayfa_tbody" class="draggable-zone">
                        {% for tedavi in tedaviler %}
                            {% set tedaviDil = tedavi.diller|filter(d => d.dil.kisaBaslik == 'tr')|first %}
                            <tr id="recordsArray_{{ tedavi.code }}">
                                <td>{{ include('system/default/sirala_icon.html.twig') }}</td>
                                <td>{{ tedaviDil.menuBaslik }}</td>
                                <td>
                                    <div class="d-flex flex-column row-gap-4">
                                        {% for category in tedavi.kategoriler %}
                                            {% set categoryLangTitle = category.diller|first.baslik %}
                                            <span>
                                            {{ categoryLangTitle|default }}
                                        </span>
                                        {% endfor %}
                                    </div>
                                </td>

                                <td>
                                    {% for generalCheck in allChecks %}

                                        {% set relation = tedavi.checkRelations ? tedavi.checkRelations
                                            | filter(r => r.treatmentDetailCheck == generalCheck)
                                            | first : null %}

    {#                                     3. Aktiflik durumuna göre stil ve içerik belirle#}
                                        {% set isActive = relation and relation.isActive %}
                                        {% set iconClass = isActive ? 'fa-check-circle text-success' : 'fa-times-circle text-danger' %}
                                        {% set iconTitle = isActive ? 'Paylaşıldı!' : 'Paylaşılmadı!' %}
                                        {% set bgColor = isActive ? '#c9f7f5' : 'white' %}

                                        <span class="d-flex align-items-center mb-1" style="height: calc(1.5em + 1.3rem + 2px)">
    {#                                         İKON VE BAŞLIK#}
                                            {% if generalCheck.image is not null %}
                                                <div class="w-25px h-25px me-2">
                                                    <img src="{{ asset('uploads/ayarlar/treatment-detail-check/' ~ generalCheck.image|default) }}"
                                                         class="w-100 h-100"
                                                         alt="{{ generalCheck.title|default }}">
                                                </div>
                                            {% else %}
    {#                                             Resim yoksa yer tutucu ikon#}
                                                <i class="fa fa-info-circle me-2 text-primary"></i>
                                            {% endif %}

                                            <span class="fw-bold me-auto">{{ generalCheck.title|default }}</span>

    {#                                         AKTİF/PASİF GÖSTERGESİ#}
                                            <button
                                                type="button"
                                                class="toggle-check-btn ms-auto rounded-pill border-0"
                                                style="background-color: {{ bgColor }};"
                                                data-tedavi-id="{{ tedavi.id }}"
                                                data-check-id="{{ generalCheck.id }}"
                                                data-is-active="{{ isActive ? 'true' : 'false' }}"
                                            >
                                                <i class="fa {{ iconClass }}"></i>
                                                <span class="status-text" id="resultUpdateEl">{{ iconTitle }}</span>
                                            </button>
                                        </span>
                                    {% endfor %}
                                </td>
                                <td class="">
                                    <div class="d-flex flex-column row-gap-4">
                                            <span class="d-flex align-items-center" style="height: calc(1.5em + 1.3rem + 2px)">
                                                Ana Şube
                                            </span>
                                        {% for treatment in tedavi.attachedTreatments %}
                                            {% if treatment.branch is not null and treatment.branch.del == 0 %}
                                                <span class="mt-4 d-flex align-items-center" style="height: calc(1.5em + 1.3rem + 2px)">
                                                    {{ treatment.branch.city|default }} Şube
                                                </span>
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                </td>
                                <td>
                                    <div class="text-end d-flex flex-column">
                                        <div class="btn-group">
                                            <a data-branch-code="{{ tedavi.code }}"
                                               class="subeHideButton btn btn-sm btn-icon btn-dark {{ tedavi.hidden == true ? 'hiddened' : '' }}" rel="tooltip" title="Gizle">
                                                {{ tedavi.hidden == true ? '<i class="fa fa-eye-slash"></i>' : '<i class="fa fa-eye"></i>' }}
                                            </a>
                                            <a href="{{ path('app_tedavi_show', {'code':tedavi.code}) }}"
                                               class="btn btn-sm btn-icon btn-light-success" rel="tooltip" title="Göster"><i
                                                        class="fa fa-eye"></i></a>
                                            <a href="{{ path('app_tedavi_edit', {'code':tedavi.code}) }}"
                                               class="btn btn-sm btn-icon btn-light-warning" rel="tooltip" title="Düzenle"><i
                                                        class="fa fa-pen"></i></a>
                                            <a href="{{ path('app_tedavi_delete', {'code':tedavi.code}) }}"
                                               class="btn btn-sm btn-icon btn-light-danger" rel="tooltip" title="Sil"
                                               onclick="Project.sweetalert.confirm(event);"><i class="fa fa-trash"></i></a>
                                        </div>
                                        {% for treatment in tedavi.attachedTreatments %}
                                            {% if treatment.branch is not null and treatment.branch.del == 0 %}
                                                <div class="btn-group mt-4">
                                                    <a data-branch-code="{{ treatment.code }}"
                                                       class="subeHideButton btn btn-sm btn-icon btn-dark {{ treatment.hidden == true ? 'hiddened' : '' }}" rel="tooltip" title="Gizle">
                                                        {{ treatment.hidden == true ? '<i class="fa fa-eye-slash"></i>' : '<i class="fa fa-eye"></i>' }}
                                                    </a>
                                                    <a href="{{ path('app_tedavi_show', {'code':treatment.code}) }}"
                                                       class="btn btn-sm btn-icon btn-light-success" rel="tooltip" title="Göster"><i
                                                                class="fa fa-eye"></i></a>
                                                    <a href="{{ path('app_tedavi_edit', {'code':treatment.code}) }}"
                                                       class="btn btn-sm btn-icon btn-light-warning" rel="tooltip" title="Düzenle"><i
                                                                class="fa fa-pen"></i></a>
                                                    <a href="{{ path('app_tedavi_delete', {'code':treatment.code}) }}"
                                                       class="btn btn-sm btn-icon btn-light-danger" rel="tooltip" title="Sil"
                                                       onclick="Project.sweetalert.confirm(event);"><i class="fa fa-trash"></i></a>
                                                </div>
                                            {% endif %}
                                        {% endfor %}
                                    </div>

                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="5">
                                    {{ include('system/default/kayit_bulunamadi.html.twig') }}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card shadow-sm mb-10">
            <div class="card-header">
                <h3 class="card-title">Kategoriler</h3>
                <div class="card-toolbar">
                    <div class="btn-group">
                        <a href="{{ path('app_tedavi_kategori_new') }}" class="btn btn-sm btn-icon btn-light-success"
                           rel="tooltip" title="Yeni Ekle">
                            <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <table id="categorysDataTable" class="table table-rounded table-striped border gy-7 gs-7">
                    <thead>
                    <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                        <th class="w-1px"></th>
                        <th>Başlık</th>
                        <th>Kategori</th>
                        <th class="text-end">İşlemler</th>
                    </tr>
                    </thead>
                    <tbody id="kategori_tbody" class="draggable-zone">
                    {% for kategori in kategoriler %}
                        {% set kategoriDil = kategori.diller|filter(d => d.dil.kisaBaslik == 'tr')|first %}
                        <tr id="recordsArray_{{ kategori.code }}">
                            <td>{{ include('system/default/sirala_icon.html.twig') }}</td>
                            <td>{{ kategori.diller|first.baslik }}</td>
                            {% if kategoriDil.kategori.kategori %}
                                <td>{{ kategoriDil.kategori.kategori.diller|first.baslik }}</td>
                            {% else %}
                                <td class="text-muted">Ana Kategori</td>
                            {% endif %}
                            <td class="text-end">
                                <div class="btn-group">
                                    <a href="{{ path('app_tedavi_kategori_show', {'code':kategori.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-success" rel="tooltip" title="Göster"><i
                                                class="fa fa-eye"></i></a>
                                    <a href="{{ path('app_tedavi_kategori_edit', {'code':kategori.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-warning" rel="tooltip" title="Düzenle"><i
                                                class="fa fa-pen"></i></a>
                                    <a href="{{ path('app_tedavi_kategori_delete', {'code':kategori.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-danger" rel="tooltip" title="Sil"
                                       onclick="Project.sweetalert.confirm(event);"><i class="fa fa-trash"></i></a>
                                </div>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5">
                                {{ include('system/default/kayit_bulunamadi.html.twig') }}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card shadow-sm mb-10">
            <div class="card-header">
                <h3 class="card-title">İşlemler</h3>
                <div class="card-toolbar">
                    <div class="btn-group">
                        <a href="{{ path('app_tedavi_genel_islem_new') }}" class="btn btn-sm btn-icon btn-light-success"
                           rel="tooltip" title="Yeni Ekle">
                            <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <table class="table table-rounded table-striped border gy-7 gs-7">
                    <thead>
                    <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                        <th class="w-1px"></th>
                        <th class="w-1px">Video</th>
                        <th>Resim</th>
                        <th>Başlık</th>
                        <th class="text-end">İşlemler</th>
                    </tr>
                    </thead>
                    <tbody id="kategori_tbody" class="draggable-zone">
                    {% for islem in genelIslemler %}
                        {% set islemDil = islem.diller|filter(d => d.dil.kisaBaslik == 'tr')|first %}
                        {% set filePath = asset('uploads/tedavi/islem/video/' ~ islem.video) %}
                        <tr id="recordsArray_{{ islem.code }}">
                            <td>{{ include('system/default/sirala_icon.html.twig') }}</td>
                            <td>
                                <a class="d-inline-block overlay" data-fslightbox="lightbox-basic" href="{{ filePath }}">
                                    <video width="150" preload="metadata" class="align-middle">
                                        <source src="{{ filePath }}#t=0.1" type="video/mp4">
                                    </video>
                                    <div class="overlay-layer card-rounded bg-dark bg-opacity-25 shadow">
                                        <i class="bi bi-eye-fill text-white fs-3x"></i>
                                    </div>
                                </a>
                            </td>
                            <td class="align-middle"><img loading="lazy" src="{{ asset('uploads/tedavi/islem/image/'~islem.image) }}" class="mw-125px" alt=""></td>
                            <td>{{ islemDil.baslik }}</td>
                            <td class="text-end">
                                <div class="btn-group">
                                    <a href="{{ path('app_tedavi_genel_islem_edit', {'code': islem.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-warning" rel="tooltip" title="Düzenle">
                                        <i class="fa fa-pen"></i>
                                    </a>
                                    <a href="{{ path('app_tedavi_genel_islem_delete', {'code': islem.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-danger" rel="tooltip" title="Sil"
                                       onclick="Project.sweetalert.confirm(event);">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5">
                                {{ include('system/default/kayit_bulunamadi.html.twig') }}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card shadow-sm">
            <div class="card-header">
                <h3 class="card-title">Özetler</h3>
                <div class="card-toolbar">
                    <div class="btn-group">
                        <a href="{{ path('app_tedavi_genel_ozet_new') }}" class="btn btn-sm btn-icon btn-light-success"
                           rel="tooltip" title="Yeni Ekle">
                            <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <table class="table table-rounded table-striped border gy-7 gs-7">
                    <thead>
                    <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                        <th class="w-1px"></th>
                        <th>Icon</th>
                        <th>Başlık</th>
                        <th>Varsayılan</th>
                        <th class="text-end">İşlemler</th>
                    </tr>
                    </thead>
                    <tbody id="kategori_tbody" class="draggable-zone">
                    {% for ozet in genelOzetler %}
                        {% set ozetDil = ozet.diller|filter(d => d.dil.kisaBaslik == 'tr')|first %}
                        <tr id="recordsArray_{{ ozet.code }}">
                            <td>{{ include('system/default/sirala_icon.html.twig') }}</td>
                            <td><img loading="lazy" width="25" src="{{ asset('uploads/tedavi/ozet/icon/'~ozet.icon) }}" alt=""></td>
                            <td>{{ ozetDil.baslik }}</td>
                            <td>{{ ozetDil.value }}</td>
                            <td class="text-end">
                                <div class="btn-group">
                                    <a href="{{ path('app_tedavi_genel_ozet_edit', {'code': ozet.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-warning" rel="tooltip" title="Düzenle">
                                        <i class="fa fa-pen"></i>
                                    </a>
                                    <a href="{{ path('app_tedavi_genel_ozet_delete', {'code': ozet.code}) }}"
                                       class="btn btn-sm btn-icon btn-light-danger" rel="tooltip" title="Sil"
                                       onclick="Project.sweetalert.confirm(event);">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5">
                                {{ include('system/default/kayit_bulunamadi.html.twig') }}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        {{ component('system:Modal', {
            uniqueName: 'Islem',
            labelName: 'İşlem',
        }) }}
    </div>
{% endblock %}

{% block js %}
    {{ encore_entry_script_tags('system/treatments') }}
{% endblock %}