<div class="media_modal_bottom_panel_wrap" ng-show="!hideToolbars">
  <div class="media_modal_bottom_panel">
    <div class="media_modal_bottom_actions pull-right">
      <a class="media_modal_action_btn" ng-if="canDelete" ng-click="delete()" title="{{'media_modal_delete' | i18n}}">
        <i class="media_modal_action_btn_delete"></i>
      </a>
    </div>

    <div class="media_modal_bottom_actions pull-left">
      <a class="media_modal_action_btn" ng-if="canForward" ng-click="forward()"  title="{{'media_modal_forward' | i18n}}">
        <i class="media_modal_action_btn_forward"></i>
      </a>
    </div>

    <div class="media_modal_info_wrap" ng-if="photo.user_id > 0">
      <a class="media_modal_author" my-peer-link="photo.user_id" peer-watch="true"></a>
      <br/>
      <span class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></span>
    </div>

  </div>
</div>

<div class="media_modal_top_panel_wrap" ng-show="!hideToolbars">
  <div class="media_modal_top_panel">
    <div class="media_modal_top_actions pull-right">
      <a class="media_modal_action_btn" ng-click="download()" title="{{'media_modal_download' | i18n}}">
        <i class="media_modal_action_btn_download"></i>
      </a>
    </div>
    <div class="media_modal_top_actions pull-left">
      <a ng-click="$close()" class="navbar-quick-media-back">
        <i class="icon icon-back"></i>

        <div class="navbar-quick-back-title">
          <h4 class="media_modal_title_wrap" ng-switch="count > 1 &amp;&amp; pos > 0">
            <my-i18n ng-switch-when="true" msgid="media_modal_photo_index">
              <my-i18n-param name="pos" ng-bind="pos"></my-i18n-param>
              <my-i18n-param name="count" ng-bind="count"></my-i18n-param>
            </my-i18n>
            <my-i18n ng-switch-default msgid="media_modal_photo">
          </h4>
        </div>
      </a>
    </div>
  </div>
</div>

<div class="modal-dialog" ng-swipe-right="nav.prev()" ng-swipe-left="nav.next()" ng-click="hideToolbars = !hideToolbars">
  <div class="modal-content">
    <div my-modal-width="{{photo.full.modalWidth}}" class="media_modal_wrap photo_modal_wrap" my-vertical-position="0.5">

      <div class="modal-body">

        <div class="photo_modal_image_wrap" my-load-full-photo full-photo="photo.full" thumb-location="photo.thumb.location"></div>

      </div>

    </div>
  </div>
</div>