{% extends "base.html" %}

{% block meta %}
<meta name="description" content="Порода по фото - поделиться результатом" />
{% endblock %}
{% block title %}Результат определение породы по фото{% endblock %}
{% block content %}
<h1>Мой результат определения породы по фото</h1>
{% endblock %}
{% block form %} 
<div>
<div id="upload-image">
    <div id="upload-image-text">Ваше изображение:</div>
    <img id="image" style="max-width: 200px;" src="/attachments{{ attachment.path }}.original.jpg">
  </div>
 <div id="result">
    <h3 class="image-results">Результаты</h3>
    {% for result in result.beerds %}   
      <div class="image-block"><div class="image-text">{{ result.name }} (вероятность: {{ result.probability }}%) <br><a href="{{ result.alias }}" target="_blank">Описание и фото</a></div>
       <div class="gallery-container">
          <div class="main-image-container">
            <img src="{{ result.images[0] }}" class="main-image"></div>
            <div class="thumbnails" style="display:none;">
            {% for image in result.images %}
                <img src="{{ image }}" class="thumbnail">
            {% endfor %}
        </div>
        </div>
      </div>
    {% endfor %}

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