{% extends "base.html" %}
{% block content %}
<div class="level">
    <div class="level-left"><h1 class="title is-3">Neuer Vertrag</h1></div>
    <div class="level-right"><a class="button is-light" href="{{ url_for('contracts.index') }}">← Zurück</a></div>
</div>

<div class="columns is-centered">
    <div class="column is-two-thirds">
        <form method="POST" class="box">
            <div class="field">
                <label class="label">Vertragsname *</label>
                <div class="control"><input class="input" name="name" required placeholder="z.B. SW Proj+Doku 2024ff"></div>
            </div>
            <div class="columns">
                <div class="column">
                    <div class="field">
                        <label class="label">Belegnummer</label>
                        <div class="control"><input class="input" name="belegnummer" placeholder="z.B. 4650014601"></div>
                    </div>
                </div>
                <div class="column">
                    <div class="field">
                        <label class="label">Beleg-Datum</label>
                        <div class="control"><input class="input" name="beleg_datum" type="date"></div>
                    </div>
                </div>
            </div>
            <div class="columns">
                <div class="column">
                    <div class="field">
                        <label class="label">Laufzeit Beginn</label>
                        <div class="control"><input class="input" name="laufzeit_start" type="date"></div>
                    </div>
                </div>
                <div class="column">
                    <div class="field">
                        <label class="label">Laufzeit Ende</label>
                        <div class="control"><input class="input" name="laufzeit_ende" type="date"></div>
                    </div>
                </div>
                <div class="column">
                    <div class="field">
                        <label class="label">Status</label>
                        <div class="select is-fullwidth">
                            <select name="status">
                                <option value="NEU">NEU</option>
                                <option value="Zur Prüfung">Zur Prüfung</option>
                                <option value="Angenommen" selected>Angenommen</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="field mt-4">
                <button class="button is-primary" type="submit">Vertrag anlegen</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}