{% for entity in entities %}
    <tr id="recordsArray_{{ entity.code }}">
        <td>{{ include('system/default/sirala_icon.html.twig') }}</td>
        <td>
            <a class="d-block overlay" data-fslightbox="lightbox-basic"
               href="{{ asset('uploads/sayfa/galeri/' ~ entity.resim) }}">
                <div class="overlay-wrapper bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-100px"
                     style="background-image:url('{{ asset('uploads/sayfa/galeri/' ~ entity.resim) }}')">
                </div>
                <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>
            <div class="input-group input-group-sm mb-3">
                <label for="galeriAlt" class="input-group-text">Alt</label>
                <input type="text" class="form-control" name="galeri_alt" id="galeriAlt" value="{{ entity.alt }}">
                <button type="button" class="border border-secondary btn btn-icon btn-light-dark" onclick="sayfa_galeri_alt(this)" data-code="{{ entity.code }}">
                    <i class="fa fa-check fs-3"></i>
                </button>
            </div>
            <div class="input-group input-group-sm mb-3">
                <label for="galeriBaslik" class="input-group-text">Başlık</label>
                <input type="text" class="form-control" name="galeri_baslik" id="galeriBaslik" value="{{ entity.baslik }}">
                <button type="button" class="border border-secondary btn btn-icon btn-light-dark" onclick="sayfa_galeri_alt(this)" data-code="{{ entity.code }}">
                    <i class="fa fa-check fs-3"></i>
                </button>
            </div>
            <div class="input-group input-group-sm mb-3">
                <label for="galeriBaslik2" class="input-group-text">Başlık 2</label>
                <input type="text" class="form-control" name="galeri_baslik2" id="galeriBaslik2" value="{{ entity.baslik2 }}">
                <button type="button" class="border border-secondary btn btn-icon btn-light-dark" onclick="sayfa_galeri_alt(this)" data-code="{{ entity.code }}">
                    <i class="fa fa-check fs-3"></i>
                </button>
            </div>
        </td>
        {% if entity.sayfa.id == 2 or entity.sayfa.id == 3 or entity.sayfa.id == 4 or entity.sayfa.id == 14 %}
        <td class="text-end">
            <button class="btn btn-sm btn-icon btn-light-dark" data-bs-toggle="modal"
                 data-bs-target="#galeriTxt_modal" rel="tooltip" title="Metni Göster">
                <i class="fa fa-eye"></i>
            </button>
        </td>
        {% endif %}
        <td class="text-end">{{ entity.createDate|date('d-m-Y H:i:s') }}</td>
        <td class="text-end">
            <div class="btn-group">
                <a href="#" class="btn btn-sm btn-icon btn-light-success js-open-cropper-modal" rel="tooltip" title="Crop" data-file-name="{{ asset('uploads/sayfa/galeri/' ~ entity.resim) }}" data-code="{{ entity.code }}"><i class="fa fa-crop"></i></a>
                <a href="{{ path('app_sayfa_delete_galeri', {'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">
            <div class="d-flex flex-column flex-center">
                <div class="fs-1 fw-bolder text-dark mb-4">Resim Bulunamadı</div>
                <div class="fs-6 mb-6">Yeni bir resim eklemelisiniz</div>
            </div>
        </td>
    </tr>
{% endfor %}