from gramlot import Page as BasePage


class Page(BasePage):
    title = "Plan your stay"
    devices = ("desktop", "tablet", "phone")
    css = ("/themes/gramlot-base/theme.css",)

    def main(self, root):
        pane = root.main(datapath="estimate", class_="estimate-page")
        pane.h1("Plan your stay")
        pane.p("Choose a room, guests and nights. Follow the calculation below.")
        fields = pane.formlet(columns=1, lbl_position="TL", box_c_width="100%")
        fields.filteringSelect(value="^.room", lbl="Room", id="room",
                               values="classic:Classic,superior:Superior", validate_notnull=True)
        fields.numberTextBox(value="^.guests", lbl="Guests", id="guests", dtype="L",
                             validate_notnull=True, validate_min=1, validate_max=4)
        fields.numberTextBox(value="^.nights", lbl="Nights", id="nights", dtype="L",
                             validate_notnull=True, validate_min=1, validate_max=30)
        pane.dataFormula(".rate", "room === 'superior' ? 140 : 90", room="^.room", _init=True)
        pane.dataFormula(".extra", "Math.max(guests - 2, 0) * 15", guests="^.guests", _init=True)
        pane.dataFormula(".nightly", "rate + extra", rate="^.rate", extra="^.extra", _init=True)
        pane.dataFormula(".subtotal", "nightly * nights",
                         nightly="^.nightly", nights="^.nights", _init=True)
        pane.dataFormula(".discount", "nights >= 7 ? subtotal * 0.10 : 0",
                         nights="^.nights", subtotal="^.subtotal", _init=True)
        pane.dataFormula(".total", "subtotal - discount",
                         subtotal="^.subtotal", discount="^.discount", _init=True)
        pane.dataFormula(".deposit", "Math.round(total * 0.30)", total="^.total", _init=True)
        costs = pane.section(class_="estimate-costs", aria_label="Calculation breakdown")
        costs.p("^.rate", mask="Room / night · €{}", id="rate")
        costs.p("^.extra", mask="Extra guests / night · €{}", id="extra")
        costs.p("^.nightly", mask="Nightly price · €{}", id="nightly")
        costs.p("^.subtotal", mask="Stay subtotal · €{}", id="subtotal")
        costs.p("^.discount", mask="Long-stay discount · −€{}", id="discount")
        costs.p("^.total", mask="Stay total · €{}", id="total")
        costs.p("^.deposit", mask="30% deposit · €{}", id="deposit")
        pane.button("Prepare summary", id="prepare").dataController(
            "this.SET('.summary', 'Stay estimate: €' + total)", total="=.total")
        pane.p("^.summary", id="summary", aria_live="polite")
        pane.p("Two guests included; €15 per extra guest/night. Seven nights: 10% off. Deposit rounded to euros.")
        pane.p("Invalid drafts do not change accepted Data. Summary updates on click. Illustrative prices only.")
        pane.dataSetter(".room", "classic")
        pane.dataSetter(".guests", 2)
        pane.dataSetter(".nights", 3)