<template>
  <div class="page no-toolbar" data-name="profile-edit-mydetails">

    <div class="navbar">
      <div class="navbar-bg"></div>
      <div class="navbar-inner">
        <div class="left">
          <a class="link back">
            <i class="icon icon-back"></i>
          </a>
        </div>
        <div class="middle">
          <div class="header-logo"><img src="assets/img/logo-dark.png" /></div>
        </div>
        <div class="right">
          <a href="#" class="top-right-action" id="save-details">
            Save
          </a>
        </div>
      </div>
    </div>

    <div class="page-content">
      <div class="block-title">Your Details</div>

      <div class="list list-strong-ios list-dividers-ios inset-ios">
        <form>
          <ul>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">First Name *</div>
                <div class="item-input-wrap">
                  <input type="text" name="first_name" placeholder="Enter first name" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Last Name *</div>
                <div class="item-input-wrap">
                  <input type="text" disabled name="last_name" placeholder="Enter last name" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Email *</div>
                <div class="item-input-wrap">
                  <input type="text" name="email" placeholder="Enter email" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Tel No</div>
                <div class="item-input-wrap">
                  <input type="text" name="tel_no" placeholder="Enter tel no" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Address</div>
                <div class="item-input-wrap">
                  <textarea placeholder="Type your address" rows="8" style="height:100px;" name="address_1"></textarea>
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">City</div>
                <div class="item-input-wrap">
                  <input type="text" name="city" placeholder="Enter city" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Provincy</div>
                <div class="item-input-wrap">
                  <input type="text" name="state" placeholder="Enter provincy" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>
            <li class="item-content item-input">
              <div class="item-inner">
                <div class="item-title item-label">Post Code</div>
                <div class="item-input-wrap">
                  <input type="text" name="postcode" placeholder="Enter post code" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>

          </ul>
        </form>
      </div>

      <div class="block-title">Password</div>

      <div class="list list-strong-ios list-dividers-ios inset-ios change-password">
        <form>
          <ul>
            <li class="accordion-item">
              <a class="item-link item-content">
                <div class="item-inner">
                  <div class="item-title password-toggle-title">Change Password</div>
                </div>
              </a>
              <div class="accordion-item-content">
                <div>
                  <ul>
                    <li class="item-content item-input">
                      <div class="item-inner">
                        <div class="item-title item-label">Current Password *</div>
                        <div class="item-input-wrap">
                          <input type="password" name="current_password" placeholder="Enter Current Password" />
                          <span class="input-clear-button"></span>
                        </div>
                      </div>
                    </li>
                    <li class="item-content item-input">
                      <div class="item-inner">
                        <div class="item-title item-label">Password *</div>
                        <div class="item-input-wrap">
                          <input type="password" name="password" placeholder="Enter Password" />
                          <span class="input-clear-button"></span>
                        </div>
                      </div>
                    </li>
                    <li class="item-content item-input">
                      <div class="item-inner">
                        <div class="item-title item-label">Confirm Password *</div>
                        <div class="item-input-wrap">
                          <input type="password" name="confirm_password" placeholder="Confirm Password" />
                          <span class="input-clear-button"></span>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="button-add-link">
                  <div class="button button-large button-fill margin-bottom" id="update_password">Update Password</div>
                </div>
              </div>
            </li>
          </ul>
        </form>
      </div>
    </div>
  </div>
</template>

Array
(
    [div] => Array
        (
            [class] => Array
                (
                    [0] => page no-toolbar
                    [1] => navbar
                    [2] => navbar-bg
                    [3] => navbar-inner
                    [4] => left
                    [5] => middle
                    [6] => header-logo
                    [7] => right
                    [8] => page-content
                    [9] => block-title
                    [10] => list list-strong-ios list-dividers-ios inset-ios
                    [11] => item-inner
                    [12] => item-title item-label
                    [13] => item-input-wrap
                    [14] => item-inner
                    [15] => item-title item-label
                    [16] => item-input-wrap
                    [17] => item-inner
                    [18] => item-title item-label
                    [19] => item-input-wrap
                    [20] => item-inner
                    [21] => item-title item-label
                    [22] => item-input-wrap
                    [23] => item-inner
                    [24] => item-title item-label
                    [25] => item-input-wrap
                    [26] => item-inner
                    [27] => item-title item-label
                    [28] => item-input-wrap
                    [29] => item-inner
                    [30] => item-title item-label
                    [31] => item-input-wrap
                    [32] => item-inner
                    [33] => item-title item-label
                    [34] => item-input-wrap
                    [35] => block-title
                    [36] => list list-strong-ios list-dividers-ios inset-ios change-password
                    [37] => item-inner
                    [38] => item-title password-toggle-title
                    [39] => accordion-item-content
                    [40] => item-inner
                    [41] => item-title item-label
                    [42] => item-input-wrap
                    [43] => item-inner
                    [44] => item-title item-label
                    [45] => item-input-wrap
                    [46] => item-inner
                    [47] => item-title item-label
                    [48] => item-input-wrap
                    [49] => button-add-link
                    [50] => button button-large button-fill margin-bottom
                )

            [data-name] => Array
                (
                    [0] => profile-edit-mydetails
                )

            [id] => Array
                (
                    [0] => update_password
                )

        )

    [a] => Array
        (
            [class] => Array
                (
                    [0] => link back
                    [1] => top-right-action
                    [2] => item-link item-content
                )

            [href] => Array
                (
                    [0] => #
                )

            [id] => Array
                (
                    [0] => save-details
                )

        )

    [input] => Array
        (
            [type] => Array
                (
                    [0] => text
                    [1] => text
                    [2] => text
                    [3] => text
                    [4] => text
                    [5] => text
                    [6] => text
                    [7] => password
                    [8] => password
                    [9] => password
                )

            [name] => Array
                (
                    [0] => first_name
                    [1] => last_name
                    [2] => email
                    [3] => tel_no
                    [4] => city
                    [5] => state
                    [6] => postcode
                    [7] => current_password
                    [8] => password
                    [9] => confirm_password
                )

            [placeholder] => Array
                (
                    [0] => Enter first name
                    [1] => Enter last name
                    [2] => Enter email
                    [3] => Enter tel no
                    [4] => Enter city
                    [5] => Enter provincy
                    [6] => Enter post code
                    [7] => Enter Current Password
                    [8] => Enter Password
                    [9] => Confirm Password
                )

            [disabled] => Array
                (
                    [0] => 1
                )

        )

    [textarea] => Array
        (
            [placeholder] => Array
                (
                    [0] => Type your address
                )

            [rows] => Array
                (
                    [0] => 8
                )

            [style] => Array
                (
                    [0] => height:100px;
                )

            [name] => Array
                (
                    [0] => address_1
                )

        )

)