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

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('styles/hotel/first_level/realization.scss') }}">
    <link rel="stylesheet" href="{{ asset('styles/hotel/modal.scss') }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ importmap('realization') }}
    {{ importmap('modal') }}
{% endblock %}

{% block navbar_title %}{{ 'hotel.realization.title'|trans }}{% endblock %}

{% block navbar_backdoor %}
{% endblock %}

{% block content %}
    <div class="hotel-realization">
        <div class="realization-content">
            <div class="journal-block">
                <img src="{{ asset('images/hotel/JOURNAL.png') }}" alt="" data-modal="journal-modal"
                     data-modal-content-id="journal-modal-content">
            </div>
            <div class="realization-gif">
                <img src="{{ asset('images/hotel/floor1/realization/realization.gif') }}" alt="">
            </div>
            <div class="door-block" style="display: none;">
                <img src="{{ asset('images/hotel/floor1/realization/floor1-2-trans-door-3.jpg') }}" alt="" data-tooltip="{{ 'hotel.realization.tmpmessage'|trans }}">
            </div>
        </div>
    </div>
{% endblock %}

{% block modal %}
    <div id="journal-modal-content" style="display: none;">
        <div class="modal-title">{{ 'hotel.realization.journal_title'|trans }}</div>
        <div>
            {{ 'hotel.realization.journal_text'|trans|raw }}
        </div>
    </div>
{% endblock %}