app.kv

# Bits n' Bytes UI Kivy Definitions
# Author: Wilson McDade
###########################


###########################
#
#   Define Screens:
#
###########################

ScreenManager:
    id: sm

    StartScreen:
        md_bg_color: self.theme_cls.backgroundColor
        name: 'Start'

        RelativeLayout:

            # Still working on this, lets leave it out for now
            ImageButton:
                source: 'images/tapIcon.png'
                text: 'Tap card to start'
                pos_hint: {'center_x': 0.5, 'center_y': 0.15}

            # How can we make this bigger?
            MDIconButton:
                pos_hint: {'center_x': 0.9, 'center_y': 0.9}
                icon: 'information-outline'
                style: 'filled'
                on_press:
                    root.transition.direction = 'up'
                    root.current = 'Info'

            Image:
                source: 'images/logo.png'
                size_hint: .45, .45
                pos_hint: {'center_x': 0.5, 'center_y': 0.6}

            ### Remove this once NFC works :tm:
            MDButton:
                pos_hint: {'center_x': 0.5, 'center_y': 0.2}
                style: 'filled'
                on_press:
                    # Change transition direction
                    root.transition.direction = 'left'
                    # Set current screen to Cart
                    root.current = 'Cart'

                MDButtonText:
                    text:'Go to Cart'

            MDButton:
                pos_hint:{'center_x': 0.2, 'center_y': 0.2}
                style: 'filled'
                on_press:
                    root.transition.direction = 'left'
                    root.current = 'Debug'
                MDButtonText:
                    text: 'Go to Debug'

    CartScreen:
        name: 'Cart'

        BoxLayout:
            orientation: 'horizontal'

            ScrollView:
                RecycleView:
                    id: cart_view
                    viewclass: 'CartItem'
                    RecycleBoxLayout:
                        default_size: None, dp(150)
                        default_size_hint: 1, None
                        size_hint_y: None
                        height: self.minimum_height
                        orientation: 'vertical'
                        spacing: dp(10)

            BoxLayout:
                size_hint: (0.5, 1)

                orientation: 'vertical'

                Button:
                    text: 'Cancel Transaction'
                    background_normal: ''
                    background_down: 'images/oof.png'
                    background_color: 0.9686, 0.4118, 0.0078, 1
                    on_press: app.cancel_transaction()

                BoxLayout:
                    size_hint: (1, 5)
                    orientation: 'vertical'

                    Label:
                        text: 'Current User Information'

                    Label:
                        name: 'name_field'
                        text: 'Name:'

                    Label:
                        name: 'card_field'
                        text: 'Card:'

                    Label:
                        name: 'email_field'
                        text: 'Email:'

                    Label:
                        name: 'phone_field'
                        text: 'Phone:'

                    Label:
                        text: 'Finished? Close the door'

        ### Do not leave this in
        #MDButton:
           # pos_hint: {'center_x': 0.5, 'center_y': 0.2}
           # style: 'filled'
           # on_press:
            #    root.transition.direction = 'right'
            #    root.current = 'Start'

            #MDButtonText:
             #   text:'Go to Start'

    InfoScreen:
        md_bg_color: self.theme_cls.backgroundColor
        name: 'Info'

        MDButton:
            style: 'filled'
            on_press:
                root.transition.direction = 'down'
                root.current = 'Start'

            MDButtonText:
                text:'Back to Start'

        GridLayout:
            cols:2

            MemberCard:
                name: 'Wilson'
                job_title: 'Cool Guy'
                major: 'CS'

            MemberCard:
                name: 'Sahil'
                job_title: 'Cool Guy'
                major: 'CS'

            MemberCard:
                name: 'Jason'
                job_title: 'Cool Guy'
                major: 'CS'

            MemberCard:
                name: 'Isaac'
                job_title: 'Cool Guy'
                major: 'CS'

    CancelScreen:
        md_bg_color: self.theme_cls.backgroundColor
        name: 'Cancel'

        Label:
            text: 'Close door to end transaction'
            color: 0, 0, 0, 1
            font_size: 30

    ThankYouScreen:
        md_bg_color: self.theme_cls.backgroundColor
        name: 'ThankYou'

        Label:
            text: 'Your transaction is finished. Thank you!'
            color: 0, 0, 0, 1
            font_size: 30

    AttractScreen:
        name: 'Attract'

    DebugScreen:
        md_bg_color: self.theme_cls.backgroundColor
        name: 'Debug'

        # Go back to start button
        MDButton:
            pos_hint: {'center_x': 0.6, 'center_y': 0.95}
            style: 'filled'
            on_press:
                root.transition.direction = 'left'
                root.current = 'Start'

            MDButtonText:
                text:'Go to Start'

        # Open door button
        MDButton:
            pos_hint: {'center_x': 0.4, 'center_y': 0.95}
            style: 'filled'
            on_press: app.open_door()
            MDButtonText:
                text: 'Open Door'

        GridLayout:
            cols: 4
            rows: 4
            #adaptive_height: True
            #padding: "2dp"
            #pos_hint: {'center_x': 0.5, 'center_y': 0.5}
            ShelfItem:
                shelf: 1
                slot: 1
            ShelfItem:
                shelf: 2
                slot: 1
            ShelfItem:
                shelf: 3
                slot: 1
            ShelfItem:
                shelf: 4
                slot: 1
            ShelfItem:
                shelf: 1
                slot: 2




        # weight values of all shelves (4 shelves with 4 slot) see each value of each slot
        # calibration button to get weights of individual items

###########################
#
#   Define Custom Widgets:
#
###########################

<ImageButton>:
    size_hint: (0.611, 0.207)
    pos_hint: (0.7, 0.7)

    canvas:
        Color:
            rgb: 0.42, 0.0, 0.39
        RoundedRectangle:
            size: self.size
            pos: self.pos
            radius: [(20, 20), (20, 20), (20, 20), (20, 20)]

    RelativeLayout:

        Image:
            size_hint: .6, .6
            pos_hint: {'center_x': 2.5, 'center_y': .7}
            source: root.source

        Label:
            text: root.text
            text_size: root.size
            font_size: '26.365sp'
            font_name: 'Roboto'
            pos_hint: {'center_x': 5.7, 'center_y': 1.05}
            #x: self.parent.x + (self.parent.width / 2) - (self.width / 2)
            #y: self.parent.y + (self.parent.height / 2) - (self.height / 3)

<CartItem>
    size: "144dp", "170dp"

    AsyncImage:
        source: root.source

    MDLabel:
        text: root.title

    MDLabel:
        text: root.price

    MDLabel:
        font_style: 'Display'
        text: root.quantity

<MemberCard>
    orientation: 'vertical'
    size_hint: None, None
    size: "144dp", "170dp"

    MDLabel:
        font_style: "Display"
        role: "small"
        text: root.name
        color: "black"
        halign: "center"
        padding: "2dp", "2dp"

    MDLabel:
        font_style: "Title"
        role: "small"
        text: root.job_title
        color: "black"
        halign: "center"
        padding: "4dp", "4dp"

    MDLabel:
        font_style: "Title"
        role: "medium"
        text: root.major
        color: "black"
        halign: "center"
        padding: "4dp", "4dp"

<ShelfItem>:
    size_hint: None, None
    width: "150dp"  # Set the width of the shelf item to fit the label text.
    height: "120dp"
    BoxLayout:
        orientation: 'vertical'
        padding: dp(2)  # Adjust the padding as needed
        spacing: dp(5)
        MDLabel:
            text: root.text
            size_hint_y: None
            height: self.texture_size[1]  # Height just enough for the text.
            size_hint_x: 2.5  # Take full width of the parent.
            halign: 'center'
            valign: 'center'
            text_size: self.width, None
        MDButton:
            on_release: #TODO: implement calibrate function
            MDButtonText:
                text: "Calibrate"