<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>