
      {% if data.computing %}  

      <div style="float:left; width:500px; margin:10px; margin-bottom:20px">
      <table class="dashboard" style="width:100%">

       <!-- <tr>
        <td colspan="2" style="background:{{ data.computing.color }}; height:25px">
        </td>
       </tr> -->

       <tr>
        <td><b>Name</b></td>
        <td>{{ data.computing.name }}</td>
       </tr>

       <tr>
        <td><b>Description</b></td>
        <td>{{ data.computing.description }}</td>
       </tr>

       <tr>
        <td width="110px"><b>ID</b></td>
        <td>{{ data.computing.id }}</a></td>
       </tr>

       <tr>
        <td><b>Type</b></td>
        <td>{{ data.computing.type }}</td>
       </tr>

       <tr>
        <td><b>Access mode</b></td>
        <td>{{ data.computing.access_mode }}</td>
       </tr>

       <tr>
        <td><b>Auth mode</b></td>
        <td>{{ data.computing.auth_mode }}</td>
       </tr>

       <tr>
        <td><b>WMS</b></td>
        <td>{{ data.computing.wms }}</td>
       </tr>

       <tr>
        <td><b>Owner</b></td>
        <td>{% if data.computing.user %}{{ data.computing.user }}{% else %}platform{% endif %}</td>
       </tr>

       <tr>
        <td><b>Requires</b></td>
        <td>
          Sys conf: {{ data.computing.requires_sys_conf }} <br/>
          User conf: {{ data.computing.requires_user_conf }} <br/>
          User keys: {{ data.computing.requires_user_keys }}
        </td>
       </tr>

       <tr>
        <td><b>Container runtimes</b></td>
        <td>{{ data.computing.container_runtimes }}</td>
       </tr>

       <tr>
        <td><b>Sys Conf</b></td>
        <td>{{ data.computing.sys_conf_as_json }} {% if request.user.is_superuser %} &nbsp;[<a href="/edit_computing_conf?type=sys&computing_uuid={{ data.computing.uuid}}">Edit</a>] {% endif %}</td>
       </tr>

       <tr>
        <td><b>User Conf</b></td>
        <td>{{ data.computing.user_conf_as_json }} &nbsp;[<a href="/edit_computing_conf?type=user&computing_uuid={{ data.computing.uuid}}">Edit</a>]</td>
       </tr>

       
       {% if data.computing.user %}
       <tr>
        <td><b>Operations</b></td>
        <td><a href="?action=delete&uuid={{ data.computing.uuid }}">Delete</a></td>
       </tr>
       {% endif %}
      </table>
      </div>
      
      {% else %}

      <div style="width:300px; float:left; border: #e0e0e0 solid 1px; margin:10px; background:#f8f8f8; margin-bottom:15px">
        <!-- <div style="background:{{computing.color}}; height:24px"></div> -->
        
        <div style="padding:10px; margin-top:5px; text-align:center; border-bottom: #e0e0e0 solid 1px; ">
        <a href="/computings/?uuid={{ computing.uuid }}&details=True">{{ computing.name }}</a>
        </div>
        
        <div style="padding:10px;">

        {% if computing.description %} 
        <div class="description-box" title="{{ computing.description }}">
        {{ computing.description }}
        </div>
        {% else %}
        <br/>  
        {% endif %}
        <div class="image-version-box">
        <b>Type:</b> {{ computing.type }}<br/>
        {% if computing.auth_mode == 'user_keys' %}
        <b>Access:</b> restricted
        {% else %}
        <b>Access:</b> open
        {% endif %}
        </div>
        <!-- ><b>Access:</b> {{ computing.access_mode }}<br/> --
        <!-- <b>Owner:</b> {% if computing.user %}{{ computing.user }}{% else %}Platform{% endif %}<br/> -->
        <!--  <b>Runtimes:</b> {{ computing.container_runtimes }} -->
        
        <!-- {% if 'docker' in computing.container_runtimes %}<img src="/static/img/docker-logo.svg" style="height:18px; width:18px; margin-bottom:2px" />{% endif %}
        {% if 'singularity' in computing.container_runtimes %}<img src="/static/img/singularity-logo.svg" style="height:18px; width:18px; margin-bottom:2px" />{% endif %}-->
        {% if container %}
        <div style="margin:0px; margin-top:2px; text-align:center; padding:5px">
        <form action="/create_task/" method="POST">
        {% csrf_token %}
        <input type="hidden" name="step" value="{{ data.next_step }}" />
        <input type="hidden" name="task_container_uuid" value="{{container.uuid}}">
        <input type="hidden" name="task_computing_uuid" value="{{computing.uuid}}">
        <input type="submit" value="Choose" class="btn btn-connect">
        </form>
        </div>
        {% endif %}
        
        </div>  

      </div>
      

      
      {% endif %}
      
      
      