{% extends "base.html" %}

{% block title %}KTVManager{% endblock %}

{% block content %}
    <h1>Welcome to KTV Manager</h1>

    <!-- Login Form -->
    <form action="/login" method="post" class="mt-3">
        <div class="form-group">
            <label for="username">Username:</label>
            <input type="text" class="form-control" id="username" name="username" required>
        </div>
        <div class="form-group">
            <label for="password">Password:</label>
            <input type="password" class="form-control" id="password" name="password" required>
        </div>
        <button type="submit" class="btn btn-primary">Login</button>
        {% if error %}
            <div class="alert alert-danger mt-3">{{ error }}</div>
        {% endif %}
    </form>
{% endblock %}

{% block scripts %}
<script>
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('{{ url_for("static", filename="service-worker.js") }}')
        // .then(reg => {
        // 		console.log('Service worker:', reg);
        // .catch(err => {
        // 	console.log('Service worker:', err);
        // });
    }
</script>
{% endblock %}