Form/tabular input Yii

<form id="w0" action="/glis/rental/create" method="post">
<input type="hidden" name="_csrf" value="kiQYbmMmMOwC_EIsPR5YgwJDMtS9l20hpB33vjPCcmPBVlkoDBIEi1uGLmBibjTQNAVHh8_cN1v2U9rQUKEkPA==">
    <div class="form-group field-rentals-workflow_process_id required">

<input type="hidden" id="rentals-workflow_process_id" class="form-control" name="Rentals[workflow_process_id]" value="3">

<div class="help-block"></div>
</div>
    <div class="form-group field-rentals-rental_num">
<label class="control-label" for="rentals-rental_num">Rental Num</label>
<input type="text" id="rentals-rental_num" class="form-control" name="Rentals[rental_num]" readonly="readonly" placeholder="Generate by system">

<div class="help-block"></div>
</div>
    <div class="row">
        <!-- start row -->

        <div class="col-xs-12 col-sm-12 col-md-6">
            <!-- start col -->

            <div class="form-group field-rentals-rental_date">
<label class="control-label" for="rentals-rental_date">Rental Date</label>
<div id="rentals-rental_date-disp-kvdate" class="input-group  date"><span class="input-group-addon kv-date-picker" title="Select date"><i class="glyphicon glyphicon-calendar kv-dp-icon"></i></span><span class="input-group-addon kv-date-remove" title="Clear field"><i class="glyphicon glyphicon-remove kv-dp-icon"></i></span><input type="text" id="rentals-rental_date-disp" class="form-control krajee-datepicker" name="rental_date-rentals-rental_date-disp" value="" data-krajee-datecontrol="datecontrol_00808f18" data-datepicker-source="rentals-rental_date-disp-kvdate" data-datepicker-type="2" data-krajee-kvdatepicker="kvDatepicker_4e024ef8"></div><input type="hidden" id="rentals-rental_date" name="Rentals[rental_date]">

<div class="help-block"></div>
</div>
            <!-- end col -->
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6">
            <!-- start col -->

            <div class="form-group field-rentals-return_date">
<label class="control-label" for="rentals-return_date">Return Date</label>
<div id="rentals-return_date-disp-kvdate" class="input-group  date"><span class="input-group-addon kv-date-picker" title="Select date"><i class="glyphicon glyphicon-calendar kv-dp-icon"></i></span><span class="input-group-addon kv-date-remove" title="Clear field"><i class="glyphicon glyphicon-remove kv-dp-icon"></i></span><input type="text" id="rentals-return_date-disp" class="form-control krajee-datepicker" name="return_date-rentals-return_date-disp" value="" data-krajee-datecontrol="datecontrol_de666be3" data-datepicker-source="rentals-return_date-disp-kvdate" data-datepicker-type="2" data-krajee-kvdatepicker="kvDatepicker_4e024ef8"></div><input type="hidden" id="rentals-return_date" name="Rentals[return_date]">

<div class="help-block"></div>
</div>
            <!-- end col -->
        </div>

        <!-- end row -->
    </div>

    <div class="form-group field-rentals-corporates_id">
<label class="control-label" for="rentals-corporates_id">Customer</label>
<select id="rentals-corporates_id" class="form-control select2-hidden-accessible" name="Rentals[corporates_id]" data-s2-options="s2options_d6851687" data-krajee-select2="select2_146f3d02" style="display:none" tabindex="-1" aria-hidden="true">
<option value="">Choose...</option>
<option value="20">PT. Aqua Golden Mississippi Tbk</option>
<option value="18">Tirta Investama</option>
</select><span class="select2 select2-container select2-container--krajee" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-rentals-corporates_id-container"><span class="select2-selection__rendered" id="select2-rentals-corporates_id-container"><span class="select2-selection__placeholder">Choose...</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>

<div class="help-block"></div>
</div>
    <div class="row">
        <!-- start row -->

        <div class="col-xs-4 col-sm-4 col-md-8">
            <!-- start col -->

            <a id="btn-add" class="btn btn-info"><span class="glyphicon glyphicon-plus"></span> Add New Row</a>

            <!-- end col -->
        </div><br><br><br>

        <!-- end row -->
    </div>

    <div id="detail-grid">
<div class="mdm-item selected" data-key="0" data-index="0"><div class="row">
    <!-- start row -->

    <div class="col-xs-12 col-sm-12 col-md-4">
        <!-- start col -->

        <div class="form-group field-rentaldetails-0-items_id required has-success">
<label class="control-label" for="rentaldetails-0-items_id">Select Item</label>
<select id="rentaldetails-0-items_id" class="form-control select2-hidden-accessible" name="RentalDetails[0][items_id]" onchange="ListItems(this.value)" data-s2-options="s2options_d6851687" data-krajee-select2="select2_b63f4462" style="display:none" tabindex="-1" aria-hidden="true" aria-invalid="false">
<option value="">Choose Items Name...</option>
<option value="1">PACKING TAPE BIRU</option>
<option value="2">ETIKET IND. SM-ASIAN GAMES 2018</option>
</select><span class="select2 select2-container select2-container--krajee select2-container--above select2-container--focus" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-rentaldetails-0-items_id-container"><span class="select2-selection__rendered" id="select2-rentaldetails-0-items_id-container" title="ETIKET IND. SM-ASIAN GAMES 2018"><span class="select2-selection__clear">×</span>ETIKET IND. SM-ASIAN GAMES 2018</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>

<div class="help-block"></div>
</div>
        <!-- end col -->
    </div>

    <div class="col-xs-12 col-sm-6 col-md-2 col-lg-3">
        <!-- start col -->

        <div class="form-group field-rentaldetails-0-unit_price">
<label class="control-label" for="rentaldetails-0-unit_price">Unit Price</label>
<input type="number" id="rentaldetails-0-unit_price" class="form-control field-unit-price" name="RentalDetails[0][unit_price]" value="0.00" step=".01">

<div class="help-block"></div>
</div>
        <!-- end col -->
    </div>
    <div class="col-xs-12 col-sm-6 col-md-2 col-lg-3">
        <!-- start col -->

        <div class="form-group field-rentaldetails-0-the_amount_of_goods required">
<label class="control-label" for="rentaldetails-0-the_amount_of_goods">The Amount Of Goods</label>
<input type="number" id="rentaldetails-0-the_amount_of_goods" class="form-control field-unit" name="RentalDetails[0][the_amount_of_goods]" value="0" step=".01">

<div class="help-block"></div>
</div>
        <!-- end col -->
    </div>

    <!-- end row -->
</div>
<div class="row">
    <!-- start row -->

    <div class="col-xs-12 col-sm-12 col-md-12">
        <!-- start col -->

        <a data-action="delete"><span class="glyphicon glyphicon-trash"></span></a>

        <!-- end col -->
    </div>

    <!-- end row -->
</div></div></div>
    <div class="row">
        <!-- start row -->

        <div class="col-xs-12 col-sm-12 col-md-1">
            <!-- start col -->

            <div class="form-group field-rentals-down_payment">
<label class="control-label" for="rentals-down_payment">Down Payment</label>
<input type="text" id="rentals-down_payment" class="form-control" name="Rentals[down_payment]">

<div class="help-block"></div>
</div>
            <!-- end col -->
        </div>

        <!-- end row -->
    </div>


    <div class="form-group">
        <!-- start form-group -->

        <button type="submit" class="btn btn-success">Save</button>
        <!-- end form-group -->
    </div>

    </form>