Untitled

 avatar
unknown
plain_text
a year ago
13 kB
6
Indexable
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-5 form-cheque-field border-right">
            <div class="cheuqe">
                <form class='cheque-form-data' method="GET">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="ChequeNumber">{{__('Cheque Number')}}</label>
                                <input type="number" class="form-control rounded-0" name="ChequeNumber" id="ChequeNumber" placeholder="Enter Cheque Number">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="OrderNumber">{{__('Order Number')}}</label>
                                <input type="number" class="form-control rounded-0" name="OrderNumber" id="OrderNumber" placeholder="Enter Order Number">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="Particular">{{__('BIR With Holdings')}}</label>
                                <select name="BIRWithHoldings" id="BIRWithHoldings" class="form-control rounded-0">
                                    <option value="" selected hidden>Select %</option>
                                    <option value="10%">10%</option>
                                    <option value="20%">20%</option>
                                    <option value="30%">30%</option>
                                    <option value="40%">40%</option>
                                    <option value="50%">50%</option>
                                    <option value="60%">60%</option>
                                    <option value="70%">70%</option>
                                    <option value="80%">80%</option>
                                    <option value="90%">90%</option>
                                    <option value="100%">100%</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="Particular">{{__('Signatory')}}</label>
                                <select name="Signatory" id="Signatory" class="form-control rounded-0">
                                    <option value="" selected hidden>Select Signatory Personnel</option>
                                    <option value="Test Option 1">Personnel 1</option>
                                    <option value="Test Option 1">Personnel 2</option>
                                    <option value="Test Option 1">Personnel 3</option>
                                    <option value="Test Option 3">Personnel 4</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="Particular">{{__('Particular')}}</label>
                                <select name="Particular" id="Particular" class="form-control rounded-0">
                                    <option value="" selected hidden>Select Particular</option>
                                    <option value="Test Option 1">Test Option 1</option>
                                    <option value="Test Option 2">Test Option 2</option>
                                    <option value="Test Option 3">Test Option 3</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="Amount">{{__('Amount')}}</label>
                                <input type="text" class="form-control rounded-0" name="Amount" id="Amount" placeholder="Enter Amount">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="OrderDate">{{__('Order Date')}}</label>
                                <input type="date" name="OrderDate" class="form-control rounded-0" id="OrderDate">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <button class="mt-4 btn btn-info rounded-0 form-control text-light save-cheque-info"><i class='fas fa-check'></i> Save</button>
                        </div>
                        <!-- <span class="text-sm text-success" style='font-size: .6em'><i class="fas fa-check"></i> every
                            office's budget will be cut from the disbursement.</span>
                        <span class="text-sm text-success" style='font-size: .6em'><i class="fas fa-check"></i> realtime
                            changes</span>
                        <span class="text-sm text-success" style='font-size: .6em'><i class="fas fa-check"></i> allow
                            user to exit with the disbursement amount not exhausted (ask first)</span>
                        <span class="text-sm text-success" style='font-size: .6em'><i class="fas fa-check"></i> check
                            cheque & each disbursement amount</span>
                        <span class="text-sm text-danger" style='font-size: .6em'><i class="fas fa-times"></i> enable
                            read only in cheque form, allow user to edit cheque info (btn edit)</span>
                        <span class="text-sm text-danger" style='font-size: .6em'><i class="fas fa-times"></i>
                           if editing check cheque and current disbursement amount to not exceed the cheque amoun if saving</span> -->
                    </div>
                    <div class="row p-1 mt-5">
                        <div class="container result-container">
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12 my-3"><strong>Order Date: </strong> <span id="OrderDateResult"></span></div>
                                    <div class="col-sm-12 my-3"><strong>Order Number: </strong> <span id="OrderNumberResult"></span></div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12 my-3"><strong>Cheque Number: </strong><span id="ChequeNumberResult"></span></div>
                                    <div class="col-sm-12 my-3"><strong>Particular: </strong> <span id="ParticularResult"></span></div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-sm-12 my-3"><strong>Amount: </strong> <span id="AmountResult"></span></div>
                                    <div class="col-sm-12 my-3"><strong>Total Disbursement: </strong> <span id="TotalDisbursementResult"></span></div>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-sm-7">
        <form action="" class='disbursement-form'>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="AccountCode">Account Code</label>
                        <select name="AccountCode" id="AccountCode" class="form-control rounded-0">
                            <option value="" selected hidden>Select Account Code</option>
                            <option value="Test Option 1">Test Option 1</option>
                            <option value="Test Option 2">Test Option 2</option>
                            <option value="Test Option 3">Test Option 3</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="AccountName">Payee</label>
                        <input type="text" name="AccountName" id="AccountName" class="form-control rounded-0" placeholder="Account Name">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="OfficeCode">Office Code</label>
                        <select name="OfficeCode" id="OfficeCode" class="form-control rounded-0">
                            <option value="" selected hidden>Select Office Code</option>
                            <option value="Test Option 1">Test Option 1</option>
                            <option value="Test Option 2">Test Option 2</option>
                            <option value="Test Option 3">Test Option 3</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6">
                    <!--  -->
                    <div class="form-group">
                        <label for="Particular2">Particular</label>
                        <div class="input-group">
                            <select name="Particular2" id="Particular2" class="form-control rounded-0">
                                <option value="" selected hidden>Select Particular</option>
                                <option value="Test Option 1">Test Option 1</option>
                                <option value="Test Option 2">Test Option 2</option>
                                <option value="Test Option 3">Test Option 3</option>
                            </select>
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="Amount2">Amount</label>
                        <input type="text" name="Amount2" id="Amount2" class="form-control rounded-0" placeholder="Amount">
                    </div>
                </div>
            </div>
            <button class="btn btn-info rounded-0 shadow-sm p-2 text-light form-control submit-btn-disbursement"><i class="fas fa-check"></i> Save</button>
            <hr>
            <div class="row">
                <div class="col-sm-12">
                    <span class='mb-2'><strong>Accounts/Offices: </strong></span>
                    <div class="container-fluid">
                        <table class="table disbursement-table">
                            <thead>
                                <tr>
                                    <th>Cheque Ref.</th>
                                    <th>Account Code</th>
                                    <th>Account Name</th>
                                    <th>Office Code</th>
                                    <th>Particular</th>
                                    <th>Amount</th>
                                    <th>Action</th>
                                    <!-- $(".table").each(function(){
                    $(this).find('#amountToBeReturn').each(function(){
                        const currentDisbursementTotal = $(this).text();
                        console.log(currentDisbursementTotal);
                    })
                }) -->
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
    </div>
    </form>
</div>
</div>
<script>

</script>
Editor is loading...
Leave a Comment