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

{% block body %}
    <div class="card">
        <form id="formOzet" method="post" enctype="multipart/form-data">
            <div class="card-header">
                <h3 class="card-title">Özet ekle</h3>
            </div>
            <div class="card-body">
                <div class="card shadow-sm mb-5">
                    <div class="card-body">
                        <div class="row" style="--bs-gutter-y:2rem;">
                            <div class="col-md-6 mb-3">
                                <label for="ozetTedavi" class="form-label required">Tedavi</label>
                                <select name="tedavi" class="form-select" id="ozetTedavi" required disabled>
                                    <option value="">Devre dışı</option>
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="ozetIslem" class="form-label">İşlem</label>
                                <select name="islem" class="form-select" id="ozetIslem" disabled>
                                    <option value="">Devre dışı</option>
                                </select>
                            </div>
                            <div class="col-md-6 ">

                                <label for="ozetIcon" class="form-label required">Icon</label>
                                <div class="d-flex"><input type="file" name="icon" class="form-control mb-5"
                                                           id="ozetIcon" value="{{ entity.icon|default }}">
                                    <div class="w-45px h-45px ms-5">
                                        <img loading="lazy" class="w-100" src="{{ asset('uploads/tedavi/ozet/icon/' ~ entity.icon|default) }}">
                                    </div>
                                </div></div>
                        </div>
                        <p class="d-none mb-0 text-success" id="ozetDosyaUyari">
                            <i class="fa fa-info-circle align-middle text-reset fs-4"></i>
                            Dosya seçmezseniz burada bir değişiklik yapılmaz
                        </p>
                    </div>
                </div>
                <div class="card shadow-sm mb-5">
                    <div class="card-header">
                        <h3 class="card-title">Diller</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_ozet_dil_{{ loop.index }}">{{ dil.kisaBaslik }}</a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="tab-content">
                            {% for dil in entity.diller %}
                                <div class="tab-pane fade {% if loop.index == 1 %}show active{% endif %}"
                                     id="tab_ozet_dil_{{ loop.index }}" data-dil="{{ dil.dil.kisaBaslik }}">
                                    <label for="ozetDilBaslik-{{ dil.dil.kisaBaslik }}"
                                           class="form-label required">Başlık</label>
                                    <div class="input-group">
                                        <input type="text" data-field="baslik"
                                               name="diller[{{ dil.dil.kisaBaslik }}][baslik][]"
                                               class="form-control mb-5" id="ozetDilBaslik-{{ dil.dil.kisaBaslik }}"
                                               value="{{ dil.baslik[0]|default }}">
                                        <input type="text" data-field="baslik"
                                               name="diller[{{ dil.dil.kisaBaslik }}][baslik][]"
                                               class="form-control mb-5" id="ozetDilBaslik-{{ dil.dil.kisaBaslik }}"
                                               value="{{ dil.baslik[1]|default }}">
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-between py-5">
                <a href="{{ path('app_tedavi_page_show') }}" class="btn btn-sm  py-4 btn-secondary" rel="tooltip"
                   title="Listeye Dön">
                    <i class="fa fa-chevron-left"></i> Geri
                </a>
                <button type="submit" class="btn btn-sm btn-success py-4" onclick="formValidation(this.closest('form'))">
                    <i class="fa fa-check"></i> Kaydet
                </button>
            </div>
        </form>
    </div>

{% endblock %}

{% block js %}
    <script src="{{ asset('assets/system/plugins/custom/formrepeater/formrepeater.bundle.js') }}"></script>

{% endblock %}