{{ block title }}
{{ endblock }}
{{ block content }}

    <style>
    table {
      border-collapse: collapse;
      }

    td {
      border-right: solid 1px;
      vertical-align: middle;
    }

    td:last-child {
        border-right: none;
    }

    tr:first-child{
      border-top: solid;
      border-bottom: solid;
      border-width: 1px 0;
    }

    tr:last-child{
      border-top: solid;
      border-bottom: solid;
      border-width: 1px 0;
    }

      score {
        font-size: 30px;
        background-color:#d9d9d9;
        font-weight: bold
      }
    </style>

    <p style="margin-bottom:1cm;"> If these were the only options available, which wine would you choose? </p>

    <table class="table" >
        <tr>
            <td width="17%">
                <b>Option 1</b>
            </td>

            <td width="17%">
                <b>Option 2</b>
            </td>

            <td width="17%">
                <b>Option 3</b>
            </td>

            <td width="17%">
                <b>Option 4</b>
            </td>

            <td width="17%">
                <b>Option 5</b>
            </td>

             <td width="15%">
                <b>Option 6</b>
            </td>
        </tr>

        <tr>
            <td width="17%">
                <p><i>{{name1}}, {{year1}} </i></p>
            </td>

            <td width="17%">
                <p><i>{{name2}}, {{year2}} </i></p>
            </td>

            <td width="17%">
                <p><i>{{name3}}, {{year3}} </i></p>
            </td>

            <td width="17%">
                <p><i>{{name4}}, {{year4}} </i></p>
            </td>

            <td width="17%">
                <p><i>{{name5}}, {{year5}} </i></p>
            </td>

             <td width="15%">
                 <p> </p>
            </td>
        </tr>

        <tr>

            <td width="17%">

                <p>{{varietal1}}<br>{{origin1}}<br>${{price1}}</p>

            </td>

            <td width="17%">
                
                <p>{{varietal2}}<br>{{origin2}}<br>${{price2}}</p>

            </td>

            <td width="17%">

                <p>{{varietal3}}<br>{{origin3}}<br>${{price3}}</p>

            </td>

            <td width="17%">

                <p>{{varietal4}}<br>{{origin4}}<br>${{price4}}</p>

            </td>

            <td width="17%">

                <p>{{varietal5}}<br>{{origin5}}<br>${{price5}}</p>

            </td>

            <td width="15%">

                 <p>None</p>

            </td>

        </tr>

        <tr>
            <!-- {{ form.choice.label }} -->

            {{ for choice in form.choice }}
                <td>{{ choice }}</td>
            {{ endfor }}
        </tr>
        
    </table>

    {{ formfield_errors 'choice' }}

    {{ next_button }}

{{ endblock }}