<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">Create <?php echo $pageTitle; ?> <a href="<?php echo site_url("accounts/accountheads/list"); ?>" class="btn btn-sm btn-primary float-right">List <?php echo $pageTitle; ?></a></h5>
                        </div>
                        <div class="card-body">
                            <form method=POST action="" enctype="multipart/form-data" name="tbl_accounts">
                                <div class="row">
                                    <!--COL START-->
                                    <div class="col-8">
                                        <div class="form-group"> <label for="account_name">Account Name</label><input type="text" class="form-control" id="account_name" value="" name="account_name" required> </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="exampleInputFile">Upload Image</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="exampleInputFile">
                                                    <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                                </div>

                                            </div>
                                        </div>
                                        <!-- <div class="text-center">
                                            <img class="profile-user-img img-fluid " src="../../dist/img/user4-128x128.jpg" alt="User profile picture">
                                        </div> -->
                                    </div>
                                    <!--COL END-->
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="form-group">
                                            <?php
                                            $this->myaccounts->showAccountsCategoriesWithParentsCombo($fieldName = "accategory_id", $displayName = "Account Category", $fieldID = "accategory_id", $condition = "status=1", $default = "", $CSSclass = "select2", "required");
                                            ?>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group"> <label for="opening_balance">Opening Balance</label><input type="text" class="form-control" id="opening_balance" value="" name="opening_balance"> </div>
                                    </div>
                                    <div class="col-1">
                                        <div class="form-group"> <label for="opening_balance_drcr">Dr/Cr</label>
                                            <select class="form-control" id="opening_balance_drcr" name="opening_balance_drcr" required>
                                                <option value="DR" class="text-left">Dr</option>
                                                <option value="CR" class="text-left">Cr</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-header">Party Details</div>
                                            <div class="card-body">
                                                <div class="row">
                                                    <!--COL START-->
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partyname">Name</label><input type="text" class="form-control" id="account_partyname" value="" name="account_partyname"> </div>
                                                    </div>
                                                    <!--COL END-->
                                                    <!--COL START-->
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partyaddress">Address</label><input type="text" class="form-control" id="account_partyaddress" value="" name="account_partyaddress"> </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partycontact">Contact</label><input type="text" class="form-control" id="account_partycontact" value="" name="account_partycontact"> </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partypan">PAN</label><input type="text" class="form-control" id="account_partypan" value="" name="account_partypan"> </div>
                                                    </div>
                                                    <!--COL END-->
                                                </div>
                                                <div class="row">
                                                    <!--COL START-->
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partyemail">Email</label><input type="email" class="form-control" id="account_partyemail" value="" name="account_partyemail"> </div>
                                                    </div>
                                                    <!--COL END-->
                                                    <!--COL START-->
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partycontactperson">Contact Person</label><input type="text" class="form-control" id="account_partycontactperson" value="" name="account_partycontactperson"> </div>
                                                    </div>
                                                    <!--COL END-->
                                                    <!--COL START-->
                                                    <div class="col">
                                                        <div class="form-group"> <label for="account_partycontactpersoncontact">Contact Person's Phone</label><input type="text" class="form-control" id="account_partycontactpersoncontact" value="" name="account_partycontactpersoncontact"> </div>
                                                    </div>
                                                    <!--COL END-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--COL START-->
                                    <!--COL END-->
                                    <!--COL START-->
                                    <!--COL END-->
                                    <!--COL START-->
                                    <!--COL END-->
                                    <!--COL START-->
                                    <!--COL END-->
                                </div>
                                <div class="row">
                                    <!--COL START-->
                                    <div class="col">
                                        <div class="form-group"> <label for="remarks">Remarks</label> <textarea class="form-control" id="remarks" name="remarks"></textarea> </div>
                                    </div>
                                    <!--COL END-->
                                </div> <button type="reset" class="btn btn-default btn-sm">Reset</button> <button class="btn btn-primary btn-sm" type="submit" name="submit">Save</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>