<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="i2_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">Brand</div>

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

          <input id="i2_brand" value="" type="text" placeholder="Brand">

        </div>

      </div>

    </li>

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

      <div class="item-inner">

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

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

          <input id="i2_remark" value="" type="text" placeholder="Remark">

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

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

                <input id="i2_qty" value="" type="text" placeholder="Qty">

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

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

                <input id="i2_unit" value="" type="text" placeholder="Unit">

              </div>

            </div>

          </div>

        </div>

      </div>

    </li>



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

      <div class="item-inner">

        <div class="item-title item-label">Price/Unit</div>

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

          <input id="i2_price_per_unit" type="text" placeholder="Price/Unit">

        </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">Will Age</div>

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

                <input id="i2_will_age" value="" type="text" placeholder="Will Age">

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

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

                <input id="i2_action_at" type="datetime-local" placeholder="ActionAt">

              </div>

            </div>

          </div>

        </div>

      </div>

    </li>



  </ul>

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

  <div class="container">

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

  </div>

</form>

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