{% extends "base.html" %}
{% block content %}
    <div id="title" class="text-center">
        <h2>{{ beer_data.name if beer_data != None else 'DELICOUS BEER' }}</h2>
    </div>
    <div id="stats">
        <table class="table">
            <tr>
                <th scope="col">Parent Style</th>
                <th scope="col">Specific Style</th>
                <th scope="col">Alcohol by Volume </th>
            </tr>
            <tr>
                <td>{{ beer_data.parent_style if beer_data != None else 'ASS BEER' }}</td>
                <td>{{ beer_data.base_style if beer_data != None else 'TURBO ASS BEER' }}</td>
                <td>{{ beer_data.abv if beer_data != None else 'BETWEEN 0 and 100' }}</td>
            </tr>
        </table>
    </div>
    <div class="row">
    <select>
        <option value="3">Much more</option>
        <option value="2">More</option>
        <option value="1">Little more</option>
        <option value="-1">Little less</option>
        <option value="-2">Less</option>
        <option value="-3">Much less</option>
    </select>
    <select>
        {% for attr in attrs %}
            <option value="{{ attr }}"> {{ attr }}</option>
      {% endfor %}
    </select>
    </div>

{% endblock %}