Template Configuration Form - Copy this Html, Bootstrap Component to your project

<form-method="POST"-id="createSubmit"-class="form-form-horizontal">-<div-class="form-group">-<label-for="template_name"-class="col-md-2-col-sm-4-control-label">Template-name</label>-<div-class="col-md-10-col-sm-8">-<input-class="form-control"-type="text"-id="template_name"-name="template_name"-required>-</div>-</div>-<div-class="form-group">-<label-for="template_type"-class="col-md-2-col-sm-4-control-label">Template-type</label>-<div-class="col-md-10-col-sm-8">-<select-name="template_type"-class="form-control"-required>-<option-value="1">ZNS-tùy-chỉnh</option>-<option-value="2">ZNS-xác-thực</option>-<option-value="3">ZNS-yêu-cầu-thanh-toán</option>-<option-value="4">ZNS-voucher</option>-</select>-</div>-</div>-<div-class="form-group">-<label-for="template_tag"-class="col-md-2-col-sm-4-control-label">Tag</label>-<div-class="col-md-10-col-sm-8">-<select-name="template_tag"-class="form-control"-required>-<option-value="1">Transaction</option>-<option-value="2">Customer-care</option>-<option-value="3">Promotion</option>-</select>-</div>-</div>-<div-class="form-group">-<label-for="media_switch"-class="col-md-2-col-sm-4-control-label">HEADER</label>-<div-class="col-md-10-col-sm-8">-<input-type="checkbox"-name="media_switch"-checked>-</div>-</div>-<div-class="form-group">-<label-for="media_switch"-class="col-md-2-col-sm-4-control-label">BODY</label>-<div-class="col-md-10-col-sm-8">-<div>-<label-for="body_title"-class="control-label">TITLE</label>-<input-type="text"-name="body_title"-class="form-control">-</div>-<div>-<label-for="body_otp"-class="control-label">OTP</label>-<input-type="text"-name="body_otp"-class="form-control">-</div>-<div>-<label-for="body_content"-class="control-label">CONTENT-1</label>-<input-type="text"-name="body_content[]"-class="form-control">-</div>-<div>-<label-for="body_content"-class="control-label">CONTENT-2</label>-<input-type="text"-name="body_content[]"-class="form-control">-</div>-<div>-<label-for="body_content"-class="control-label">CONTENT-3</label>-<input-type="text"-name="body_content[]"-class="form-control">-</div>-<div>-<label-for="body_content"-class="control-label">CONTENT-4</label>-<input-type="text"-name="body_content[]"-class="form-control">-</div>-</div>-</div>-<div-class="form-group">-<label-for="template_note"-class="col-md-2-col-sm-4-control-label">Note</label>-<div-class="col-md-10-col-sm-8">-<textarea-name="template_note"-class="form-control"-minlength="1"-maxlength="400"></textarea>-</div>-</div>-<div-class="form-group">-<label-for="tracking_id"-class="col-md-2-col-sm-4-control-label">Tracking-ID</label>-<div-class="col-md-10-col-sm-8">-<input-type="text"-name="tracking_id"-class="form-control">-</div>-</div>-<div-class="form-group">-<div-class="col-md-2-col-sm-4-control-label"></div>-<div-class="col-md-10-col-sm-8">-<button-type="submit">Send</button>-</div>-</div>-</form>