<style> /* Style for checked checkbox */ input[type=checkbox]:checked + label { color: #007bff; /* Change text color */ } /* Style for unchecked checkbox */ input[type=checkbox] + label { color: black; /* Default text color */ } /* Style for checkbox itself */ input[type=checkbox] { margin-right: 10px; /* You can change the color here */ /* For example: */ /* border-color: blue; */ } ul.twocols { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-type: none; padding-inline-start: 0px !important; } ul li { font-size: 12px; font-weight: 400; } ul li label { display: inline-block; margin-bottom: .2rem !important; letter-spacing: .018rem; } .card-header { padding: .35rem .75rem !important; margin-bottom: 0; } </style> <div class="content-wrapper"> <div class="content"> <div class="container-fluid"> <div class="row"> <div class="col"> <div class="card card-primary card-outline"> <div class="card-header"> <h5 class="m-0"> <?php echo $pageTitle; ?> <?php //showListButton($this->uri->segment(1) . "/" . $this->uri->segment(2) . "/list", "List " . $pageTitle); ?> </h5> </div> <div class="card-body"> <form method=POST action="" enctype="multipart/form-data" name="tbl_vouchertypes"> <div class="row"> <!--COL START--> <div class="col"> <div class="form-group"> <label for="voucher_name">Voucher Name</label><input type="text" class="form-control" id="voucher_name" value="<?php echo $VoucherType->voucher_name; ?>" name="voucher_name"> </div> </div> <div class="col"> <div class="form-group"> <label for="voucher_color">Voucher Color</label> <input type="color" class="form-control p-0" id="voucher_color" value="<?php echo $VoucherType->voucher_color; ?>" name="voucher_color" style="width:85px;"> </div> </div> <!-- <div class="col"> <div class="form-group"> <label for="default_debits">Default Debits</label> <select class="select2" name="default_debits[]" id="default_debits" multiple> <?php foreach ($Accountcategories as $Accountcategory) : ?> <option value="<?php echo $Accountcategory->accategory_id; ?>" <?php if (in_array($Accountcategory->accategory_id, explode(",", ($VoucherType->default_debits != "") ? $VoucherType->default_debits : ""))) echo "SELECTED"; ?>><?php echo $Accountcategory->accategory_name; ?></option> <?php endforeach; ?> </select> </div> </div> --> <!-- <div class="col"> <div class="form-group"> <label for="default_credits">Default Credits</label> <select class="select2" name="default_credits[]" id="default_credits" multiple> <?php foreach ($Accountcategories as $Accountcategory) : ?> <option value="<?php echo $Accountcategory->accategory_id; ?>" <?php if (in_array($Accountcategory->accategory_id, explode(",", ($VoucherType->default_credits != "") ? $VoucherType->default_credits : ""))) echo "SELECTED"; ?>><?php echo $Accountcategory->accategory_name; ?></option> <?php endforeach; ?> </select> </div> </div> --> <div class="col"> <div class="form-group"> <label for="status">Status</label> <select class="form-control" name="status" id="status"> <option value="0" <?php if ($VoucherType->status == "0") echo "SELECTED"; ?>>Disabled</option> <option value="1" <?php if ($VoucherType->status == "1") echo "SELECTED"; ?>>Enabled</option> </select> </div> </div> <!--COL END--> </div> <div class="row"> <div class="col-6"> <div class="card"> <div class="card-header bg-primary"> <h5 class="card-title mb-0">Default Debits Groups</h5> </div> <div class="card-body"> <div class="row"> <ul class="twocols"> <?php foreach ($Accountcategories as $Accountcategory) : ?> <li> <input type="checkbox" id="d_<?php echo $Accountcategory->accategory_id; ?>" name="default_debits[]" <?php if (in_array($Accountcategory->accategory_id, explode(",", ($VoucherType->default_debits != "") ? $VoucherType->default_debits : ""))) echo "CHECKED"; ?> value="<?php echo $Accountcategory->accategory_id; ?>"> <label for="d_<?php echo $Accountcategory->accategory_id; ?>"><?php echo $Accountcategory->accategory_name; ?></label></li> <?php endforeach; ?> </ul> </div> </div> </div> </div> <div class="col-6"> <div class="card"> <div class="card-header bg-success"> <h5 class="card-title mb-0">Default Credits Groups</h5> </div> <div class="card-body"> <div class="row"> <ul class="twocols"> <?php foreach ($Accountcategories as $Accountcategory) : ?> <li> <input type="checkbox" id="c_<?php echo $Accountcategory->accategory_id; ?>" name="default_credits[]" <?php if (in_array($Accountcategory->accategory_id, explode(",", ($VoucherType->default_credits != "") ? $VoucherType->default_credits : ""))) echo "CHECKED"; ?> value="<?php echo $Accountcategory->accategory_id; ?>"> <label for="c_<?php echo $Accountcategory->accategory_id; ?>"><?php echo $Accountcategory->accategory_name; ?></label> </li> <?php endforeach; ?> </ul> </div> </div> </div> </div> </div> <div class="row"> <!--COL START--> <div class="col-lg-12"> <div class="form-group"> <label for="remarks">Remarks</label> <textarea class="form-control" id="remarks" rows="30" name="remarks"></textarea> </div> </div> <!--COL END--> </div> <!-- <button type="reset" class="btn btn-default">Reset</button> --> <button class="btn btn-primary float-right" type="submit" name="submit">Save</button> </form> </div> </div> </div> </div> </div> </div> </div>