{% extends 'ecom/template.html' %}
{% load crispy_forms_tags %}
{% block content %}
    {% if user.is_authenticated %}
        <div class = "media shadow-sm py-3 mb-4">
            <img class = "profile-pic mx-5" src = "{{ user.profile.image.url }}">
            <div class = "media-body">
                <h2>
                    {{ user.first_name }} {{ user.last_name }}
                </h2>
                <p class = "text-secondary">
                    {{ user.username }}
                    <br>
                    {{ user.email }}
                </p>
            </div>
        </div>
    {% endif %}
    <form method = "post" enctype = "multipart/form-data">
        {% csrf_token %}
        <fieldset class = "form-group">
            <legend class = "border-bottom mb-4">Update Profile</legend>
            {{u_form | crispy}}
            {{p_form | crispy}}
        </fieldset>
        <button class = "btn btn-outline-success" type = "submit">
            Update
        </button>
    </form>
{% endblock %}