{% extends 'cms/layout/index.html.twig' %}
{% block main %}
    <div class="page-breadcrumb">
        <div class="row">
            <div class="col-5 align-self-center">
                <h4 class="page-title">{{ 'Уралдаан дэлгэрэнгүй' | trans }}</h4>
            </div>
            <div class="col-7 align-self-center">
                <div class="d-flex align-items-center justify-content-end">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{ path('cms_home') }}">{{ 'Нүүр хуудас' | trans }}</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{ path('cms_contest_home') }}">{{ 'Уралдаан' | trans }}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ 'Уралдаан дэлгэрэнгүй' | trans }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped">
                        <div class="row">
                            <div class="col-md-6">
                                <p>Зураг</p>
                                {% if item.imageUrl %}
                                    <a href="{{ contest_image_asset(item, 'imageFile') }}" target="_blank">
                                        <img width="100%" src="{{ contest_image_asset(item, 'imageFile') }}" alt="{{ item.artName }}">
                                    </a>
                                {% endif %}
                            </div>
                            <div class="col-md-6">
                                {% if item.videoUrl %}
                                    <div class="row">
                                        <div class="col-md-6">
                                            <p>Бичлэг</p>
                                        </div>
                                        <div class="col-md-6">
                                            <a href="{{ vich_uploader_asset(item, 'videoFile') }}" target="_blank">
                                                Татах
                                            </a>
                                        </div>
                                    </div>
                                    <video width="100%" controls>
                                        <source src="{{ vich_uploader_asset(item, 'videoFile') }}" type="video/mp4">
                                        <source src="{{ vich_uploader_asset(item, 'videoFile') }}" type="video/ogg">
                                        Your browser does not support the video tag.
                                    </video>
                                {% endif %}
                            </div>
                        </div>
                        <tbody>
                        <tr>
                            <td style="width: 300px">Код</td>
                            <td>{{ item.code ?? '' }}</td>
                        </tr>
                        {% if is_granted('ROLE_SENSITIVE_INFO_SHOW') %}
                            <tr>
                                <td>Оролцогчийн овог</td>
                                <td>{{ item.lastname ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Оролцогчийн нэр</td>
                                <td>{{ item.firstname ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Бүтээлийн нэр</td>
                                <td>{{ item.artName ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Бүтээлийн тайлбар</td>
                                <td>{{ item.artDescription ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Төрсөн огноо</td>
                                <td>
                                    {% if item.birthDate is defined and item.birthDate %}
                                        {{ item.birthDate ? item.birthDate | date('Y-m-d') : ''}}
                                        {% set difference = date('now').diff(date(item.birthDate)) %}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <td>Одоогийн нас</td>
                                <td>
                                    <span class="badge badge-warning" style="font-size: 12px">{{ difference.format('%y') }}</span>
                                </td>
                            </tr>
                            <tr>
                                <td>Насны ангилал</td>
                                <td><span class="badge badge-info" style="font-size: 12px">{{ item.ageGroup ?? '' }}</span></td>
                            </tr>
                            <tr>
                                <td>Хүйс</td>
                                <td>{{ item.gender ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Бүртгэл үүсгэж буй хүний овог</td>
                                <td>{{ item.guardianLastname ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Бүртгэл үүсгэж буй хүний нэр</td>
                                <td>{{ item.guardianFirstname ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Бүртгэл үүсгэж буй хүн нь оролцогчтой ямар хамааралтай вэ?</td>
                                <td>{{ item.guardianRelation ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Яаралтай үед холбогдох утасны дугаар</td>
                                <td>{{ item.guardianPhone ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Улс</td>
                                <td>{{ item.addressCountry ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Хот</td>
                                <td>{{ item.addressCity ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Дүүрэг, сум</td>
                                <td>{{ item.addressDetail ?? '' }}</td>
                            </tr>
                            {# <tr>
                                <td>Шуудангийн хаяг</td>
                                <td>{{ item.postalAddress ?? '' }}</td>
                            </tr> #}
                            <tr>
                                <td>Холбоо барих дугаар</td>
                                <td>{{ item.contactPhone ?? '' }}</td>
                            </tr>
                            {# <tr>
                                <td>И-мэйл хаяг</td>
                                <td>{{ item.contactEmail ?? '' }}</td>
                            </tr> #}
                            <tr>
                                <td>Мэдээлэл авсан суваг</td>
                                <td>{{ item.receivedChannel ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Оролцогчийн сургууль/цэцэрлэг/</td>
                                <td>{{ item.schoolName ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Оролцогчийн гарын үсэг</td>
                                <td>{{ item.signature ?? '' }}</td>
                            </tr>
                        {% endif %}
                        <tr>
                            <td>Илгээсэн огноо</td>
                            <td>{{ item.createdAt ? item.createdAt | date('Y-m-d', 'Asia/Ulaanbaatar') : ''}}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}