+ {% if book.has_mp3_file %}
+ <div class="c-media__popup" data-popup="audiobook">
+ <div class="c-media__popup__box">
+ <div class="c-media__popup__box__lead">
+ <h2>Pobieranie audiobooka</h2>
+ <p>Wybierz wersję dla siebie:</p>
+ </div>
+ <div class="c-media__popup__box__items">
+ <div class="c-media__popup__box__item">
+ <div>
+ <h3>.mp3</h3>
+ <p>Uniwersalny format, obsługiwany przez wszystkie urządzenia.</p>
+ </div>
+ <div>
+ <a href="{% url 'download_zip_mp3' book.slug %}" class="l-button l-button--media l-button--media--full">.mp3</a>
+ </div>
+ </div>
+ {% if book.has_ogg_file %}
+ <div class="c-media__popup__box__item">
+ <div>
+ <h3>OggVorbis</h3>
+ <p>Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.</p>
+ </div>
+ <div>
+ <a href="{% url 'download_zip_ogg' book.slug %}" class="l-button l-button--media l-button--media--full">.ogg</a>
+ </div>
+ </div>
+ {% endif %}
+ {% if book.has_daisy_file %}
+ <div class="c-media__popup__box__item">
+ <div>
+ <h3>DAISY</h3>
+ <p>Format dla osób z dysfunkcjami czytania.</p>
+ </div>
+ <div>
+ {% for dsy in book.media_daisy %}
+ <a href="{{ dsy.file.url }}" class="l-button l-button--media l-button--media--full">DAISY</a>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% if book.has_synchro_file %}
+ <div class="c-media__popup__box__item">
+ <div>
+ <h3>synchrobook</h3>
+ <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.</p>
+ </div>
+ <div>
+ <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
+ </div>
+ </div>
+ {% endif %}
+ </div>
+ <button class="c-media__popup__close">
+ <img src="{% static '2022/images/close.svg' %}" alt="Zamknij">
+ </button>
+ </div>
+ </div>
+ {% endif %}
+ </div>