import pvl.web
from pvl.web import urls, html

import logging; log = logging.getLogger('qmsk.dmx.web')

class Handler (pvl.web.Handler) :
    # Bootstrap
    DOCTYPE = 'html'
    HTML_XMLNS = None
    HTML_LANG = 'en'
    CSS = (
            '//code.jquery.com/ui/1.10.4/themes/ui-darkness/jquery-ui.css',
            '//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css',
    )
    JS = (
            '//code.jquery.com/jquery-2.1.0.js',
            '//code.jquery.com/ui/1.10.4/jquery-ui.js',
            '//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js',
    )

    STYLE = """
body {
    padding-top: 2em;
    text-align: center;
}

.container {
    padding: 2em 1em;
    text-align: left;
}

.panel {
    width: 30em;
    margin: 1em auto;
    }
    """

    # test
    TITLE = u"Hello World"

    def process (self) :
        self.color = (
                self.request.form.get('r'),
                self.request.form.get('g'),
                self.request.form.get('b'),
        )

        self.color = tuple((int(x, 16) if x else None) for x in self.color)

        if self.request.method == 'POST' :
            r, g, b = self.color

            self.app.dmx_color(r, g, b, 255)

        log.info("%s", self.color)

    def render (self) :
        r, g, b = self.color

        def color_input (name, value) :
            color = dict(r=0, g=0, b=0)
            bgcolor = dict(r=0, g=0, b=0)

            if value :
                color[name] = value
            bgcolor[name] = 255

            return html.input(type='text', name=name, class_='form-control', placeholder=name,
                    value   = '{:02x}'.format(value),
                    #style   = 'background-color: #{r:02x}{g:02x}{b:02x}'.format(**color),
                    style   = 'background-color: rgba({r}, {g}, {b}, {a})'.format(a=value, **bgcolor),
            )

        return html.div(class_='container')(
            html.div(class_='panel')(
                html.form(action='.', method='POST', class_='form-horizontal')(
                    html.div(class_='form-group')(
                       html.label(for_='color', class_='control-label')("Color"),
                       color_input('r', r),
                       color_input('g', g),
                       color_input('b', b),
                    ),
                    html.div(class_='form-group')(
                        html.button(type='submit', class_='btn btn-primary')("Go"),
                    ),
                )
            )
        )

class DMXWebApplication (pvl.web.Application) :
    URLS = urls.Map((
        urls.rule('/',          Handler),
    ))

    def __init__ (self, dmx, **opts) :
        super(DMXWebApplication, self).__init__(**opts)

        self.dmx = dmx

    def dmx_color (self, r, g, b, a=255) :
        for c in (1, 30) :
            self.dmx[c + 0:c + 26:3] = r
            self.dmx[c + 1:c + 26:3] = g
            self.dmx[c + 2:c + 26:3] = b
            self.dmx[c + 28] = 255