{% extends "base.html" %}

{% block content %}
<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail" style="width:200px">
      <img src="{{ url_for('static', filename='images/noimage.png') }}" alt="..." width="140px">
      <div class="caption">
        <strong>Thumbnail label</strong>
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" charset="utf-8">
</script>


{% endblock %}



<!--
<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail" style="width:200px">
      <img src="{{ url_for('static', filename='images/noimage.png') }}" alt="..." width="140px">
      <div class="caption">
        <strong>Thumbnail label</strong>
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" charset="utf-8">
</script>
-->

{% extends "base.html" %}

{% block content %}
<div class="panel panel-info">
    <div class="panel-heading">{{item.name}}</div>
    <div class="panel-body">
        <div class="media">
            <div class="media-left media-top">
                {%- if item.image_path and item.image_path|length > 0 -%}
                <img class="media-object" src="{{ url_for('static', filename=item.image_path) }}" width="140">
                {%- else -%}
                <img class="media-object" src="{{ url_for('static', filename='images/noimage.png') }}" width="140">
                {%- endif -%}
                <br>
            </div>
            <div class="media-body">
                <p>{{item.description}}</p>
            </div>
            <div class="panel-footer">
                <button type="button" class="btn btn-danger">
                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Delete
                </button>
                <button type="button" class="btn btn-primary">
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Edit
                </button>


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

</div>


{% endblock %}
Format to display each item
feat: Format to display each item
