from __future__ import annotations

from rio import Component, Column, Row, page

from elm.services import ConfigurationService
from elm.components import BuyTicketBox

@page(name="Tickets", url_segment="tickets")
class TicketsPage(Component):
    def build(self) -> Component:
        row_col = Column if self.session.is_mobile() else Row
        ticket_boxes = []
        for ticket_info in self.session[ConfigurationService].get_ticket_info():
            ticket_boxes.append(BuyTicketBox(ticket_info=ticket_info))

        return row_col(
            *ticket_boxes,
            spacing=1,
            margin=1
        )