
{% load i18n %}
<div id="side-gallery">
    <!-- gallery toolbar -->
  <div class="navbar navbar-dark bg-secondary">
    <div class="btn-toolbar">
      <div class="btn-group">
        <button class="btn btn-info start-page" alt="{% trans "Go to first image of this part" %}" title="{% trans "Go to first image of this part" %}">
          ⇤
        </button>
        <button class="btn btn-info previous-page" title="{% trans "Previous" %}">
          ⯇
        </button>
      </div>
      <div class="input-group">
        <input type="text" size="1" maxlength="3" value="0" class="page-number form-control" />
        <div class="input-group-append">
          <div class="input-group-text" id="imagesCount">/0</div>
        </div>
      </div>
      <div class="btn-group">
        <button class="btn btn-info next-page" title="{% trans "Next" %}">
          ⯈
        </button>
      </div>
      <div class="btn-group ml-2">
        <button class="btn btn-info zoom-in">＋</button>
        <button class="btn btn-info zoom-out">&mdash;</button>
      </div>

    </div>
    <div class="nav-item dropdown">
      <a class="nav-link dropdown-toggle text-info" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">⚙</a>
      <div class="dropdown-menu dropdown-menu-right">
        <a class="dropdown-item ctrl-gallery-setstart" href="#" title="Ustawia początek galerii tego utworu na bieżącej stronie">Ustaw początek</a>
        <a class="dropdown-item ctrl-gallery-choose" href="#" title="Wybiera inną galerię" data-toggle='modal' data-target='#gallery-chooser'>Wybierz galerię</a>
        <a class="dropdown-item ctrl-gallery-edit" href="#">Edytuj galerię</a>
        <a class="dropdown-item ctrl-gallery-refresh" href="#" title="Ponownie ładuje galerię">Odśwież galerię</a>
      </div>
    </div>
  </div>
    <div class="error_message alert alert-danger ml-4 mr-4 mt-4">
    </div>
    <div class="gallery-image">
        <img src="{{MEDIA_URL}}images/empty.png" alt="no image" />
    </div>
</div>
