{% extends 'store/main.html' %}
{% load static %}
{% block content %}

<hr>
<center>
<h2>Update Your Profile</h2>
<p>You can only update Name and Phone Number</p>
<hr>
</center>
<!-- Form for profile update -->
<form method="POST" action="{% url 'update_profile' %}" class="profile-form">
    {% csrf_token %}
    <div class="form-group row">
        <label for="id_name" class="col-md-3 col-form-label">Name</label>
        <div class="col-md-9">
            <input type="text" name="name" id="id_name" class="form-control" value="{{ customer.name }}" placeholder="Enter your name" required>
        </div>
    </div>
    
    <div class="form-group row">
        <label for="id_phone_number" class="col-md-3 col-form-label">Phone Number</label>
        <div class="col-md-9">
            <input type="text" name="phone_number" id="id_phone_number" class="form-control" value="{{ customer.phone_number }}" placeholder="Enter your phone number" required>
        </div>
    </div>

    <button type="submit" class="btn btn-primary">Update</button>
</form>

{% endblock %}