{% extends "partials/dashboard-base.html" %}
{% load static %}
{% block content %}
<section class="dashboard-section body-collapse">
    <div class="overlay pt-120">
        <div class="container-fruid">
            <div class="main-content">
                <div class="head-area d-flex align-items-center justify-content-between">
                    <h4>Account Settings</h4>
                </div>

                <form method="POST" action="{% url 'account:update_settings' %}">
                    {% csrf_token %}
                    <div class="mb-3">
                        <label>Full Name</label>
                        <input type="text" name="full_name" class="form-control" value="{{ request.user.kyc.full_name }}" required>
                    </div>
                    <div class="mb-3">
                        <label>Email</label>
                        <input type="email" name="email" class="form-control" value="{{ request.user.email }}" required>
                    </div>
                    <div class="mb-3">
                        <label>Phone Number</label>
                        <input type="text" name="phone" class="form-control" value="{{ request.user.kyc.phone }}" required>
                    </div>
                    <div class="mb-3">
                        <label>Change Transaction PIN</label>
                        <input type="password" name="pin" class="form-control" placeholder="Enter new 4-digit PIN" pattern="\d{4}" maxlength="4">
                    </div>
                    <div class="mb-3">
                        <label>Enable Email Notifications</label>
                        <select name="email_notifications" class="form-select">
                            <option value="yes" {% if request.user.account.email_notifications %}selected{% endif %}>Yes</option>
                            <option value="no" {% if not request.user.account.email_notifications %}selected{% endif %}>No</option>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-primary">Update Settings</button>
                </form>
            </div>
        </div>
    </div>
</section>
{% endblock %}