{% extends "base.html" %}
{% block content %}
<div class="card p-4 shadow-sm">
    <h2 class="mb-4">{{ _('Add New Game') }}</h2>
    <form method="POST">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">{{ _('Name') }} *</label>
                <input type="text" name="name" class="form-control" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">{{ _('Steam Key') }} *</label>
                <input type="text" name="steam_key" class="form-control" required>
            </div>
            <div class="col-md-4">
                <label class="form-label">{{ _('Status') }} *</label>
                <select name="status" class="form-select" required>
                    <option value="nicht eingelöst">{{ _('Not redeemed') }}</option>
                    <option value="verschenkt">{{ _('Gifted') }}</option>
                    <option value="eingelöst">{{ _('Redeemed') }}</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">{{ _('Redeem by') }}</label>
                <input type="date" name="redeem_date" class="form-control">
            </div>
            <div class="col-md-4">
                <label class="form-label">{{ _('Recipient') }}</label>
                <input type="text" name="recipient" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label">{{ _('Shop URL') }}</label>
                <input type="url" name="url" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label">{{ _('Notes') }}</label>
                <textarea name="notes" class="form-control" rows="3"></textarea>
            </div>
            <div class="col-12">
                <button type="submit" class="btn btn-success">{{ _('Save') }}</button>
                <a href="{{ url_for('index') }}" class="btn btn-outline-secondary">{{ _('Cancel') }}</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}