<div class="page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
        <li class="breadcrumb-item active"><a href="javascript:void(0)">Edit Profile</a></li>
    </ol>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Edit Profile</h4>
            </div>
            <div class="card-body">
                <form action="<?= ADMIN_URL . 'account/save-account' ?>" method="post" enctype="multipart/form-data">
                    <div class="row">
                        <div class="mb-3 col-lg-12 col-md-12 col-sm-12">
                            <label class="form-label">User Name</label>
                            <input type="text" class="form-control" placeholder="User Name" required="" maxlength="50" value="<?= $login_user_data['username'] ?? '' ?>" name="user_name">
                        </div>
                        <div class="mb-3 col-lg-12 col-md-12 col-sm-12">
                            <label class="form-label">Screen Name</label>
                            <input type="text" class="form-control" placeholder="Screen Name" required="" maxlength="100" value="<?= $login_user_data['screen_name'] ?? '' ?>" name="screen_name">
                        </div>
                        <div class="mb-3 col-12">
                            <div class="col-sm-12 pt-3">
                                <input type="submit" class="btn btn-sm btn-success me-2" name="about_us" value="Update">
                                <a href="<?= ADMIN_URL ?>" class="btn btn-sm btn-primary">Back to Dashboard</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>