{%  extends 'base.html.twig' %}

{% block body %}
    <h1>Webroot Setup</h1>
    <div class="form-box">
        <div class="error-message">
            <ul>
                {% for error in errors %}
                    <li>{{ error }}</li>
                {% endfor %}
            </ul>
        </div>

        {{ form_start(form) }}
        <fieldset>
            <legend><strong>{{ translations.site }}</strong></legend>
            <table class="full-width">
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.locale) }}</th>
                    <td>{{ form_widget(form.locale) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.env) }}</th>
                    <td>{{ form_widget(form.env) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.site_name) }}</th>
                    <td>{{ form_widget(form.site_name) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.site_email) }}</th>
                    <td>{{ form_widget(form.site_email) }}</td>
                    
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.site_rootdir) }}</th>
                    <td>{{ form_widget(form.site_rootdir) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.tempdir) }}</th>
                    <td>{{ form_widget(form.tempdir) }}</td>
                </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend><strong>{{ translations.user }}</strong></legend>
            <table class="full-width">
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.user_username) }}</th>
                    <td>{{ form_widget(form.user_username) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.user_password0) }}</th>
                    <td>{{ form_widget(form.user_password0) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.user_email) }}</th>
                    <td>{{ form_widget(form.user_email) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.user_password1) }}</th>
                    <td>{{ form_widget(form.user_password1) }}</td>
                </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend><strong>{{ translations.db }}</strong></legend>
            <table class="full-width">
                <tr>
                    <td colspan="2" class="left">{{ form_widget(form.db_migrate) }} {{ form_label(form.db_migrate) }}</td>
                    <td colspan="2" class="left">{{ form_widget(form.db_create) }} {{ form_label(form.db_create) }}</td>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.db_backend) }}</th>
                    <td>{{ form_widget(form.db_backend) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.db_database) }}</th>
                    <td>{{ form_widget(form.db_database) }}</td>                    
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.db_host) }}</th>
                    <td>{{ form_widget(form.db_host) }}</td>
                    <th class="standard-background shrink-to-fit">{{ form_label(form.db_port) }}</th>
                    <td>{{ form_widget(form.db_port) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{  form_label(form.db_user) }}</th>
                    <td>{{ form_widget(form.db_user) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.db_password) }}</th>
                    <td>{{ form_widget(form.db_password) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{  form_label(form.db_url) }}</th>
                    <td colspan="3">{{ form_widget(form.db_url) }}</td>
                </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend><strong>{{ translations.email }}</strong></legend>
            <table class="full-width">
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_backend) }}</th>
                    <td>{{ form_widget(form.email_backend) }}</td>
                    <th class="standard-background shrink-to-fit">{{ form_label(form.email_address) }}</th>
                    <td>{{ form_widget(form.email_address) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_user) }}</th>
                    <td>{{ form_widget(form.email_user) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_password) }}</th>
                    <td>{{ form_widget(form.email_password) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_host) }}</th>
                    <td>{{ form_widget(form.email_host) }}</td>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_port) }}</th>
                    <td>{{ form_widget(form.email_port) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_path) }}</th>
                    <td colspan="3">{{ form_widget(form.email_path) }}</td>
                </tr>
                <tr>
                    <th class="standard-background left shrink-to-fit">{{ form_label(form.email_dsn) }}</th>
                    <td colspan="3">{{ form_widget(form.email_dsn) }}</td>
                </tr>
            </table>
        </fieldset>
        {{ form_widget(form.submit) }}
        {{ form_end(form) }}
    <div>
            
{% endblock %}