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

{% block body %}
    <div class="card card-flush shadow-sm bgi-position-y-center bgi-no-repeat mb-10" style="background-size: auto calc(100% + 10rem); background-position-x: 100%; background-image: url('{{ asset('assets/system/media/illustrations/sketchy-1/4.png') }}')">
        <div class="card-header pt-10">
            <div class="d-flex align-items-center">
                <div class="symbol symbol-circle me-5">
                    <div class="symbol-label bg-transparent text-primary border border-secondary border-dashed">
                        <span class="svg-icon svg-icon-2x svg-icon-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path opacity="0.3" d="M22.1 11.5V12.6C22.1 13.2 21.7 13.6 21.2 13.7L19.9 13.9C19.7 14.7 19.4 15.5 18.9 16.2L19.7 17.2999C20 17.6999 20 18.3999 19.6 18.7999L18.8 19.6C18.4 20 17.8 20 17.3 19.7L16.2 18.9C15.5 19.3 14.7 19.7 13.9 19.9L13.7 21.2C13.6 21.7 13.1 22.1 12.6 22.1H11.5C10.9 22.1 10.5 21.7 10.4 21.2L10.2 19.9C9.4 19.7 8.6 19.4 7.9 18.9L6.8 19.7C6.4 20 5.7 20 5.3 19.6L4.5 18.7999C4.1 18.3999 4.1 17.7999 4.4 17.2999L5.2 16.2C4.8 15.5 4.4 14.7 4.2 13.9L2.9 13.7C2.4 13.6 2 13.1 2 12.6V11.5C2 10.9 2.4 10.5 2.9 10.4L4.2 10.2C4.4 9.39995 4.7 8.60002 5.2 7.90002L4.4 6.79993C4.1 6.39993 4.1 5.69993 4.5 5.29993L5.3 4.5C5.7 4.1 6.3 4.10002 6.8 4.40002L7.9 5.19995C8.6 4.79995 9.4 4.39995 10.2 4.19995L10.4 2.90002C10.5 2.40002 11 2 11.5 2H12.6C13.2 2 13.6 2.40002 13.7 2.90002L13.9 4.19995C14.7 4.39995 15.5 4.69995 16.2 5.19995L17.3 4.40002C17.7 4.10002 18.4 4.1 18.8 4.5L19.6 5.29993C20 5.69993 20 6.29993 19.7 6.79993L18.9 7.90002C19.3 8.60002 19.7 9.39995 19.9 10.2L21.2 10.4C21.7 10.5 22.1 11 22.1 11.5ZM12.1 8.59998C10.2 8.59998 8.6 10.2 8.6 12.1C8.6 14 10.2 15.6 12.1 15.6C14 15.6 15.6 14 15.6 12.1C15.6 10.2 14 8.59998 12.1 8.59998Z" fill="black"/>
                                <path d="M17.1 12.1C17.1 14.9 14.9 17.1 12.1 17.1C9.30001 17.1 7.10001 14.9 7.10001 12.1C7.10001 9.29998 9.30001 7.09998 12.1 7.09998C14.9 7.09998 17.1 9.29998 17.1 12.1ZM12.1 10.1C11 10.1 10.1 11 10.1 12.1C10.1 13.2 11 14.1 12.1 14.1C13.2 14.1 14.1 13.2 14.1 12.1C14.1 11 13.2 10.1 12.1 10.1Z" fill="black"/>
                            </svg>
                        </span>
                    </div>
                </div>
                <div class="d-flex flex-column">
                    <h2 class="mb-3">Kvkk</h2>
                    <div class="text-muted">
                        {{ entities|length }} Kayıt Listelenmektedir.
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body pb-0">
        </div>
    </div>

    <div class="card shadow-sm">
        <div class="card-header">
            <h3 class="card-title">Sayfalar</h3>
            <div class="card-toolbar">
                <div class="btn-group">
                    <a href="{{ path('app_system_kvkk_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 style="width: 0"></th>
                    <th>Başlık</th>
                    <th>Title</th>
                    <th>Link</th>
                    <th class="text-end">İşlemler</th>
                </tr>
                </thead>
                <tbody id="sayfa_tbody">
                {% for entity in entities %}
                    <tr id="recordsArray_{{ entity.code }}">
                        <td>{{ include('system/default/sirala_icon.html.twig') }}</td>
                        <td>{{ entity.diller|first.baslik }}</td>
                        <td>{{ entity.diller|first.title }}</td>
                        <td>{{ entity.diller|first.link }}</td>
                        <td class="text-end">
                            <div class="btn-group">
                                {#<a href="{{ path('app_system_kvkk_bolum_index', {'code': entity.code}) }}" class="btn btn-sm btn-icon btn-light-dark" rel="tooltip" title="Bölümler"><i class="fa fa-list"></i></a>#}
                                <a href="{{ path('app_system_kvkk_show', {'code': entity.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_system_kvkk_edit', {'code': entity.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_system_kvkk_delete', {'code': entity.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 mt-10">
        <div class="card-header">
            <h3 class="card-title">KVKK Başvuruları</h3>
        </div>
        <div class="card-body overflow-auto">
            <table class="table table-rounded table-striped border gy-7 gs-7" style="width: max-content">
                <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">
                    <th>Başvuru Tarihi</th>
                    <th>Ad Soyad</th>
                    <th>TC Kimlik No</th>
                    <th>Telefon</th>
                    <th>E-Posta</th>
                    <th>Adres</th>
                    <th>Şirket İlişkisi</th>
                    <th>Şirket İlişkisi (Diğer)</th>
                    <th>KVKK Talebi</th>
                    <th>Bildirilme Yöntemi</th>
                    <th>Ad (Kişisel Veri Sahibi)</th>
                    <th>Soyad (Kişisel Veri Sahibi)</th>
                </tr>
                {% for form in kvkkForm %}
                    <tr>
                        <td>
                            <div class="fw-bolder text-gray-600">
                                <span class="fs-5">{{ form.basvuruTarihi|date('d-m-Y') }}</span>
                                <span class="fs-7 fst-italic">{{ form.basvuruTarihi|date('H:i') }}</span>
                            </div>
                        </td>
                        <td>{{ form.adSoyad }}</td>
                        <td>{{ form.kimlikNo }}</td>
                        <td>{{ form.telefonNo }}</td>
                        <td>{{ form.email }}</td>
                        <td>{{ form.adres }}</td>
                        <td>{% if form.sirketIliski == 1 %}Müşteri
                            {% elseif form.sirketIliski == 2 %}Çalışan
                            {% elseif form.sirketIliski == 3 %}Ziyaretçi
                            {% elseif form.sirketIliski == 4 %}Eski Çalışan
                            {% elseif form.sirketIliski == 5 %}İş Ortağı
                            {% elseif form.sirketIliski == 6 %}İş Başvurusu
                            {% else %}Diğer{% endif %}</td>
                        <td>{{ form.sirketIliskiDiger }}</td>
                        <td>{{ form.kvkkTalebi }}</td>
                        <td>{% if form.bildirilmeYontemi == 1 %}Adresime gönderilmesini istiyorum
                                {% elseif form.bildirilmeYontemi == 2 %}E-posta adresime gönderilmesini istiyorum
                                {% elseif form.bildirilmeYontemi == 3 %}Elden teslim almak istiyorum
                            {% endif %}</td>
                        <td>{{ form.kisiselVeriSahibiAd }}</td>
                        <td>{{ form.kisiselVeriSahibiSoyad }}</td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="12">
                            {{ include('system/default/kayit_bulunamadi.html.twig') }}
                        </td>
                    </tr>
                {% endfor %}
            </table>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script type="text/javascript">
        let dropzoneContainerIDBanner = 'kvkk_tbody';
        let dropzoneSiralaPathBanner = "{{ path('app_system_kvkk_sirala') }}";
        $(document).ready(function () {
            Project.sortable(dropzoneContainerIDBanner, dropzoneSiralaPathBanner);
        });
    </script>
{% endblock %}