Stock Input Form - Copy this Html, Bootstrap Component to your project
<div-class="p-stock-input-border-border-black-rounded-2-p-2-mb-2-bg-secondary-subtle"-id="p-stock-input-${pStockInputCount}">-<div-class="d-flex-justify-content-between">-<div-class="p-stock-label-h6">Stock-${pStockInputCount}</div>-<div>-<button-onclick="deletePStockInput(this)"-class="btn-btn-primary">${svgEye}</button>-<button-onclick="moveUpPStockInput(this)"-class="btn-btn-secondary">${svgArrowUp}</button>-<button-onclick="moveDownPStockInput(this)"-class="btn-btn-secondary">${svgArrowDown}</button>-<button-onclick="deletePStockInput(this)"-class="btn-btn-danger">${svgTrash}</button>-</div>-</div>-<div-class="row-g-3">-<div-class="col-3">-<label-for="p-stock-code-${pStockInputCount}"-class="form-label">Code</label>-<input-type="text"-class="form-control"-id="p-stock-code-${pStockInputCount}"-name="p_stock_code"-value="${data.code}">-</div>-<div-class="col-3">-<label-for="p-stock-name-${pStockInputCount}"-class="form-label">Name</label>-<input-type="text"-class="form-control"-id="p-stock-name-${pStockInputCount}"-name="p_stock_name"-value="${data.name}">-</div>-<div-class="col-3">-<label-for="p-stock-country-${pStockInputCount}"-class="form-label">Country</label>-<select-id="p-stock-country-${pStockInputCount}"-class="form-select"-name="p_stock_country">-<option-value="US"${data.country-===-'US'-?-'-selected'-:-''}>US</option>-<option-value="HK"${data.country-===-'HK'-?-'-selected'-:-''}>HK</option>-</select>-</div>-<div-class="col-3">-<label-for="p-stock-position-${pStockInputCount}"-class="form-label">Position</label>-<input-type="text"-class="form-control"-id="p-stock-position-${pStockInputCount}"-name="p_stock_position"-value="${data.position}">-</div>-<div-class="col-3">-<label-for="p-stock-current-${pStockInputCount}"-class="form-label">Current</label>-<input-type="text"-class="form-control"-id="p-stock-current-${pStockInputCount}"-name="p_stock_current"-value="${data.current}">-</div>-<div-class="col-3">-<label-for="p-stock-cost-${pStockInputCount}"-class="form-label">Cost</label>-<input-type="text"-class="form-control"-id="p-stock-cost-${pStockInputCount}"-name="p_stock_cost"-value="${data.cost}">-</div>-<div-class="col-3">-<label-for="p-stock-market-${pStockInputCount}"-class="form-label">Market</label>-<input-type="text"-class="form-control"-id="p-stock-market-${pStockInputCount}"-name="p_stock_market"-value="${data.market}">-</div>-<div-class="col-3">-<label-for="p-stock-pl-${pStockInputCount}"-class="form-label">P&L</label>-<input-type="text"-class="form-control"-id="p-stock-pl-${pStockInputCount}"-name="p_stock_pl"-value="${data.pl}">-</div>-</div>-</div>
