{% extends 'base.html' %}
{% load i18n %}
{% block content %}

<div class="container mt-5">
    <div class="card shadow p-4">
        <h2 class="mb-4">Update Profile</h2>

        <form method="post" enctype="multipart/form-data">
            {% csrf_token %}

            <div class="mb-3">
                {{ form.phone.label_tag }}
                {{ form.phone }}
            </div>

            <div class="mb-3">
                {{ form.address.label_tag }}
                {{ form.address }}
            </div>

            <div class="mb-3">
                {{ form.city.label_tag }}
                {{ form.city }}
            </div>

            <div class="mb-3">
                {{ form.state.label_tag }}
                {{ form.state }}
            </div>

            <div class="mb-3">
                {{ form.profile_picture.label_tag }}
                {{ form.profile_picture }}
            </div>

            <button type="submit" class="btn btn-success">Save Changes</button>
        </form>
    </div>
</div>

{% endblock %}