{{ extends 'global/Page.html' }}
{{ block title }}Pick one lottery{{ endblock }}

{{ block content }}

     <table class="table"> 
<!-- ----------------------------------------------------------------------------------------------- -->
                <!-- --- Table Header --- -->
                <!-- ----------------------------------------------------------------------------------------------- -->
                        <tr class="header1">
                        <!-- Lottery Number (Counter) -->
                        <th></th>
                        <th></th>
                        <!-- A lotteries -->
                        <th >Reward A</th>
                        <th></th>

                        <!-- B lotteries -->
                        <th>Reward B</th>
                        <th></th>

                        <!-- radio select form fields -->

                    </tr>
                    <tr class="header2">
                        <!-- Lottery Number (Counter) -->
                        <th>Lottery</th>
                        <th></th>
                        <th>50% Chance</th>
                        <th></th>
                        <!-- A lotteries -->
                        <th> 50% Chance</th>

                        <!-- radio select form fields -->
                        <th>Your Choice:</th>
 <!-- ----------------------------------------------------------------------------------------------- -->
                <!-- --- Table Body --- -->
                <!-- ----------------------------------------------------------------------------------------------- -->
                <tbody>
                    {% for i,lo,hi in lotteries %}
                        <tr>
                            <!-- Lottery Number (Counter) -->
                            <td>{{ forloop.counter }}</td>
                            <td></td>

                            <!-- A lotteries -->
                            <td>{{ lo }}</td>
                            <td></td>

                            <!-- B lotteries -->
                            <td>{{ hi }}</td>

                            <!-- radio select form fields -->
                            <td><input type="radio" name="lottery_choice" value="{{ i }}" required></td>
                        </tr>
                    {% endfor %}
                </tbody>
     </table>
{{ next_button }}

{{ endblock }}