@include('layouts.header')
   <main>
    <div class="mb-4 pb-4"></div>
    <section class="my-account container">
      <h2 class="page-title">Account Details</h2>
      <div class="row">
        <div class="col-lg-3">
           <ul class="account-nav">
            <li><a href="javascript:void(0);" class="menu-link menu-link_us-s">Dashboard</a></li>
            <li><a href="order.php" class="menu-link menu-link_us-s">Orders</a></li>
            <li><a href="account-detail.php" class="menu-link menu-link_us-s">Account Details</a></li>
            <li><a href="account_wishlist.php" class="menu-link menu-link_us-s menu-link_active">Wishlist</a></li>
            <li><a href="login-register.php" class="menu-link menu-link_us-s">Logout</a></li>
          </ul>
        </div>
        <div class="col-lg-9">
          <div class="page-content my-account__edit mb-5">
            <div class="my-account__edit-form">
              <form name="account_edit_form" class="needs-validation" novalidate>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-floating my-3">
                      <input type="text" class="form-control" id="account_first_name" placeholder="First Name" required>
                      <label for="account_first_name">First Name</label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-floating my-3">
                      <input type="text" class="form-control" id="account_last_name" placeholder="Last Name" required>
                      <label for="account_last_name">Last Name</label>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-floating my-3">
                      <input type="text" class="form-control" id="account_display_name" placeholder="Display Name" required>
                      <label for="account_display_name">Display Name</label>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-floating my-3">
                      <input type="email" class="form-control" id="account_email" placeholder="Email Address" required>
                      <label for="account_email">Email Address</label>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="my-3">
                      <h5 class="text-uppercase mb-0">Password Change</h5>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-floating my-3">
                      <input type="password" class="form-control" id="account_current_password" placeholder="Current password" required>
                      <label for="account_current_password">Current password</label>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-floating my-3">
                      <input type="password" class="form-control" id="account_new_password" placeholder="New password" required>
                      <label for="account_new_password">New password</label>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="form-floating my-3">
                      <input type="password" class="form-control" data-cf-pwd="#account_new_password" id="account_confirm_password" placeholder="Confirm new password" required>
                      <label for="account_confirm_password">Confirm new password</label>
                      <div class="invalid-feedback">Passwords did not match!</div>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="my-3">
                      <button class="btn btn-primary">Save Changes</button>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>

@include('layouts.footer')
