<% if (typeof error_msg !=='undefined' && error_msg) { %>

    <div class="alert alert-danger">
        <%= error_msg %>
    </div>

    <% } %>


        <% if (typeof success_msg !=='undefined' && success_msg) { %>
            <div class="alert alert-success">
                <%= success_msg %>
            </div>
            <% } %>

                <div class="profile-container">

                    <div class="profile-card position-relative">

                        <!-- Edit Icon -->
                        <button class="edit-icon" data-bs-toggle="modal" data-bs-target="#profileModal">
                            ✏️
                        </button>

                        <div class="profile-image">
                            <img src="<%= user.profile_image ? user.profile_image : '/images/default.png' %>"
                                alt="Profile">
                        </div>

                        <h2>
                            <%= user.name %>
                        </h2>

                        <div class="profile-info">
                            <div class="info-row">
                                <label>Email</label>
                                <span>
                                    <%= user.email %>
                                </span>
                            </div>
                        </div>

                        <!-- CHANGE PASSWORD BUTTON -->
                        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#passwordModal">
                            Change Password
                        </button>

                    </div>
                </div>


           