<div class="page page-product_add" data-name="product_add">
  <div class="navbar navbar-large">
    <div class="navbar-bg">
    </div>
    <div class="navbar-inner">
      <div class="left">
        <a href="#" class="link back">
          <i class="icon f7-icons arrow-back">arrow_left</i>
        </a>
      </div>
      <div class="title">Product Add</div>
      <div class="title-large">
        <div class="title-large-text">Product Add</div>
      </div>
      <div class="right">
      </div>
    </div>
  </div>
  <div class="page-content">
    <form class="mt-40 mb-20">
      <label for="p5_brand">Brand</label>
      <p id="p5_brand"></p>
      <label for="p5_name">Name</label>
      <input type="text" id="p5_name" placeholder="Name" value="">
      <label for="p5_item_code">Item Code</label>
      <input type="text" id="p5_item_code" placeholder="Item Code" value="">
      <label for="p5_price_per_unit">Price Per Unit</label>
      <input type="text" id="p5_price_per_unit" placeholder="Price Per Unit" value="">
      <a href="#" id="product_add_button" class="btn btn-primary btn-block fw-700 mb-30">Save</a>
    </form>
  </div>
</div>