{% extends "base.html" %}

{% block content %}
<div class="d-flex justify-content-center flex-wrap w-80">
    <div class='position-relative my-2'>
		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
	</div>
    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
        <h5 class="text-center">First Run</h5>
        <hr />
        <form method="POST">
            
            {{ first_run_form.csrf_token }}

            <div class="mb-3">
                {{ first_run_form.username.label }}
                {{ first_run_form.username(class_='form-control', placeholder=first_run_form.username.label.text) }}
            </div>
            <div class="mb-3">
                {{ first_run_form.email.label }}
                {{ first_run_form.email(class_='form-control', placeholder=first_run_form.email.label.text) }}
            </div>
            <div class="mb-3">
                {{ first_run_form.password.label }}
                {{ first_run_form.password(type='password', class_='form-control', placeholder=first_run_form.password.label.text) }}
            </div>
            <div class="mb-3">
                {{ first_run_form.confirm_password.label }}
                {{ first_run_form.confirm_password(type='password', class_='form-control', placeholder=first_run_form.confirm_password.label.text) }}
            </div>
            <hr />
            <div class="mb-3">
                {{ first_run_form.comicvine_api_key.label }}
                {{ first_run_form.comicvine_api_key(class_='form-control', placeholder=first_run_form.comicvine_api_key.label.text) }}
            </div>
            <hr />
            <div class="mb-3">
                {{ first_run_form.open_registration }}
                {{ first_run_form.open_registration.label }}
            </div>
            <div class="mb-3">
                {{ first_run_form.logging_level.label }}
                {{ first_run_form.logging_level(class_='form-control') }}
            </div>
            <hr />
            <div class="mb-3 text-end">
                {{ first_run_form.first_run_button(class_='btn btn-success') }}
            </div>
        </form>
    </div>
</div>
{% endblock %}