<!-- <div class="container-fluid">


    <div class="row column_title">
        <div class="col-md-12">
            <div class="page_title">
                <h2>Change Your Password</h2>
            </div>
        </div>
    </div>
    <div class="card">

        <form id="addnewservice" role="form" action="<?= base_url() ?>resetpassword/resetpasswordsave" method="post" class="basicvalidation col-md-6">
            <div class="card-body">
                <div class="form-group">
                    <label>Password</label>
                    <input type="password" class="form-control" required="true" id="password" name="password" placeholder="Enter Password">
                </div>
                <div class="form-group">
                    <label>Confirm Password</label>
                    <input type="password" class="form-control" required="true" id="cnfpassword" name="cnfpassword" placeholder="Confirm Password">
                </div>

                <div id="password_submit" class="btn-block text-right mt-3">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
 -->

 <div class="container-fluid">

 <div class="row column_title mt-5">
    <div class="col-md-12">
        <div class="page_title">
            <h2>Change Your Profile Picture</h2>
        </div>
    </div>
</div>
<div class="card">

    <form id="changeprofilepicture" role="form" action="<?= base_url() ?>resetpassword/updateProfilePicture" method="post" enctype="multipart/form-data" class="basicvalidation col-md-6">
        <div class="card-body">
            <div class="form-group">
                <label>Upload New Profile Picture</label>
                <!-- Display the current profile picture if available -->
                <?php if (!empty($userdetails['u_image'])): ?>
                    <div class="mb-3">
                        <img src="<?= $userdetails['u_image'] ?>" alt="Profile Picture" style="width: 60px; height: 60px; object-fit: cover;">
                    </div>
                <?php else: ?>
                    <p>No profile picture available</p>
                <?php endif; ?>
                
                <input type="file" class="form-control" required="true" id="user_image" name="user_image">
            </div>
            <input type="hidden" name="existing_image" value="<?= $userdetails['u_image'] ?>">

            <div id="image_submit" class="btn-block text-right mt-3">
                <button type="submit" class="btn btn-primary">Upload</button>
            </div>
        </div>
    </form>
</div>

<div class="row column_title">
    <div class="col-md-12">
        <div class="page_title">
            <h2>Change Your Password</h2>
        </div>
    </div>
</div>
<div class="card">

    <form id="addnewservice" role="form" action="<?= base_url() ?>resetpassword/resetpasswordsave" method="post" class="basicvalidation col-md-6">
        <div class="card-body">
            <div class="form-group">
                <label>Password</label>
                <input type="password" class="form-control" required="true" id="password" name="password" placeholder="Enter Password">
            </div>
            <div class="form-group">
                <label>Confirm Password</label>
                <input type="password" class="form-control" required="true" id="cnfpassword" name="cnfpassword" placeholder="Confirm Password">
            </div>

            <div id="password_submit" class="btn-block text-right mt-3">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </form>
</div>


</div>
