{% extends "base.html" %}
{% block content %}
<div class="columns is-centered mt-6">
    <div class="column is-half">
        <div class="box">
            <h1 class="title is-4 has-text-centered">Neue Firma registrieren</h1>
            <form method="POST">
                <div class="field">
                    <label class="label">Firmenname *</label>
                    <div class="control">
                        <input class="input" type="text" name="firmenname" required>
                    </div>
                </div>
                <div class="columns">
                    <div class="column">
                        <div class="field">
                            <label class="label">Vorname</label>
                            <div class="control"><input class="input" type="text" name="vorname"></div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="field">
                            <label class="label">Nachname</label>
                            <div class="control"><input class="input" type="text" name="nachname"></div>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label class="label">E-Mail *</label>
                    <div class="control">
                        <input class="input" type="email" name="email" required>
                    </div>
                </div>
                <div class="field">
                    <label class="label">Passwort *</label>
                    <div class="control">
                        <input class="input" type="password" name="password" required minlength="6">
                    </div>
                </div>
                <div class="field mt-4">
                    <button class="button is-primary is-fullwidth" type="submit">Registrieren</button>
                </div>
            </form>
            <p class="has-text-centered mt-3">
                <a href="{{ url_for('auth.login') }}">Bereits registriert? Anmelden</a>
            </p>
        </div>
    </div>
</div>
{% endblock %}