{% extends 'setup/setup_base.html' %}

{% load static %}
{% block form %}
    <form enctype="multipart/form-data" action="" method="POST">
        {% csrf_token %}
        <div class="card-body">
            <h1 class="text-center">Configure Your Comfy Basics</h1>
            <div class="row mb-3 mt-5">
                <div class="col-2">
                    
                </div>
                <div class="col-4">
                    <h3>
                        <label for="id_logo" class="form-label">{{form.logo.label}}</label>
                    </h3>
                </div>
                <div class="col-6">
                    {{form.logo}}
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-2">
                    
                </div>
                <div class="col-4">
                    <h3>
                        <label for="id_navbar_position" class="form-label">{{form.navbar_position.label}}</label>
                    </h3>
                </div>
                <div class="col-6">
                    {{form.navbar_position}}
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-2">
                    
                </div>
                <div class="col-4">
                    <h3>
                        <label for="id_shop_enabled" class="form-label">{{form.shop_enabled.label}}</label>
                    </h3>
                </div>
                <div class="col-2">
                    {{form.shop_enabled}}
                </div>
            </div>
            {% if form.errors %}
                <div class="alert alert-danger">
                    {{ form.errors }}
                </div>
            {% endif %}
        </div>
        <div class="card-footer text-muted text-center">
            <input type="submit" class="btn btn-primary" value="Next">
        </div>
    </form>
{% endblock %}
