<form class="list">

  <ul>

    <li class="item-content item-input">

      <div class="item-inner">

        <div class="item-title item-label">Name</div>

        <div class="item-input-wrap">

          <input id="p8_name" value="" type="text" placeholder="Name">

        </div>

      </div>

    </li>

    <li class="item-content item-input">

      <div class="item-inner">

        <div class="item-title item-label">Initial</div>

        <div class="item-input-wrap">

          <input id="p8_initial" type="text" placeholder="Initial">

        </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 id="p8_email" type="text" placeholder="Email">

        </div>

      </div>

    </li>

    <li class="item-content item-input">

      <div class="item-inner">

        <div class="item-title item-label">NIK</div>

        <div class="item-input-wrap">

          <input id="p8_nik" type="text" placeholder="NIK">

        </div>

      </div>

    </li>

    <li class="item-content item-input">

      <div class="item-inner">

        <div class="item-title item-label">NPWP</div>

        <div class="item-input-wrap">

          <input id="p8_npwp" type="text" placeholder="NPWP">

        </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">

          <input id="p8_address" type="text" placeholder="Address">

        </div>

      </div>

    </li>

    <li class="item-content item-input">

      <div class="row">

        <div class="col-50">

          <div class="item-content item-input item-input-with-value">

            <div class="item-inner">

              <div class="item-title item-label">City</div>

              <div class="item-input-wrap">

                <input id="p8_city" type="text" placeholder="City">

              </div>

            </div>

          </div>

        </div>

        <div class="col-50">

          <div class="item-content item-input item-input-with-value">

            <div class="item-inner">

              <div class="item-title item-label">PostCode</div>

              <div class="item-input-wrap">

                <input id="p8_postcode" type="text" placeholder="PostCode">

              </div>

            </div>

          </div>

        </div>

      </div>

    </li>

    <div class="separator-small"></div>

    <li class="item-content item-input">

      <div class="row">

        <div class="col-50">

          <div class="item-content item-input item-input-with-value">

            <div class="item-inner">

              <div class="item-title item-label">Phone/WhatsApp</div>

              <div class="item-input-wrap">

                <input id="p8_phone" type="text" placeholder="City">

              </div>

            </div>

          </div>

        </div>

        <div class="col-50">

          <div class="item-content item-input item-input-with-value">

            <div class="item-inner">

              <div class="item-title item-label">CompanyId</div>

              <div class="item-input-wrap input-dropdown-wrap">

                <select id="p8_company_id" placeholder="Please choose...">

                </select>

              </div>

            </div>

          </div>

        </div>

      </div>

    </li>

    <div class="separator-small"></div>

    <li class="item-content item-input">

      <div class="item-inner">

        <div class="item-title item-label">Relation</div>

      </div>

    </li>

    <span id="relation"></span>

  </ul>



  <div class="container">

    <button id="person_add_button" class="btn btn-primary btn-block fw-700">Save</button>

  </div>

</form>

<div class="separator-large"></div>