{% extends 'base.html.twig' %}

{% block title %}
    {{ 'lang.myUploads'|trans }}
{% endblock %}

{% block body %}
    <div class="table-container upload-index-table upload-container h-100">
        <div class="table-section transparent">
            <div class="row">
                <div class="col mb-2">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="home-tab" data-bs-toggle="tab"
                                    data-bs-target="#home-tab-pane" type="button" role="tab"
                                    aria-controls="home-tab-pane"
                                    aria-selected="true">{{ 'lang.myUploads'|trans }}</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="profile-tab" data-bs-toggle="tab"
                                    data-bs-target="#profile-tab-pane" type="button" role="tab"
                                    aria-controls="profile-tab-pane"
                                    aria-selected="false">{{ 'lang.downloads'|trans }}</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-content h-100" id="myTabContent">
                <div class="tab-pane fade show active h-100" id="home-tab-pane" role="tabpanel"
                     aria-labelledby="home-tab"
                     tabindex="0">
                    <div class="row h-100">
                        <div class="col h-100">
                            <div class="table-responsive h-100">
                                <table class="table table-striped table-bordered h-100" id="uploadTable">
                                    <thead class="d-none">
                                    <tr>
                                        <th>{{ 'lang.id'|trans }}</th>
                                    </tr>
                                    </thead>

                                    <tbody>
                                    {% for shared_file in shared_files_guest %}
                                        {% set files = shared_file.files|unserializeData %}

                                        {% set hasAllFiles = files|downloadHasAllFiles %}
                                        <tr>
                                            <td>
                                                <div class="d-none">{{ shared_file.id }}</div>
                                                <a style="display: block"
                                                   href="{{ path('app_guest_upload_edit', {id: shared_file.id }) }}">
                                                    <div class="upload-edit-action upload-section display-flex-between border p-4"
                                                         data-id="{{ shared_file.id }}">
                                                        <div>
                                                            <h3>
                                                                {% if shared_file.title %}
                                                                    {{ shared_file.title }}
                                                                {% elseif shared_file.message %}
                                                                    {{ shared_file.message }}
                                                                {% elseif shared_file.id %}
                                                                    {{ shared_file.id }}
                                                                {% endif %}

                                                            </h3>
                                                            <div class="d-flex">
                                                                <div class="p-small">
                                                                    {{ modified_email }}
                                                                    •
                                                                    {{ files | length }}
                                                                    {% if files | length == 1 %}
                                                                        {{ 'lang.file' | trans }}
                                                                    {% else %}
                                                                        {{ 'lang.files' | trans }}
                                                                    {% endif %}
                                                                    •
                                                                    {{ shared_file.regDataTime|date('Y-m-d H:i') }}
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                                             xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M7.5 4.16659L13.3333 9.99992L7.5 15.8333"
                                                                  stroke="currentColor"
                                                                  stroke-width="2" stroke-linecap="round"
                                                                  stroke-linejoin="round"/>
                                                        </svg>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade h-100" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab"
                     tabindex="0">

                    <div class="row h-100">
                        <div class="col h-100">
                            <div class="table-responsive h-100">
                                <table class="table table-striped table-bordered h-100" id="downloadTable">
                                    <thead class="d-none">
                                    <tr>
                                        <th>
                                            {{ 'lang.data'|trans }}
                                        </th>
                                    </tr>

                                    </thead>

                                    <tbody>

                                    {% for downloaded_file in downloaded_files %}
                                        <tr>
                                            <td>
                                                <span class="d-none">
                                                   {{ downloaded_file.file.id }}
                                                </span>
                                                <a class="d-flex"
                                                   href="{{ path('app_guest_upload_download', {id: downloaded_file.file.getId()}) }}">
                                                    <div class="upload-download-action upload-section display-flex-between border p-4">
                                                        <div>
                                                            <h3>
                                                                {{ downloaded_file.title }}
                                                            </h3>
                                                            <div class="d-flex">
                                                                <div class="p-small">
                                                                    {{ downloaded_file.originalName }}
                                                                    •
                                                                    {{ downloaded_file.data }}
                                                                </div>
                                                            </div>
                                                        </div>


                                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                                             xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M7.5 4.16659L13.3333 9.99992L7.5 15.8333"
                                                                  stroke="currentColor"
                                                                  stroke-width="2" stroke-linecap="round"
                                                                  stroke-linejoin="round"/>
                                                        </svg>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
{% endblock %}

    {% block javascripts %}
        {{ encore_entry_script_tags('log_guest') }}
    {% endblock %}