{% extends "base.html" %}

{% block head %}
<link rel="stylesheet" href="{{ url_for('static', filename='style/mgmt.css') }}">
{% endblock %}

{% block content %}
<main class="centered">
    <h2>Hotel Management</h2>
    <details name="mgmt" open>
        <summary>
            <h3>Lighting Controls</h3>
        </summary>
        <form method="post" name="lighting">
            <input type="hidden" name="action" value="lighting" />
            <input type="radio" id="lid_5" name="lid" value="5" checked />
            <label for="lid_5">Target Primary Light</label>
            <input type="radio" id="lid_19" name="lid" value="19" />
            <label for="lid_19">Target Auxiliary Light</label>
            <input type="radio" id="lid_20" name="lid" value="20" />
            <label for="lid_20">Target Alex's Light</label>
            <input type="radio" id="lid_custom" name="lid" value="custom" />
            <label for="lid_custom">Target Custom Light</label>
            <label for="custom">LID: </label>
            <input type="number" id="custom" name="custom" value="5" />
            <hr>
            <input type="radio" id="set_off" name="set" value="off" checked />
            <label for="set_off">Set Lights to Off</label>
            <input type="radio" id="set_on" name="set" value="on" />
            <label for="set_on">Set Lights to Normal</label>
            <input type="radio" id="set_color" name="set" value="color" />
            <label for="set_color">Set Lights to Color</label>
            <label for="color">Color: </label>
            <input type="color" id="color" name="color" value="#FF00AA" />
            <button type="submit">Apply Effects</button>
        </form>
    </details>
</main>
{% endblock %}