<div class="modal-header">
  <img ng-src="{{logoBlack.custom_asset_file_attributes.attachment_url}}" alt="{{logo.custom_asset_file_attributes.attachment}}" class="modal-logo"/>
  <h1 translate>{{ 'app.shared.cart.tags_mismatch' }}</h1>
</div>
<div class="modal-body">
  <p ng-show="isAuthorized(['admin', 'manager'])" translate translate-values="{USER: userName}">{{ 'app.shared.cart.confirm_book_slot_tags_mismatch' }}</p>
  <p ng-hide="isAuthorized(['admin', 'manager'])" translate>{{ 'app.shared.cart.unable_to_book_slot_tags_mismatch' }}</p>
  <h3 translate>{{ 'app.shared.cart.slot_tags' }}</h3>
  <ul class="list-unstyled" ng-show="slotTags.length > 0">
    <li ng-repeat="t in slotTags">
      <span class="label label-default">{{t.name}}</span>
    </li>
  </ul>
  <span ng-hide="slotTags.length > 0" translate>{{ 'app.shared.cart.no_tags' }}</span>
  <h3 translate>{{ 'app.shared.cart.user_tags' }}</h3>
  <ul class="list-unstyled">
    <li ng-repeat="t in userTags" ng-show="userTags.length > 0">
      <span class="label label-default">{{t.name}}</span>
    </li>
  </ul>
  <span ng-hide="userTags.length > 0" translate>{{ 'app.shared.cart.no_tags' }}</span>
</div>
<div class="modal-footer">
  <button ng-if="isAuthorized(['admin', 'manager'])" class="btn btn-info" ng-click="ok()" translate>{{ 'app.shared.buttons.confirm' }}</button>
  <button class="btn btn-default" ng-click="cancel()" translate>{{ 'app.shared.buttons.cancel' }}</button>
</div>
