sidata/resources/views/salurdana/frm_salary.blade.php

<div class="row justify-content-center">
    <div class="col-6">
        <span class="section">Penerimaan Gaji Kotor</span>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_gaji_pokok">Gaji Pokok <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_gaji_pokok" name="rincian_gaji[gaji_pokok]" required value="0" class="form-control number-separator-indo calculate_field">
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_suami_istri">Tunjangan Istri/Suami <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_tunjangan_suami_istri" name="rincian_gaji[tunjangan_suami_istri]" value="0" required class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_anak">Tunjangan Anak <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_tunjangan_anak" name="rincian_gaji[tunjangan_anak]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_lain">Tunjangan Lain-lain <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_tunjangan_lain" name="rincian_gaji[tunjangan_lain]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_jabatan">Tunjangan Jabatan <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_tunjangan_jabatan" name="rincian_gaji[tunjangan_jabatan]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_beras">Tunjangan Beras <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_tunjangan_beras" name="rincian_gaji[tunjangan_beras]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_tunjangan_pph">Tunjangan PPH <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_tunjangan_pph" name="rincian_gaji[tunjangan_pph]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_pembulatan">Pembulatan <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_pembulatan" name="rincian_gaji[pembulatan]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_pembulatan">Total Gaji Kotor<span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_total_gaji_kotor" name="rincian_gaji[gaji_kotor]" required value="0" class="form-control number-separator-indo" readonly>
            </div>
        </div>
    </div>
    <div class="col-6">
        <span class="section">Potongan</span>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_beras">Potongan Beras <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_potongan_beras" name="rincian_gaji[potongan_beras]" required value="0" class="form-control number-separator-indo calculate_field">
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_iuran_pfk">Iuran PFK <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_potongan_iuran_pfk" name="rincian_gaji[potongan_iuran_pfk]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_pph">Potongan PPH <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_potongan_pph" name="rincian_gaji[potongan_pph]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_potongan_lain">Lain-lain <span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_potongan_lain" name="rincian_gaji[potongan_lain]" required value="0" class="form-control number-separator-indo calculate_field" >
            </div>
        </div>
        <div class="form-group row">
            <label class="col-form-label col-md-3 col-sm-3 label-align" for="rincian_pembulatan">Total Potongan<span class="required">*</span>
            </label>
            <div class="col-md-9 col-sm-9 ">
                <input type="text" id="rincian_total_potongan" name="rincian_gaji[total_potongan]" required value="0" class="form-control number-separator-indo" readonly>
            </div>
        </div>
    </div>
    <div class="col-12 pt-3"><hr></div>
    <div class="col-3 offset-9">
        <div class="form-group row">
            <label class="col-form-label col-md-5 col-sm-5 label-align" for="rincian_pembulatan">Total Gaji Bersih <span class="required">*</span>
            </label>
            <div class="col-md-7 col-sm-7 ">
                <input type="text" id="rincian_total_gaji_bersih" name="rincian_gaji[total_gaji_bersih]" value="0" class="form-control-plaintext h3 number-separator-indo" readonly>
            </div>
        </div>
    </div>
</div>