bus-manager/busManager/coord/templates/reports/bus_roll.html

<style>
    @page {
        margin: 2cm;
    }
    table.stopHeader th {
        text-align: left;
        min-width: 150px;
        width: 100%;
    }

    table.traveller td {
        border: 2px solid #000;
    }

    hr {
        border: 3px solid;
    }
</style>

{% for route in routes %}
    {% for page in route.route_pages %}
        <h1 style="font-size: 2.5em">{{ route.route_name }}</h1>
        {% for stop in page.stops %}
            <table class="stopHeader">
                <tr>
                    <th style="width: 100%"></th>
                    <th style="width: 20%">Pickup Time</th>
                    <th style="width: 25%">Drop-off Time</th>
                </tr>
                <tr>
                    <td><b>Stop Number #{{ stop.stop_num }}</b> {{ stop.name }}</td>
                    <td>{{ stop.am }}</td>
                    <td>{{ stop.pm }}</td>
                </tr>
            </table>
            <table class="traveller">
                <tr>
                    <th style="width: 100%; text-align: left">Student</th>
                    <th style="width: 10%">Fare</th>
                    <th style="width: 8%">Mon AM</th>
                    <th style="width: 8%">Mon PM</th>
                    <th style="width: 8%">Tue AM</th>
                    <th style="width: 8%">Tue PM</th>
                    <th style="width: 8%">Wed AM</th>
                    <th style="width: 8%">Wed PM</th>
                    <th style="width: 8%">Thu AM</th>
                    <th style="width: 8%">Thu PM</th>
                    <th style="width: 8%">Fri AM</th>
                    <th style="width: 8%">Fri PM</th>
                </tr>
                {% for traveller in stop.travellers %}
                    <tr>
                        <td style="padding-top: 3px; padding-left: 2px; text-align: left">{{ traveller.display }}</td>
                        <td style="padding-top: 3px; text-align: center"><b>{{ traveller.isFared }}</b></td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                        <td>    </td>
                    </tr>
                {% endfor %}
            </table>
            <br>
        {% endfor %}
        <p style="page-break-after: always">
    {% endfor %}
    {% if route.has_shuttle %}
        <h1 style="font-size: 2.5em">{{ route.route_name }} (Shuttle)</h1>
        <table class="traveller">
            {% for traveller in route.shuttle_travellers %}
                <tr>
                    <td style="padding-top: 3px; padding-left: 2px; text-align: left">{{ traveller.display }}</td>
                </tr>
            {% endfor %}
        </table>
        <p style="page-break-after: always">
    {% endif %}
{% endfor %}