menuscreen.kv

# -----
# activity booking widgets
# -----

# activity booking toggle behaviour
<ActivityToggleBehavior>:
    group: "activity_picker"
    allow_no_selection: False  # no activity is included as an option

# layout with information and booking toggle for one activity
<ActivityBlock>:
    orientation: "vertical"
    padding: 3
    size_hint: 1, 1
    size_hint_max_x: 275
    border_color: 0, 0, 0, 0

    canvas:
        Color:
            rgba: root.border_color
        Line:
            rectangle: (*root.pos, *root.size)
            width: 1.5

    Image:
        size_hint_y: None
        # for horizontal alignment of images across all blocks
        height: self.width
        source: root.img

    MainLabel:  # activity name label
        size: self.texture_size
        text: root.name
        color: white

    MainLabel:  # activity rating label
        pos_hint: {"center_x": .5}
        height: self.texture_size[1]
        text: "Rating: " + root.rating
        font_size: "18dp"
        color: grey_light

    AlignLabel:  # activity description label
        size_hint_y: 1
        valign: "top"
        text: root.desc
        font_size: 15
        color: grey_light

    MainLabel:  # activity price label
        pos_hint: {"center_x": .5}
        text: "Price: ${:.2f}".format(root.price)
        color: grey_light

# contains all activities available for given day
<ActivityLayout>:
    padding: 5
    spacing: 10
    pos_hint: {"center_x": .5}

# popup with layout containing all activities available for given day
<ActivityPicker>:
    size_hint: .9, .9

# -----
# meal booking widgets
# -----

# similar to their activity booking counterparts
<MealBlock>:
    group: "meal_picker"
    allow_no_selection: False
    orientation: "vertical"
    padding: 3
    size_hint: 1, 1
    size_hint_max_x: 275
    border_color: 0, 0, 0, 0

    canvas:
        Color:
            rgba: root.border_color
        Line:
            rectangle: (*root.pos, *root.size)
            width: 1.5

    Image:
        height: self.width
        source: root.img
    MainLabel:
        size: self.texture_size
        text: root.name
        color: white
    AlignLabel:
        size_hint_y: 1
        valign: "top"
        text: root.desc
        font_size: 15
        color: grey_light

<MealLayout>:
    padding: 5
    spacing: 10
    pos_hint: {"center_x": .5}

<MealPicker>:
    size_hint: .9, .9

# -----
# building blocks of calendar layout
# -----

<BookButton>:
    canvas.before:
        Color:
            rgba: white_trans
        Rectangle:
            size: self.size
            pos: self.pos

    background_normal: "res/book_btn_normal.png"
    background_down: "res/book_btn_down.png"
    size_hint: None, None
    size: 28, 28
    pos_hint: {"right": 1, "top": 1}

<CalendarSubBlock>:
    day: 0
    name: ''
    img: ''

    Image:
        id: image
        canvas.after:
            Color:
                rgba:
                    white_trans if root.unavailable else transparent
            Rectangle:
                id: mask
                size: self.size
                pos: self.pos

        source: root.img
        pos_hint: {"left": 0, "top": 1}

    MainLabel:
        canvas.before:
            Color:
                rgba: white_trans
            Rectangle:
                size: self.size
                pos: self.pos
        padding: 3, 3
        font_size: "18dp"
        color: grey_dark
        text: root.name
        text_size: root.width, None
        pos_hint: {"left": 0, "bottom": 0}

# block containing activity and meal sub-block for one day
<CalendarBlock>:
    day: 0
    doc: ''

    orientation: "vertical"
    padding: 8
    spacing: 5

    canvas:
        Color:
            rgba: 0, 0, 0, .1
        Rectangle:
            size: self.size
            pos: self.pos

    AlignLabel:  # show the number of day in calendar
        id: day_label
        halign: "center"
        text: '[b]' + str(root.day) + '[/b]' + root.doc
        color: grey

    # call on activity booking popup for the day
    CalendarActivityBlock:
        id: activity_btn
        day: root.day
        size_hint: 1, 1

    # call on meal booking popup for the day
    CalendarMealBlock:
        id: meal_btn
        day: root.day
        size_hint: 1, 1

<CalendarLayout>:
    cols: 7
    padding: 10
    spacing: 18

<MenuScreen>:
    username: ''

    name: "menu"

    BoxLayout:
        orientation: "vertical"

        MainBanner:  # top bar
            MainHeading:
                heading: "Menu"
            HeadingButton:
                name: "cost"
                on_release: root.to_cost()
            HeadingButton:
                name: "profile"
                on_release: root.to_profile()
            HeadingButton:
                name: "logout"
                on_release: root.logout()
            HelpButton:
                screen: root.name

        AlignLabel:
            height: 65
            text: "Welcome aboard Kimberley Quest, {}!".format(root.username)
            color: grey
            left: 0

        CalendarLayout:
            id: calendar