from web.components.api import *
from card import Card


enamldef Index(Html):
    attr card

    Head:
        Title:
            text = 'test'
        Link:
            href = "http://fonts.googleapis.com/icon?family=Material+Icons"
            rel = "stylesheet"
        Link:
            type="text/css"
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
            media="screen,projection"
        Script:
            type="text/javascript"
            src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"
        Meta:
            name="viewport"

    Body:
        Div:
            cls = 'container'

            Div:
                cls = 'row'
                H1:
                    text << card.title
                P:
                    text << card.description
                Card:
                    values << card