<!-- extension -->
<div class="blocklist-item" ng-click="$ctrl.goToExtensionView()" ng-class="{ 'blocklist-item--disabled': !$ctrl.model.Available }">
  <div class="blocklist-item-box">
    <!-- extension-image -->
    <span ng-if="$ctrl.model.Logo" style="width: 75px; text-align: center;">
      <!-- <img class="blocklist-item-logo" ng-src="{{ $ctrl.model.Logo }}" /> -->
      <i class="{{ $ctrl.model.Logo }} fa fa-4x blue-icon" aria-hidden="true"></i>
    </span>
    <span class="blocklist-item-logo" ng-if="!$ctrl.model.Logo">
      <i class="fa fa-bolt fa-4x blue-icon" style="margin-left: 14px;" aria-hidden="true"></i>
    </span>
    <!-- !extension-image -->
    <!-- extension-details -->
    <span class="col-sm-12">
      <!-- blocklist-item-line1 -->
      <div class="blocklist-item-line">
        <span>
          <span class="blocklist-item-title">
            {{ $ctrl.model.Name }}
          </span>
        </span>
        <span>
          <span class="label label-primary" ng-if="!$ctrl.model.Enabled && !$ctrl.model.Available">coming soon</span>
          <span class="label label-warning" ng-if="!$ctrl.model.Enabled && $ctrl.model.Deal && !$ctrl.model.License.Expiration">deal</span>
          <span class="label label-danger" ng-if="!$ctrl.model.Enabled && $ctrl.model.License.Expiration && !$ctrl.model.License.Valid">expired</span>
          <span class="label label-success" ng-if="$ctrl.model.Enabled && $ctrl.model.License.Valid">enabled</span>
          <span class="label label-primary" ng-if="$ctrl.model.Enabled && $ctrl.model.License.Valid && $ctrl.model.UpdateAvailable">update available</span>
        </span>
      </div>
      <!-- !blocklist-item-line1 -->
      <!-- blocklist-item-line2 -->
      <div class="blocklist-item-line">
        <span>
          <span class="blocklist-item-desc">
            {{ $ctrl.model.ShortDescription }}
          </span>
        </span>
        <span ng-if="$ctrl.model.License.Company">
          <span class="small text-muted">Licensed to {{ $ctrl.model.License.Company }} - Expires on {{ $ctrl.model.License.Expiration }}</span>
        </span>
      </div>
      <!-- !blocklist-item-line2 -->
    </span>
    <!-- !extension-details -->
  </div>
  <!-- !extension -->
</div>
