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

    <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-profile-socials">
            Save
          </a>
        </div>

      </div>
    </div>


    <div class="page-content">

      <div class="block-title">Social Links</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">Instagram</div>
                <div class="item-input-wrap">
                  <input type="text" name="social_instagram" placeholder="Enter Instagram Username" />
                  <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">Facebook</div>
                <div class="item-input-wrap">
                  <input type="text" name="social_facebook" placeholder="Enter Facebook Username" />
                  <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">TikTok</div>
                <div class="item-input-wrap">
                  <input type="text" name="social_tiktok" placeholder="Enter Tiktok Username" />
                  <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">YouTube</div>
                <div class="item-input-wrap">
                  <input type="text" name="social_youtube" placeholder="Enter YouTube Username" />
                  <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">Mivia</div>
                <div class="item-input-wrap">
                  <input type="text" name="social_mivia" placeholder="Enter Mivia Username" />
                  <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">Custodian</div>
                <div class="item-input-wrap">
                  <input type="text" name="social_custodian" placeholder="Enter Custodian Username" />
                  <span class="input-clear-button"></span>
                </div>
              </div>
            </li>

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

      <div class="block-title">Other Links</div>
      <div class="list list-strong-ios list-dividers-ios inset-ios social-other-links">
        <ul></ul>

        <div class="button-add-link">
          <div class="button button-fill margin-bottom popup-open" data-popup=".add-link-popup">Add Link</div>
        </div>
      </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] => block-title
                    [30] => list list-strong-ios list-dividers-ios inset-ios social-other-links
                    [31] => button-add-link
                    [32] => button button-fill margin-bottom popup-open
                )

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

            [data-popup] => Array
                (
                    [0] => .add-link-popup
                )

        )

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

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

            [id] => Array
                (
                    [0] => save-profile-socials
                )

        )

    [input] => Array
        (
            [type] => Array
                (
                    [0] => text
                    [1] => text
                    [2] => text
                    [3] => text
                    [4] => text
                    [5] => text
                )

            [name] => Array
                (
                    [0] => social_instagram
                    [1] => social_facebook
                    [2] => social_tiktok
                    [3] => social_youtube
                    [4] => social_mivia
                    [5] => social_custodian
                )

            [placeholder] => Array
                (
                    [0] => Enter Instagram Username
                    [1] => Enter Facebook Username
                    [2] => Enter Tiktok Username
                    [3] => Enter YouTube Username
                    [4] => Enter Mivia Username
                    [5] => Enter Custodian Username
                )

        )

)