{% extends "customer/baseaccountpage.html" %}
{% load i18n bootstrap4 %}

{% block tabcontent %}
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <h1 class="text-center mt-5 mb-5">Profile</h1>
                <div class="card shadow">
                    <div class="card-body">
                        <div class="row">
                            <form {% if form_id %}id="{{ form_id }}"{% endif %}
                                  class="form-{{ style|default:"stacked" }} {{ class }}"
                                  method="{{ method|default:"post" }}"
                                  {% if action %}action="{{ action }}"{% endif %}
                                  {% if includes_files %}enctype="multipart/form-data"{% endif %}>

                                {% if not method == "get" %}{% csrf_token %}{% endif %}
                                <div class="row">
                                    <div class="col-md-6">
                                        {% bootstrap_field form.first_name %}
                                    </div>
                                    <div class="col-md-6">
                                        {% bootstrap_field form.last_name %}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        {% bootstrap_field form.email %}
                                    </div>
                                    <div class="col-md-6">
                                        {% bootstrap_field form.phone %}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="{% if style == 'horizontal' %}col-sm-offset-4 col-sm-8{% endif %}">
                                        <button class="btn btn-lg btn-primary" type="submit"
                                                data-loading-text="{% trans 'Saving...' %}">{% trans "Save" %}</button>
                                        {% trans "or" %} <a href="#"
                                                            onclick="window.history.go(-1);return false">{% trans "cancel" %}</a>.
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock tabcontent %}