{% extends 'base.html' %}
{% load crispy_forms_tags %}

{% block title %}
    Update Profile
{% endblock %}

{% block content %}
<div class="container mx-auto max-w-lg p-6 bg-white rounded-lg shadow-lg mt-10">
    <h2 class="text-3xl font-bold text-center text-gray-800 mb-6">Update Profile</h2>

    <form method="POST" class="space-y-6">
        {% csrf_token %}
        {{ form|crispy }}
        
        <button type="submit" class="w-full bg-gradient-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600 text-white font-bold py-2 px-4 rounded-lg shadow-lg transition duration-300">
            Save changes
        </button>
    </form>
</div>
{% endblock %}
