<!-- Custom Tabs -->
<div class="col-md-4">
<div class="nav-tabs-custom main card application-card"
     id="{{ controller.id }}"
     name="{{ controller.name }}"
     state="{{ controller.state }}"
     appid="{{ controller.app_id }}">
    <div class="card-content application-card">
        <div id="confirm-delete" class="card-content-overlay delete-overlay block">
            <a href="#" class="btn btn-xs btn-default btn-flat card-close"><i class="fa fa-close"></i></a>
            <div class="application-card-title overlay-title">Are you sure?</div>
            <div class="center-text">
            <br/>
                <div class="application-item-box bg-green app-delete-confirm-action">
                    <div class="info-box-icon icon-small"><i class="fa fa-check"></i></div>
                    Yes
                </div>
                <div class="application-item-box bg-red app-delete-confirm-action">
                    <div class="info-box-icon icon-small"><i class="fa fa-times"></i></div>
                    No
                </div>
            </div>
        </div>
        <div class="card-content-overlay view-overlay block">
            <a href="#" class="btn btn-xs btn-default btn-flat card-close"><i class="fa fa-close"></i></a>
            <div class="application-card-title">View</div>
            <div class="center-text">
            <br/>
                {% if not controller.domain_urls %}
                  <a target="blank" href="http://{{controller.get_generic_domain}}">{{controller.get_generic_domain}}</a>
                {% endif %}
                {% for l in controller.domain_urls.split %}
                  <br><a target="blank" href="http://{{l}}">{{l}}</a>
                {% endfor %}
                {% for l in controller.additional_link.all %}
                  <br><a target="blank" href="{{l.link}}">{{l.name}}</a>
                {% endfor %}
            </div>
        </div>
        <div class="card-content-overlay blank-overlay block">
          <div class="application-card-title">&nbsp;</div>
        </div>

        {% block content-overlay %}
        <div class="card-content-overlay content-overlay block">
          <!-- Widget: user widget style 1 -->
          <div class="box box-widget widget-user">
            <!-- Add the bg color to the header using any of the bg-* classes -->
            <div class="widget-user-header {% if controller.marathon_instances %}bg-navy{% else %}bg-gray{% endif %}">
              <h3 class="widget-user-username">{{controller.name}}</h3>
              <div class="widget-user-desc">{{controller.description}}</div>
              <div class="widget-user-desc">
                {{controller.app_id }}
                <span class="label bg-{% if controller.state == 'done' %}green{% else %}orange{% endif %}">{{controller.state}}</span>
              </div>
            </div>
            <div class="box-footer">
                {% block controller_visit %}{% endblock %}
                <div class="row">
                <div class="col-description border-right">
                  <div class="description-block app-view-action">
                    <h5 class="description-header"><a class="text-green" href="#">View</a></h5>
                    <span class="description-text"></span>
                  </div>
                  <!-- /.description-block -->
                </div>
                {% if user.is_superuser or is_admin %}
                <div class="col-description border-right">
                  <div class="description-block">
                    {% block edit_action %}
                    <h5 class="description-header"><a href="{% url 'base:edit' controller.id %}">Edit</a></h5>
                    <span class="description-text"></span>
                    {% endblock %}
                  </div>
                  <!-- /.description-block -->
                </div>
                <!-- /.col -->
                <div class="col-description border-right">
                  <div class="description-block">
                    {% block restart_action %}
                      <h5 class="description-header"><a href="{% url 'base:restart' controller.id %}">Restart</a></h5>
                      <span class="description-text"></span>
                    {% endblock %}
                  </div>
                  <!-- /.description-block -->
                </div>
                <!-- /.col -->
                <div class="col-description border-right">
                  <div class="description-block">
                    {% block logs_action %}
                      <h5 class="description-header"><a href="{% url 'base:logs' controller.id %}">Logs</a></h5>
                      <span class="description-text"></span>
                    {% endblock %}
                  </div>
                  <!-- /.description-block -->
                </div>
                <!-- /.col -->
                <div class="col-description border-right">
                  <div class="description-block delete app-delete-action">
                    {% block delete_action %}
                      <h5 class="description-header"><a class="text-red" href="{% url 'base:delete' controller.id %}">Delete</a></h5>
                      <span class="description-text"></span>
                    {% endblock %}
                  </div>
                  <!-- /.description-block -->
                </div>
                <!-- /.col -->
                {% endif %}
              </div>
              <!-- /.row -->
            </div>
          </div>
          <!-- /.widget-user -->
        </div>
        {% endblock %}

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