@php
$page_name = 'Ledgers';
@endphp

@include('partial.header')

<div class="container-fluid">
    @include('partial.navigation')
    <div class="main-container">
            <!-- Content wrapper start -->
            <div class="content-wrapper">
                <div class="table-container">
                    @if(\Session::has('success'))
                        <div class="alert alert-success">
                            {{\Session::get('success')}}
                        </div>
                    @endif
                    @if($errors->any())
                        @foreach ($errors->all() as $error)
                            <div class="alert alert-danger">{{$error}}</div>
                        @endforeach
                        <br/>
                    @endif
                </div>
                <table  class="table" style="margin-bottom: 0px !important;">
                            <tbody>
                                <tr>
                                    <td style="width:100px;">
                                        <h5 class="table-title">Ledger</h5>
                                    </td>
                                    <td style="width:60px;">
                                        <b>Search</b>
                                    </td>
                                    <td style="width:300px;">
                                        <form autocomplete="off">
                                            <input autofocus="" id="SearchLedger" onblur="Ledgers()" class="form-control form-control-sm ui-autocomplete-input" type="text" placeholder="Search Party..." autocomplete="off">
                                        </form>
                                    </td>

                                    <td style="width:110px;">
                                        <!-- <b>Cash Agent</b> -->
                                    </td>
                                    <td style="width:250px;">
                                        
                                    </td>
                                    <td style="width:60px;">
                                        <!-- <b>Agent</b> -->
                                    </td>
                                    <td style="width:200px;">
                                        <!-- <select onblur="Ledgers()" class="form-control form-control-sm" id="SearchGroupAgentId"></select> -->
                                    </td>
                                    <td style="width:50px;">
                                        <!-- <span id="ajax_loader"></span> -->
                                    </td>
                                    <td></td>
                                    <td style="width:350px;"></td>
                                    <td style="width:150px;">
                                        <button type="button" id="AddButton" onclick="LedgerStatusChange('Add'); $('#AddModal').modal('show'); setTimeout(function(){ $('#LedgerName').focus(); }, 500);" class="btn btn-info btn-block">Add
                                            <small>(Ledger)</small>
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!--****************** Vertical Scroll table start ************************-->
                        <div class="table-responsive CustomFixedTbl" style="min-height:60vh; max-height:60vh; ">
                            <table id="ledgerTable" class="table">
                                <thead>
                                    <tr>
                                        <th style="width:50px;">Sr</th>
                                        <th style="width:40px;">Chat</th>
                                        <th>Party Name</th>
                                        <th style="width:80px;">UserName</th>
                                        <th style="width:130px;">Group</th>
                                        <th style="width:150px;">Agent</th>
                                        <th style="width:70px;">Dara</th>
                                        <th style="width:70px;">Akhar</th>
                                        <th style="width:60px;">HP</th>
                                        <th style="width:60px;">TPH</th>
                                        <th style="width:90px;">Vapsi|TPR</th>
                                        <th style="width:60px;">Risky</th>
                                        <th style="width:160px;"><a href="#" style="color:#fff;" onclick="sortLedgerData('added_on', this)" data-order="ASC">Added
                                            <i class="icon-format_line_spacing"></i>
                                            </a></th>
                                        <th style="width:160px;"><a href="#" style="color:#fff;" onclick="sortLedgerData('updated_on', this)" data-order="ASC">Updated
                                            <i class="icon-format_line_spacing"></i>
                                        </a></th>
                                        <th style="width:90px;">Action</th>
                                    </tr>
                                </thead>
                                <tbody id="LedgersBody">
                                    
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th id="TotalLedgers"></th>
                                        <th>Chat</th>
                                        <th>Party Name</th>
                                        <th>UserName</th>
                                        <th>Group</th>
                                        <th>Agent</th>
                                        <th>Dara</th>
                                        <th>Akhar</th>
                                        <th>HP</th>
                                        <th>TPH</th>
                                        <th>Vapsi|TPR</th>
                                        <th>Risky</th>
                                        <th>Added</th>
                                        <th>Updated</th>
                                        <th>Action</th>
                                    </tr>
                                </tfoot>
                            </table>
                    </div>
                <!--******** Vertical Scroll table end ********************-->
            </div>
    </div>
    <footer class="main-footer" style="padding:0px; ">
                <div class="table-responsive">
                    <table class="table" style="margin-bottom: 0px !important; background:none;">
                        <tbody>
                            <tr>
                                <td></td>
                                <td style="width:150px;">
                                    <select onchange="Ledgers()" id="isHideStatus" class="form-control form-control-sm">
                                            <option value="0">Visible</option>
                                            <option value="1">Hidden</option>
                                        </select>
                                    </td>
                                    <td style="width:190px;">
                                        <select onchange="Ledgers()" id="isAccountStatus" class="form-control form-control-sm">
                                            <option value="1">Active</option>
                                            <option value="0">Deactivated</option>
                                        </select>
                                    </td>
                                                            </tr>

                        </tbody>
                    </table>
                </div>
            </footer>
</div> 

<!-- Start Add Ledger Modal -->
<div class="modal fade" id="AddModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-xl" style="margin-top: 2rem;" role="document">
                    <form method="post" action="/addLedger" id="AddLedgerForm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="basicModalLabel">Ledger</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="row gutters">
                                    <div class="col-xl-8 col-lglg-8 col-md-8 col-sm-8 col-12">
                                        <div class="row gutters">
                                            <div style="display:none;" class="col-xl-1 col-lglg-1 col-md-1 col-sm-1 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Status</label>
                                                    <select id="LedgerStatus" class="form-control form-control-sm">
                                                        <option value="Add">Add</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xl-5 col-lglg-5 col-md-5 col-sm-5 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Ledger Name</label>
                                                    <input type="text" name="name" id="LedgerName" class="form-control form-control-sm" placeholder="">
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Real Name</label>
                                                    <input type="text" name="real_name" id="RealName" class="form-control form-control-sm" placeholder="">
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Group</label>
                                                    <select id="LedgerGroup" name="group_id" class="form-control form-control-sm">
                                                        @if ($groups->isNotEmpty())
                                                            @foreach ($groups as $g)
                                                                <option value="{{$g->id}}">{{$g->name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="ParentPanel" class="row gutters" style="display:none;">
                                            <div id="DistributorComboPanel" class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Distributor</label>
                                                    <input type="text" name="distributor" id="DistributorCombo" class="form-control form-control-sm" placeholder="">
                                                </div>
                                            </div>
                                            <div id="RetailerComboPanel" style="display:none;" class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Retailer</label>
                                                    <select id="RetailerCombo" class="form-control form-control-sm"></select>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group"></div>
                                            </div>
                                        </div>
                                        <div id="LedgerConfigPanel1" style="display:none;" class="row gutters">
                                            <div class="col-xl-12 col-lglg-12 col-md-12 col-sm-12 col-12">

                                                <table class="table ledger" style="margin-bottom:0px !important;">
                                                    <tbody>
                                                        <tr>
                                                            <td style="padding:3px; text-align:center;">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="padding:3px; text-align:center;">
                                                                                <label for="inputReadOnly">Dara Rate</label>
                                                                                <input class="form-control form-control-sm" name="dara_rate" id="DaraRate" type="text" maxlength="3" onkeypress="return isNumberKey(event)" value="">
                                                                            </th>
                                                                            <th style="padding:3px;  text-align:center;">
                                                                                <label for="inputReadOnly">Commission</label>
                                                                                <input class="form-control form-control-sm" name="dara_rate_comm" id="DaraCommission" type="text" onkeypress="return isNumberKey(event)" value="">
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </td>
                                                            <td style="padding:3px; text-align:center;">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="padding:3px; text-align:center;">
                                                                                <label for="inputReadOnly">Akhar Rate</label>
                                                                                <input class="form-control form-control-sm" id="AkharRate" name="akhar_rate" type="text" maxlength="3" onkeypress="return isNumberKey(event)" value="">
                                                                            </th>
                                                                            <th style="padding:3px;  text-align:center;">
                                                                                <label for="inputReadOnly">Commission</label>
                                                                                <input class="form-control form-control-sm" id="AkharCommission" name="akhar_rate_comm" type="text" onkeypress="return isNumberKey(event)" value="">
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </td>
                                                            <td style="padding:3px; text-align:center;">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="padding:3px; text-align:center;">
                                                                                <label for="inputReadOnly">TP Comm</label>
                                                                                <input class="form-control form-control-sm" id="TPComm" name="tp_comm" type="text" onkeypress="return isYesNo(event)" value="No">
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </td>
                                                            <td style="padding:3px; text-align:center;">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="padding:3px; text-align:center;">
                                                                                <label for="inputReadOnly">Rebate</label>
                                                                                <input class="form-control form-control-sm" id="Vapsi" name="rebate" type="text" onkeypress="return isNumberKey(event)" placeholder="10">
                                                                            </th>
                                                                            <th style="padding:3px;  text-align:center;">
                                                                                <label for="inputReadOnly">TP-R</label>
                                                                                <input class="form-control form-control-sm" id="TPVapsi" name="tp_r" type="text" onkeypress="return isYesNo(event)" value="No">
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </td>
                                                            <td style="padding:3px; text-align:center;">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="padding:3px; text-align:center;">
                                                                                <label for="inputReadOnly">Hissa</label>
                                                                                <input class="form-control form-control-sm" id="Hissa" name="hissa" type="text" onkeypress="return isYesNo(event)" value="No">
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </td>

                                                        </tr>
                                                    </tbody>
                                                </table>

                                            </div>
                                        </div>
                                        <div id="LedgerConfigPanel2" style="display:none;" class="row gutters">
                                            <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Limit Type</label>
                                                    <select id="LimitType" name="limit_type" class="form-control form-control-sm">
                                                        <option value="1">Yes</option>
                                                        <option value="0">No</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Agent</label>
                                                    <!-- <input type="text" id="AgentLedgerName" class="form-control form-control-sm" value=""> -->
                                                    <select id="AgentLedgerName" name="agent_id" class="form-control form-control-sm" style="width: 100%;">
                                                        <option value="">Select Agent</option>
                                                        @if ($agents->isNotEmpty())
                                                            @foreach ($agents as $a)
                                                                <option value="{{$a->id}}"> {{$a->agent_name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                            
                                            <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Ref Ledger</label>
                                                    <input class="form-control form-control-sm" name="ref_ledger" id="RefLedgerName" type="text" value="">
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Dibba</label>
                                                    <input class="form-control form-control-sm text-center" name="dibba" id="Dibba" type="text" onkeypress="return isYesNo(event)" value="No">
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Dibba Amount</label>
                                                    <input class="form-control form-control-sm" id="DibbaAmount" name="dibba_amount" onkeypress="return isNumberKey(event)" type="text" placeholder="">
                                                </div>
                                            </div>

                                        </div>

                                        <div class="row gutters">
                                            <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                <div class="form-group">
                                                    <label for="CashLedgerName">Cash Agent</label>
                                                        <input id="CashLedgerName" class="form-control form-control-sm" style="width: 100%;">

                                                        <select id="cash_agent_id" name="cash_agent_id" class="form-control form-control-sm" style="display:none;">
                                                            <option value="">Select Cash Agent</option>
                                                            @if ($cashAgents->isNotEmpty())
                                                                @foreach ($cashAgents as $a)
                                                                    <option value="{{$a->id}}"> {{$a->name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                <div class="form-group">
                                                    <label for="CashCollectionLedgerName">Cash Collection Agent</label>
                                                        <input id="CashCollectionLedgerName" class="form-control form-control-sm" style="width: 100%;">

                                                        <select id="cash_collection_agent_id" name="cash_collection_agent_id" class="form-control form-control-sm" style="display:none;">
                                                            <option value="">Select Cash Collection Agent</option>
                                                            @if ($cashCollectionAgents->isNotEmpty())
                                                                @foreach ($cashCollectionAgents as $a)
                                                                    <option value="{{$a->id}}"> {{$a->name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                <div class="form-group">
                                                    <label for="CashLedgerName">Limit Amount</label>
                                                    <input type="text" name="limit_amount" id="LimitAmount" onkeypress="return isNumberKey(event)" class="form-control form-control-sm" placeholder="">
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Grantor/Rmk</label>
                                                    <input type="text" id="Grantor" name="granter" class="form-control form-control-sm" placeholder="">
                                                </div>
                                            </div>
                                            <div id="HP_LedgerConfigPanel" style="display:none;" class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">HP Ledger</label>
                                                    <!-- <input class="form-control form-control-sm" id="HPLedgerName" type="text" value=""> -->
                                                    <select name="HPLedger" id="HPLedgerName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                                        <option value="">Select Party Name</option>
                                                        <option value="-1">SELF</option>
                                                        @if ($ledgers->isNotEmpty())
                                                            @foreach ($ledgers as $a)
                                                                <option value="{{$a->id}}"> {{strtoupper($a->name)}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row gutters">
                                            <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="inputReadOnly">Mobile</label>
                                                    <input class="form-control form-control-sm" id="Mobile" name="mobile" type="text" onkeypress="return isNumberKey(event)" placeholder="Mobile">
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group">
                                                    <label for="disabledInput">Address</label>
                                                    <input type="text" id="Address" name="address" class="form-control form-control-sm" placeholder="Addresss">
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                <div class="form-group"></div>
                                            </div>
                                        </div>
                                        <div class="row gutters">
                                            <input type="hidden" id="tpcommlist" name="tpcommlist" value="" />
                                            <input type="hidden" id="vapsicommlist" name="vapsicommlist" value="" />
                                            <input type="hidden" id="hissacommlist" name="hissacommlist" value="" />
                                        </div>
                                    </div>
                                    <div
                                        class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                        <!-----3rd party comm--------->
                                        <div class="table-responsive CustomFixedTbl" style="min-height:20vh; max-height:20vh; ">
                                            <table class="table" style="width:99%; margin-bottom:0px;" border="0" cellspacing="0px">
                                                <thead>
                                                    <tr>
                                                        <th style="padding:3px;">&nbsp; 3rd Party</th>
                                                        <th style="width:70px; padding:3px;">D-Comm</th>
                                                        <th style="width:70px; padding:3px;">A-Comm</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="TPCommModalListPanel_view"></tbody>
                                            </table>
                                        </div>
                                        <!-----3rd party vapsi--------->
                                        <div class="table-responsive CustomFixedTbl" style="min-height:20vh; max-height:20vh; ">
                                            <table class="table" style="width:99%; margin-bottom:0px;" border="0" cellspacing="0px">
                                                <thead>
                                                    <tr>
                                                        <th style="padding:3px;">&nbsp; 3rd Party</th>
                                                        <th style="width:70px; padding:3px;">Rebate</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="TPVapsiModalListPanel_view"></tbody>
                                            </table>
                                        </div>
                                        <!-----Party Hissa--------->
                                        <div class="table-responsive CustomFixedTbl" style="min-height:20vh; max-height:20vh; ">
                                            <table class="table" style="width:99%; margin-bottom:0px;" border="0" cellspacing="0px">
                                                <thead>
                                                    <tr>
                                                        <th style="padding:3px;">&nbsp; Party</th>
                                                        <th style="width:70px; padding:3px;">Hissa</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="HissaModalListPanel_view"></tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                @csrf
                                <button onclick="SaveLedger()" type="button" id="saveLedger" class="btn btn-primary">Save</button>
                                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- End Add Ledger Modal -->
    <!-- Start Edit Modal -->
    <div class="modal fade" id="ActionModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document" style="margin-top:20px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Ledger Update |
                                <span id="TitleEditModel"></span>
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body">

                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#info" role="tab" aria-controls="home" aria-selected="true">Info</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="rename-tab" data-toggle="tab" href="#rename" role="tab" aria-controls="rename" aria-selected="true">Re-Name</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="reconfig-tab" data-toggle="tab" href="#reconfig" role="tab" aria-controls="reconfig" aria-selected="true">Re-Config</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="linked-tab" data-toggle="tab" href="#linked" role="tab" aria-controls="linked" aria-selected="false">Linked</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#password" role="tab" aria-controls="profile" aria-selected="false">Password</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#account" role="tab" aria-controls="profile" aria-selected="false">Account</a>
                                </li>


                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="home-tab">
                                    <div class="row gutters">
                                        <div class="col-xl-8 col-lglg-8 col-md-8 col-sm-8 col-12">

                                            <div class="row gutters">
                                                <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Distributor</label>
                                                        <label id="info-Distributor" class="form-control form-control-sm">-</label>
                                                    </div>
                                                </div>
                                                <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Retailer</label>
                                                        <label id="info-Retailer" class="form-control form-control-sm">-</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row gutters">
                                                <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Rate</label>
                                                        <label id="info-Rate" class="form-control form-control-sm">-</label>
                                                    </div>
                                                </div>
                                                <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Rebate</label>
                                                        <label id="info-Vapsi" style="display:none;" class="form-control form-control-sm">-</label>
                                                        <input onblur="Update('Vapsi')" type="text" id="edit_Vapsi" class="form-control form-control-sm" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Limit</label>
                                                        <label id="info-Limit" class="form-control form-control-sm">-</label>
                                                    </div>
                                                </div>
                                                <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Dibba</label>
                                                        <label style="display:none;" id="info-Dibba" class="form-control form-control-sm">-</label>
                                                        <input type="text" id="edit_Dibba" class="form-control form-control-sm" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">D-Amt</label>
                                                        <label style="display:none;" id="info-DibbaAmount" class="form-control form-control-sm">-</label>
                                                        <input onblur="Update('DibbaAmount')" type="text" id="edit_DibbaAmount" class="form-control form-control-sm" placeholder="">
                                                        <input type="text" style="width:0px; height:0px; position:absolute; top:0px; right:0px;" placeholder="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row gutters" style="border-top:1px #f1f1f1 solid; padding-top:5px;">
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Agent</label>
                                                        <label style="display:none;" id="info-Agent" class="form-control form-control-sm">-</label>
                                                        <!-- <input onblur="Update('Agent')" type="text" class="form-control form-control-sm ui-autocomplete-input" placeholder="" autocomplete="off"> -->
                                                        <select id="edit_Agent" onblur="Update('Agent')" class="form-control form-control-sm" style="width: 100%;">
                                                            <option value="">Select Agent</option>
                                                            @if ($agents->isNotEmpty())
                                                                @foreach ($agents as $a)
                                                                    <option value="{{$a->id}}"> {{$a->agent_name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Cash Agent</label>
                                                        <label style="display:none;" id="info-Agent" class="form-control form-control-sm">-</label>
                                                        <select id="edit_Cash_Agent" onblur="Update('CashAgent')" class="form-control form-control-sm" style="width: 100%;">
                                                            <option value="">Select Cash Agent</option>
                                                            @if ($cashAgents->isNotEmpty())
                                                                @foreach ($cashAgents as $a)
                                                                    <option value="{{$a->id}}"> {{$a->name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Cash Collection Agent</label>
                                                        <label style="display:none;" id="info-Agent" class="form-control form-control-sm">-</label>
                                                        <select id="edit_Cash_Collection_Agent" onblur="Update('CashCollectionAgent')" class="form-control form-control-sm" style="width: 100%;">
                                                            <option value="">Select Collection Cash Agent</option>
                                                            @if ($cashCollectionAgents->isNotEmpty())
                                                                @foreach ($cashCollectionAgents as $a)
                                                                    <option value="{{$a->id}}"> {{$a->name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">HP Ledger</label>
                                                        <label style="display:none;" id="info-HPLedger" class="form-control form-control-sm">-</label>
                                                        <!-- <input onblur="Update('HPLedger')" type="text" id="edit_HPLedger" class="form-control form-control-sm" placeholder=""> -->
                                                        <select  id="edit_HPLedger" onblur="Update('HPLedger')" class="form-control form-control-sm" style="width:100%;" autocomplete="off">
                                                            <option value="">Select Party Name</option>
                                                            @if ($ledgers->isNotEmpty())
                                                                @foreach ($ledgers as $a)
                                                                    <option value="{{$a->id}}"> {{$a->name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Limit Amount</label>
                                                        <input class="form-control form-control-sm" id="edit_LimitAmount" type="text" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Ref-Ledger</label>
                                                        <label id="info-Ref-Ledger" class="form-control form-control-sm">-</label>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row gutters">
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Real Name</label>
                                                        <input class="form-control form-control-sm" id="edit_RealName" type="text" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Grantor/Rmk</label>
                                                        <input class="form-control form-control-sm" id="edit_Grantor" type="text" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Dealling</label>
                                                        <label style="display:none;" id="info-DealingType" class="form-control form-control-sm">-</label>
                                                        <select class="form-control form-control-sm" id="edit_DealingType">
                                                            <option value="DAILY">DAILY</option>
                                                            <option value="MONTHLY">MONTHLY</option>
                                                            <option value="25K">25K</option>
                                                            <option value="50K">50K</option>
                                                            <option value="1L">1L</option>
                                                            <option value="2L">2L</option>

                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row gutters">
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="inputReadOnly">Mobile</label>
                                                        <input class="form-control form-control-sm" id="edit_Mobile" type="text" onkeypress="return isNumberKey(event)" placeholder="Mobile">
                                                    </div>
                                                </div>
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <label for="disabledInput">Address</label>
                                                        <input type="text" id="edit_Address" class="form-control form-control-sm" placeholder="Addresss">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row gutters">
                                                <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                                    <div class="form-group">
                                                        <button onclick="Update('Info')" type="button" class="btn btn-success  btn-block">Save</button>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">3rd Party Commission</label>
                                                <div id="info-TPComm"></div>
                                                <label for="inputReadOnly">3rd Party Rebate</label>
                                                <div id="info-TPVapsi"></div>
                                                <label for="inputReadOnly">Hissa</label>
                                                <div id="info-Hissa"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="rename" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="row gutters">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Ledger Name</label>
                                                <input class="form-control form-control-sm" id="edit_LedgerName" type="text" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row gutters"></div>
                                    <div class="row gutters">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button onclick="Update('Rename')" type="button" class="btn btn-success  btn-block">Re-Name</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="reconfig" role="tabpanel" aria-labelledby="reconfig-tab">
                                    <div class="row gutters">
                                        <table class="table ledger" style="margin-bottom:0px !important;">
                                            <tbody>
                                                <tr>
                                                    <td style="padding:3px; text-align:center;">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th style="padding:3px; text-align:center;">
                                                                        <label for="inputReadOnly">Dara Rate</label>
                                                                        <input class="form-control form-control-sm" id="configDaraRate" type="text" maxlength="3" onclick="this.select()" onkeypress="return isNumberKey(event)" value="">
                                                                    </th>
                                                                    <th style="padding:3px;  text-align:center;">
                                                                        <label for="inputReadOnly">Commission</label>
                                                                        <input class="form-control form-control-sm" id="configDaraCommission" type="text" onclick="this.select()" onkeypress="return isNumberKey(event)" value="">
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </td>
                                                    <td style="padding:3px; text-align:center;">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th style="padding:3px; text-align:center;">
                                                                        <label for="inputReadOnly">Akhar Rate</label>
                                                                        <input class="form-control form-control-sm" id="configAkharRate" type="text" maxlength="3" onclick="this.select()" onkeypress="return isNumberKey(event)" value="">
                                                                    </th>
                                                                    <th style="padding:3px;  text-align:center;">
                                                                        <label for="inputReadOnly">Commission</label>
                                                                        <input class="form-control form-control-sm" id="configAkharCommission" type="text" onclick="this.select()" onkeypress="return isNumberKey(event)" value="">
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </td>
                                                    <td style="padding:3px; text-align:center; display:none;">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th style="padding:3px; text-align:center;">
                                                                        <label for="inputReadOnly">Self Hissa</label>
                                                                        <input class="form-control form-control-sm" id="configSelfHissa" type="text" onclick="this.select()" onkeypress="return isNumberKey(event)" value="">
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </td>
                                                    <td style="padding:3px; text-align:center;">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="padding:3px; text-align:center; ">
                                                                        <button onclick="Update('Reconfig')" type="button" class="btn btn-success btn-block">Save Reconfig</button>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                    <td style="padding:3px; text-align:center;">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th style="padding:3px; text-align:center;">
                                                                        <label for="inputReadOnly">Capping Amt</label>
                                                                        <input class="form-control form-control-sm" onblur="Update('CappingAmount')" id="configTransactionCapping" type="text" onclick="this.select()" onkeypress="return isNumberKey(event)" value="">
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr></tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="row gutters" style="border-bottom:1px solid #DDD; margin-bottom:10px;">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group" style="margin-bottom:10px;"></div>
                                        </div>
                                    </div>
                                    <div class="row gutters">
                                        <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12 CustomFixedTbl">
                                            <table class="table" style="width:100%; margin-bottom:5px;" border="0" cellspacing="0px">
                                                <thead>
                                                    <tr>
                                                        <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                                            <label for="inputReadOnly">Hissa Party</label>
                                                            <input type="text" onkeyup="" name="configHissaPartyName" id="configHissaPartyName" class="form-control form-control-sm ui-autocomplete-input" placeholder="Party Name" autocomplete="off">
                                                            <!-- <select name="configHissaPartyName" id="configHissaPartyName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                                                <option value="">Select Party Name</option>
                                                            </select> -->
                                                        </th>
                                                        <th style="padding:3px !important;  text-align:center; vertical-align:middle; margin:0px auto; width:80px;">
                                                            <label for="inputReadOnly">Percent</label>
                                                            <input type="text" onblur="" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="7" name="configHissaPercent" id="configHissaPercent" class="form-control form-control-sm" placeholder="%">
                                                        </th>
                                                        <th style="padding:3px !important; text-align:center; vertical-align: middle; width:32px;">
                                                            <label for="inputReadOnly">+</label>
                                                            <button type="button" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-success" onfocus="setconfigHissa()">
                                                                &nbsp; + &nbsp;
                                                            </button>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="configHissaListPanel"></tbody>
                                            </table>
                                        </div>
                                        <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12 CustomFixedTbl">

                                            <table class="table" style="width:100%; margin-bottom:5px;" border="0" cellspacing="0px">
                                                <thead>

                                                    <tr>
                                                        <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                                            <label for="inputReadOnly">3rd Party Comm</label>
                                                            <input type="text" name="configTPCommPartyName" id="configTPCommPartyName" class="form-control form-control-sm ui-autocomplete-input" placeholder="Party Name" autocomplete="off">
                                                            <!-- <select name="configTPCommPartyName" id="configTPCommPartyName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                                                <option value="">Select Party Name</option>
                                                            </select> -->
                                                        </th>
                                                        <th style="padding:3px !important; text-align:center; vertical-align:middle; margin:0px auto; width:70px;">
                                                            <label for="inputReadOnly">D-Comm</label>
                                                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="configTPCommPercentDara" id="configTPCommPercentDara" class="form-control form-control-sm" placeholder="%">
                                                        </th>
                                                        <th style="padding:3px !important; text-align:center; vertical-align:middle; margin:0px auto; width:70px;">
                                                            <label for="inputReadOnly">A-Comm</label>
                                                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="2" name="configTPCommPercentAkhar" id="configTPCommPercentAkhar" class="form-control form-control-sm" placeholder="%">
                                                        </th>
                                                        <th style="padding:3px !important; text-align:center; vertical-align: middle; width:32px;">
                                                            <label for="inputReadOnly">+</label>
                                                            <button type="button" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-success" onfocus="setconfigTPComm()">
                                                                &nbsp; + &nbsp;
                                                            </button>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="configTPCommListPanel"></tbody>
                                            </table>
                                        </div>

                                    </div>
                                    <div class="row gutters">
                                        &nbsp;
                                    </div>
                                    <div class="row gutters" style="border-bottom:1px solid #DDD; margin-bottom:10px;">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button id="Reconfig_Hissa_TPComm_TPVapsi_btn" onclick="Update('Reconfig_Hissa_TPComm_TPVapsi')" type="button" class="btn btn-success  btn-block">Update Hissa/TPC</button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row gutters">
                                        <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12 CustomFixedTbl">
                                            <table class="table" style="width:100%; margin-bottom:5px;" border="0" cellspacing="0px">
                                                <thead>
                                                    <tr>
                                                        <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                                            <label for="inputReadOnly">3rd Party Rebate</label>
                                                            <input type="text" onkeyup="" name="configTPVapsiPartyName" id="configTPVapsiPartyName" class="form-control form-control-sm ui-autocomplete-input" placeholder="Party Name" autocomplete="off">
                                                            <!-- <select name="configTPVapsiPartyName" id="configTPVapsiPartyName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                                                <option value="">Select Party Name</option>
                                                            </select> -->
                                                        </th>
                                                        <th style="padding:3px !important; text-align:center; vertical-align:middle; margin:0px auto; width:80px;">
                                                            <label for="inputReadOnly">Percent</label>
                                                            <input type="text" onblur="" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="7" name="configTPVapsiPercent" id="configTPVapsiPercent" class="form-control form-control-sm" placeholder="%">
                                                        </th>
                                                        <th style="padding:3px !important; text-align:center; vertical-align: middle; width:32px;">
                                                            <label for="inputReadOnly">+</label>
                                                            <button type="button" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-success" onfocus="setconfigTPVapsi()">
                                                                &nbsp; + &nbsp;
                                                            </button>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="configTPVapsiListPanel"></tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row gutters">
                                        &nbsp;
                                    </div>
                                    <div class="row gutters" style="border-bottom:1px solid #DDD; margin-bottom:10px;">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button id="Reconfig_TPVapsi_btn" onclick="Update('Reconfig_TPVapsi')" type="button" class="btn btn-success  btn-block">Update TPV</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row gutters" style="display:none;">
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="row gutters">
                                                <div class="col-xl-2 col-lglg-2 col-md-2 col-sm-2 col-3">
                                                    <div class="form-group vertical-center">
                                                        <input onclick="Update('IsApplyLedgerConfigOnTransaction')" style="width:25px; height:25px; text-transform: none !important;" id="Action_Ledger_IsApplyLedgerConfigOnTransaction" type="checkbox" value="1">
                                                    </div>
                                                </div>
                                                <div class="col-xl-10 col-lglg-10 col-md-10 col-sm-10 col-9">
                                                    <div class="form-group">
                                                        <label for="disabledInput">Master Ledger Config
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="password" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="row gutters">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Password</label>
                                                <input class="form-control form-control-sm" id="edit_Password" type="password" value="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row gutters"></div>
                                    <div class="row gutters">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button onclick="Update('Password')" type="button" class="btn btn-success  btn-block">Change</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="account" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="row gutters">
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Login Status</label>
                                                <button id="edit_LoginStatus" ondblclick="Update('LoginStatus')" type="button" class="btn btn-success  btn-block"></button>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Account Status</label>
                                                <button id="edit_AccountStatus" ondblclick="Update('AccountStatus')" type="button" class="btn btn-success  btn-block"></button>
                                            </div>
                                        </div>

                                        <div class="col-xl-3 col-lglg-3 col-md-3 col-sm-3 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Is Hide</label>
                                                <button id="edit_IsHide" ondblclick="Update('IsHide')" type="button" class="btn btn-success  btn-block"></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row gutters">
                                        <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                            <div class="form-group">
                                                <label for="inputReadOnly">Delete / Restore</label>
                                                <a id="edit_Delete" ondblclick="Update('Delete')" href="ledgers#" class="btn btn-success  btn-block"></a>
                                                <br>
                                                अगर आप अकाउंट Restore कर रहे है तो अकाउंट के 3rd Party-Comm/Rebate and Hissa को पुनः चेक कर ले ! धन्यवाद
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row gutters"></div>
                                </div>
                            <style>
                                .custom-button {
                            min-width: 110px;
                            margin-right: 10px;
                            margin-bottom: 30px;
                            }
                            .btn-active {
                                background: red;
                                border: 1px solid transparent !important;
                                }
                                .btn-active:hover {
                                background: red;
                                border: 1px solid transparent !important;
                                }
                                </style>
                                <div class="tab-pane fade" id="linked" role="tabpanel" aria-labelledby="linked-tab">
                                    <div class="row gutters" id="info-LinkedPanel">
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button id="TPC" onclick="getLinkedSummeryDetail('TPC')" type="button" class="btn btn-success  btn-block link-button">
                                                    <span>TPC</span> <span id="tpc-total">0</span>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button id="TPH"  onclick="getLinkedSummeryDetail('TPH')" type="button" class="btn btn-success btn-block link-button">
                                                    <span>TPH</span> <span id="tph-total">0</span>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                                            <div class="form-group">
                                                <button  id="TPV" onclick="getLinkedSummeryDetail('TPV')" type="button" class="btn btn-success  btn-block link-button">
                                                    <span>TPV</span> <span id="tpv-total">0</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row gutters">
                                        <div class="table-responsive CustomFixedTbl" style="min-height:30vh; max-height:30vh; ">
                                            <table id="" class="table">
                                                <thead>
                                                    <tr>
                                                        <th style="width:50px;">Sr</th>
                                                        <th>LinkedIn Party</th>
                                                        <th>%</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="LinkedSummeryDetailBody"></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>


                            </div>

                        </div>

                    </div>
                </div>
            </div>
            <!-- End Edit Modal -->
 <!-- Start TPComm Modal -->
 <div class="modal fade" id="TPCommModal" tabindex="1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="margin-top:120px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="">Third Party Commission</h5>
                    <button type="button" id="TPCommModalCloseIcon" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" style="padding: .5rem;">
                    <table class="table" style="width:100%; margin-bottom:5px;" border="0" cellspacing="0px">
                        <thead>

                            <tr>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                    <input type="text" name="TPCommModalPartyName" id="TPCommModalPartyName" class="form-control form-control-sm ui-autocomplete-input" placeholder="Party Name" autocomplete="off">
                                    <!-- <select name="TPCommModalPartyName" id="TPCommModalPartyName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                        <option value="">Select Party Name</option>
                                    </select> -->
                                </th>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto; width:90px;">
                                    <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="TPCommModalPercentDara" id="TPCommModalPercentDara" class="form-control form-control-sm" placeholder="D-Comm">
                                </th>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto; width:90px;">
                                    <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="TPCommModalPercentAkhar" id="TPCommModalPercentAkhar" class="form-control form-control-sm" placeholder="A-Comm">
                                </th>
                                <th style="padding:3px !important; text-align:center; vertical-align: middle; width:32px;">
                                    <button type="button" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-success" onfocus="setTPCommModal()">
                                        &nbsp; + &nbsp;
                                    </button>
                                </th>
                            </tr>
                        </thead>
                        <tbody id="TPCommModalListPanel"></tbody>
                    </table>
                </div>
                <div class="modal-footer" style="padding: .5rem;">
                    <table style="width:100%;" border="0" cellspacing="0px">
                        <tbody>
                            <tr>
                                <td style="width:120px;">
                                    <small>D-Comm:
                                        <b id="TPCommCommission">0.00</b>
                                    </small>
                                </td>
                                <td style="width:110px;">
                                    <small>Transfer:
                                        <b id="TPCommTransfer">0.00</b>
                                    </small>
                                </td>
                                <td style="width:110px;">
                                    <small>Balance:
                                        <b id="TPCommBalance">0.00</b>
                                    </small>
                                </td>
                                <td style="text-align:right;">
                                    <button type="button" id="TPCommModalClose" class="btn btn-lighten" data-dismiss="modal">Close</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- End TPComm Modal -->
    <!-- Start TPVapsi Modal -->
    <div class="modal fade" id="TPVapsiModal" tabindex="1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="margin-top:120px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="">Third Party Rebate</h5>
                    <button type="button" id="TPVapsiModalCloseIcon" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" style="padding: .5rem;">
                    <table class="table" style="width:100%; margin-bottom:5px;" border="0" cellspacing="0px">
                        <thead>

                            <tr>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                    <input type="text" onkeyup="" name="TPVapsiModalPartyName" id="TPVapsiModalPartyName" class="form-control form-control-sm ui-autocomplete-input" placeholder="Party Name" autocomplete="off">
                                    <!-- <select name="TPVapsiModalPartyName" id="TPVapsiModalPartyName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                        <option value="">Select Party Name</option>
                                    </select> -->
                                </th>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto; width:120px;">
                                    <input type="text" onblur="" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="7" name="TPVapsiModalPercent" id="TPVapsiModalPercent" class="form-control form-control-sm" placeholder="Percent">
                                </th>
                                <th style="padding:3px !important; text-align:center; vertical-align: middle; width:32px;">
                                    <button type="button" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-success" onfocus="setTPVapsiModal()">
                                        &nbsp; + &nbsp;
                                    </button>
                                </th>
                            </tr>
                        </thead>
                        <tbody id="TPVapsiModalListPanel"></tbody>
                    </table>
                </div>
                <div class="modal-footer" style="padding: .5rem;">
                    <table style="width:100%; border:0px" cellspacing="0px">
                        <tbody>
                            <tr>
                                <td style="width:90px;">
                                    <small>Rebate:
                                        <b id="TPVapsiCommission">0.00</b>
                                    </small>
                                </td>
                                <td style="width:110px;">
                                    <small>Transfer:
                                        <b id="TPVapsiTransfer">0.00</b>
                                    </small>
                                </td>
                                <td style="width:110px;">
                                    <small>Balance:
                                        <b id="TPVapsiBalance">0.00</b>
                                    </small>
                                </td>
                                <td style="text-align:right;">
                                    <button type="button" id="TPVapsiModalClose" class="btn btn-lighten" data-dismiss="modal">Close</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- End TPVapsi Modal -->


    <!-- Start TPVapsi Modal -->
    <div class="modal fade" id="HissaModal" tabindex="1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="margin-top:120px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="">Hissa</h5>
                    <button type="button" id="HissaModalCloseIcon" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" style="padding: .5rem;">
                    <table class="table" style="width:100%; margin-bottom:5px;" border="0" cellspacing="0px">
                        <thead>

                            <tr>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                    <input type="text" onkeyup="" name="HissaModalPartyName" id="HissaModalPartyName" class="form-control form-control-sm ui-autocomplete-input" placeholder="Party Name" autocomplete="off">
                                    <!-- <select name="HissaModalPartyName" id="HissaModalPartyName" class="form-control form-control-sm" style="width:100%;" placeholder="Party Name" autocomplete="off">
                                        <option value="">Select Party Name</option>
                                    </select> -->
                                </th>
                                <th style="padding:3px !important; vertical-align:middle; margin:0px auto; width:120px;">
                                    <input type="text" onblur="" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="7" name="HissaModalPercent" id="HissaModalPercent" class="form-control form-control-sm" placeholder="Percent">
                                </th>
                                <th style="padding:3px !important; text-align:center; vertical-align: middle; width:32px;">
                                    <button type="button" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-success" onfocus="setHissaModal()">
                                        &nbsp; + &nbsp;
                                    </button>
                                </th>
                            </tr>
                        </thead>
                        <tbody id="HissaModalListPanel"></tbody>
                    </table>
                </div>
                <div class="modal-footer" style="padding: .5rem;">
                    <table style="width:100%;" border="0" cellspacing="0px">
                        <tbody>
                            <tr>
                                <td style="width:110px;">
                                    <small>Allowed:
                                        <b id="HissaCommission">0.00</b>
                                    </small>
                                </td>
                                <td style="width:110px;">
                                    <small>Transfer:
                                        <b id="HissaTransfer">0.00</b>
                                    </small>
                                </td>
                                <td style="width:110px;">
                                    <small>Balance:
                                        <b id="HissaBalance">0.00</b>
                                    </small>
                                </td>
                                <td style="text-align:right;">
                                    <button type="button" id="HissaModalClose" class="btn btn-lighten" data-dismiss="modal">Close</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- End TPVapsi Modal -->
<script>
    var BaseUrl = "/";
    var nav = "ledgers";
</script>
@include('partial.footer')
<script>
    var LoginRoleId = "2";
    var Ledger_ArrayList = [];
    var LedgerRow = {};
    var configTPComm_ArrayList = [];
    var configTPVapsi_ArrayList = [];
    var configHissa_ArrayList = [];
    var AllowDaraRate = "50";
    var AllowVapsi = "25";
    var AllowAkharRate = "5";
    var AllowHissa = "99";
    /* $('#AgentLedgerName').select2({
        dropdownParent: $('#AddModal')
    }); */
    /* $('#TPCommModalPartyName').select2({
        dropdownParent: $('#TPCommModal')
    }); */
    /* $('#TPVapsiModalPartyName').select2({
        dropdownParent: $('#TPVapsiModal')
    }); */
    /* $('#HissaModalPartyName').select2({
        dropdownParent: $('#HissaModal')
    }); */
    
    //edit ledger
    /* $('#configTPVapsiPartyName').select2({
        dropdownParent: $('#ActionModal')
    });
    $('#configTPCommPartyName').select2({
        dropdownParent: $('#ActionModal')
    });
    $('#configHissaPartyName').select2({
        dropdownParent: $('#ActionModal')
    }); */
    $(document).ready(function() {
        var availableAgents = [];
        var availableCashAgents = [];
        var agentMap = {};

        // Populate availableAgents array and agentMap from the select options
        $("#cash_agent_id option").each(function() {
            var value = $(this).val();
            var text = $(this).text();
            if(value) { // Exclude the first empty option
                availableAgents.push(text.trim());
                agentMap[text.trim()] = value;
            }
        });

        $("#cash_collection_agent_id option").each(function() {
            var value = $(this).val();
            var text = $(this).text();
            if(value) { // Exclude the first empty option
                availableCashAgents.push(text.trim());
                agentMap[text.trim()] = value;
            }
        });

        

        // Apply autocomplete to the input field
        $("#CashLedgerName").autocomplete({
            source: availableAgents,
            select: function(event, ui) {
                var selectedText = ui.item.value;
                var selectedValue = agentMap[selectedText];

                // Set the value of the hidden select element
                $("#cash_agent_id").val(selectedValue);
            }
        });
         $("#CashCollectionLedgerName").autocomplete({
            source: availableCashAgents,
            select: function(event, ui) {
                var selectedText = ui.item.value;
                var selectedValue = agentMap[selectedText];

                // Set the value of the hidden select element
                $("#cash_collection_agent_id").val(selectedValue);
            }
        });
        
    });
    $(document).ready(function () { 
        $("#SearchLedger").autocomplete({
            source: '/searchLedgers',
            cache: true,
            autoSelect: true,
            autoFocus: true,
            minLength: 1
        });
       
        
        Ledgers();
        $("#LedgerName").on('change', function(e){
            var Name = $(this).val();
            var JsonData = {
                'CheckLedger': Name
            };
            AjaxCall("/check_ledger", JsonData, function (response) {
                if (response.status == true) {
                } else {
                    Notify("Message ", response.message, "danger");
                    $('#LedgerName').val("");
                    $('#LedgerName').focus();
                }
            });
        });
        $("#TPComm").bind('blur keydown', function (e) {
            if (e.keyCode === 13) {
                var value = $(this).val();
                if (value == "") {
                    $(this).val("No").select();
                }
                value = $(this).val();
                if (value == "Yes") {
                    $('#TPCommModal').modal('hide');
                    $('#TPVapsiModal').modal('hide');
                    $('#HissaModal').modal('hide');

                    $('#TPCommModal').modal('show');
                    $('#TPCommModalPartyName').val('');
                    $('#TPCommModalPercent').val('');
                    setTimeout(function () {
                        $('#TPCommModalPartyName').focus();
                    }, 700);
                    setTPCommPercentageLists(TPComm_ArrayList, "TPCommModalListPanel");

                }
            }
        });
        $("#TPVapsi").bind('blur keydown', function (e) {
            if (e.keyCode === 13) {
                var value = $(this).val();
                if (value == "") {
                    $(this).val("No").select();
                }
                value = $(this).val();
                if (value == "Yes") {
                    $('#TPCommModal').modal('hide');
                    $('#TPVapsiModal').modal('hide');
                    $('#HissaModal').modal('hide');

                    $('#TPVapsiModal').modal('show');
                    $('#TPVapsiModalPartyName').val('');
                    $('#TPVapsiModalPercent').val('');
                    setTimeout(function () {
                        $('#TPVapsiModalPartyName').focus();
                    }, 700);
                    setPercentageLists(TPVapsi_ArrayList, "TPVapsiModalListPanel");
                }
            }
        });

        $("#configHissaPartyName").autocomplete({
            source: '/all_ledger_autocomplete_with_self',
            cache: true,
            autoSelect: true,
            autoFocus: true,
            minLength: 0
        }).focus(function () {
            $(this).autocomplete("search", $(this).val());
        }).blur(function () {
            
        });

        $("#HissaModalPartyName").autocomplete({
            source: '/all_ledger_autocomplete_with_self',
            cache: true,
            autoSelect: true,
            autoFocus: true,
            minLength: 0
        }).focus(function () {
            $(this).autocomplete("search", $(this).val());
        }).blur(function () {
            
        });

        $("#TPCommModalPartyName, #configTPCommPartyName").autocomplete({
            source: '/searchLedgers',
            cache: true,
            autoSelect: true,
            autoFocus: true,
            minLength: 0
        }).focus(function () {
            $(this).autocomplete("search", $(this).val());
        }).blur(function () { 
        });

        $("#TPVapsiModalPartyName, #configTPVapsiPartyName").autocomplete({
            source: '/searchLedgers',
            cache: true,
            autoSelect: true,
            autoFocus: true,
            minLength: 0
        }).focus(function () {
            $(this).autocomplete("search", $(this).val());
        }).blur(function () { 
        });

        $("#Hissa").bind('blur keydown', function (e) {
            if (e.keyCode === 13) {
                var value = $(this).val();
                if (value == "") {
                    $(this).val("No").select();
                }
                value = $(this).val();
                if (value == "Yes") {
                    $('#HissaCommission').text(AllowHissa);

                    $('#TPCommModal').modal('hide');
                    $('#TPVapsiModal').modal('hide');
                    $('#HissaModal').modal('hide');

                    $('#HissaModal').modal('show');
                    $('#HissaModalPartyName').val('');
                    $('#HissaModalPercent').val('');
                    setTimeout(function () {
                        $('#HissaModalPartyName').focus();
                    }, 700);
                    setPercentageLists(Hissa_ArrayList, "HissaModalListPanel");
                }
            }
        });


        $("#TPCommModalClose,#TPVapsiModalClose,#HissaModalClose,#TPCommModalCloseIcon,#TPVapsiModalCloseIcon,#HissaModalCloseIcon").blur(function () {
            var Close = $(this).attr('id');
            if (Close == 'TPCommModalClose' || Close == 'TPCommModalCloseIcon') {
                $('#Vapsi').focus().select();
            } else if (Close == 'TPVapsiModalClose' || Close == 'TPVapsiModalCloseIcon') {
                $('#Hissa').focus().select();
            } else if (Close == 'HissaModalClose' || Close == 'HissaModalCloseIcon') {
                $('#LimitType').focus().select();
            }
        });
    });

function sortLedgerData(column, el) {
    var SortColumn = column;
    var SortOrder = $(el).data('order');
    if (SortOrder == 'ASC') {
        alert(SortOrder);
        $(el).data('order', 'DESC');
    } else {
        $(el).data('order', 'ASC');
    }
    var Name = $('#SearchLedger').val();
    var JsonData = {
        'SearchLedger': Name,
        'SortColumn': SortColumn,
        'SortOrder': SortOrder
    };
    JsonData['IsHide'] = $('#IsHideCombo').val();
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_ledger_all";
    AjaxCall("/getLedgers", JsonData, function (response) {
        if (response.status == true) {
            var Row = '';
            Ledger_ArrayList = [];
            $.each(response.data, function (index, obj) {
                Ledger_ArrayList[index] = obj;
                var tmpLoginRoleId = "2";
                var IsRiskyHtml = "<td></td>";
                Row += '<tr>' + '<td>' + (
                    index + 1
                ) + '</td>' + '<td class="text-center"><span></span></td>' + '<td>' + this.name +'</td>' + '<td>' + (
                    this.username
            ) + '</td>' + '<td class="text-center">' + this.group + '</td>' + '<td>' + (
                this.agent != null ? this.agent : "-NA-"
            ) + '</td>' + '<td>' + (
                this.DaraRate == null ? "" : this.DaraRate
            ) + '/' + (
                this.DaraCommission == null ? "" : this.DaraCommission
            ) + '</td>' + '<td>' + (
                this.AkharRate == null ? "" : this.AkharRate
            ) + '/' + (
                this.AkharCommission == null ? "" : this.AkharCommission
            ) + '</td>' + '<td>'+ this.HP +'</td>'+ '<td>'+ this.TPH +'</td>' + '<td class="text-center">' + this.Vapsi + ' | ' + this.TPVapsi + '</td>' + IsRiskyHtml 
            + '<td><div>'+ this.AddedBy +'</div><div>' + this.AddedDate + '</div></td>' + '<td><div>'+ this.UpdatedBy +'</div><div>' + this.UpdatedDate + '</div></td>' 
            + '<td><a onclick="ActionPopup(' + index + ')" class="badge badge-primary" href="#">Action</a></td>' + '</tr>';
            });
            $('#LedgersBody').html(Row);


            $('#TotalLedgers').text(Ledger_ArrayList.length);
        } else if (response.status == true) {
            Notify("Message ", response.message, "danger");
            $('#TotalLedgers').text("");
        }
    });
}

function Ledgers() {

    var Name = $('#SearchLedger').val();
    var JsonData = {
        'SearchLedger': Name,
        "AccountStatus":$("#isAccountStatus").val(),
        "HideStatus" : $("#isHideStatus").val()
        //'AgentLedgerId': $('#SearchAgentId').val(),
        //'GroupAgentLedgerId': $('#SearchGroupAgentId').val()
    };
    JsonData['IsHide'] = $('#IsHideCombo').val();
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_ledger_all";
    AjaxCall("/getLedgers", JsonData, function (response) {
        if (response.status == true) {
            var Row = '';
            Ledger_ArrayList = [];
            $.each(response.data, function (index, obj) {
                Ledger_ArrayList[index] = obj;
                var tmpLoginRoleId = "2";
                var IsRiskyHtml = "<td></td>";
                // if (tmpLoginRoleId != 3 && tmpLoginRoleId != 4 && tmpLoginRoleId != 5) {
                //     IsRiskyHtml = '<td><a style="" ondblclick="ActionPopupIsRisky(' + index + ')" class="badge ' + (
                //     this.IsRisky == 0 ? "badge-success" : "badge-danger"
                // ) + ' " href="#">' + (
                //     this.IsRisky == 1 ? "YES" : "NO"
                // ) + '</a></td>';
                // }
                Row += '<tr>' + '<td>' + (
                    index + 1
                ) + '</td>' + '<td class="text-center"><span></span></td>' + '<td>' + this.name +'</td>' + '<td>' + (
                this.username
            ) + '</td>' + '<td class="text-center">' + this.group + '</td>' + '<td>' + (
                this.agent != null ? this.agent : "-NA-"
            ) + '</td>' + '<td>' + (
                this.DaraRate == null ? "" : this.DaraRate
            ) + '/' + (
                this.DaraCommission == null ? "" : this.DaraCommission
            ) + '</td>' + '<td>' + (
                this.AkharRate == null ? "" : this.AkharRate
            ) + '/' + (
                this.AkharCommission == null ? "" : this.AkharCommission
            ) + '</td>' + '<td>'+ this.HP + '</td>'+ '<td>'+ this.TPH + '</td>' + '<td class="text-center">' + this.Vapsi + ' | ' + this.TPVapsi + '</td>' + IsRiskyHtml 
            + '<td><div>'+ this.AddedBy +'</div><div>' + this.AddedDate + '</div></td>' + '<td><div>'+ this.UpdatedBy +'</div><div>' + this.UpdatedDate + '</div></td>' 
            + '<td><a onclick="ActionPopup(' + index + ')" class="badge badge-primary" href="#">Action</a></td>' + '</tr>';
            });
            $('#LedgersBody').html(Row);

            $('#TotalLedgers').text(Ledger_ArrayList.length);
        } else if (response.status == true) {
            Notify("Message ", response.message, "danger");
            $('#TotalLedgers').text("");
        }
    });
}
    function LedgerStatusChange(value) {
        $('#LedgerName').val('');
        $('#DistributorCombo').val('');
        $('#RetailerCombo').html('');
        $('#DaraRate').val('');
        $('#DaraCommission').val('');
        $('#AkharRate').val('');
        $('#AkharCommission').val('');

        $('#TPComm').val('No');
        $('#TPVapsi').val('No');
        $('#Vapsi').val('');
        $('#Hissa').val('No');
        $('#Dibba').val('No');
        TPComm_ArrayList = [];
        TPVapsi_ArrayList = [];
        Hissa_ArrayList = [];

        $('#AgentLedgerName').val('');
        $('#RefLedgerName').val('');
        $('#LimitType').val(1);
        IsHPVapsi = false;
        $('#HPLedgerName').val('');
        // if (LoginRoleId == 3 || LoginRoleId == 4) {
        //     $("#LedgerGroup").val($("#LedgerGroup option:first").val()).change();
        // } else {
            setTimeout(function() {
                $("#LedgerGroup").val(3).change();
            }, 100);
        //}
        $('#Address').val('');
        $('#Mobile').val('');
        $('#LedgerConfigPanel2').hide();
        $('#HP_LedgerConfigPanel').hide();
        // if (value == "Edit") {
        //     EditLedgerId = '';
        // }
    }
    $("#LedgerGroup").change(function () {
        $('#DistributorCombo').val("");
        $('#RetailerCombo').html("");

        $('#LedgerConfigPanel1').hide();
        $('#LedgerConfigPanel2').hide();
        $('#ParentPanel').hide();
        $('#RetailerComboPanel').hide();
        if ($(this).val() == "1" || $(this).val() == "2" || $(this).val() == "3") {
            $('#LedgerConfigPanel1').show();
            $('#LedgerConfigPanel2').hide();
        }
        if ($(this).val() == "2" || $(this).val() == "3") {
            $('#LedgerConfigPanel2').show();
        }     
        if ($(this).val() == "3") {
            $('#ParentPanel').show();
            $('#DistributorCombo').val("SELF");
        }
        if ($(this).val() == "3") {
            $('#RetailerComboPanel').hide();
        }
    });
    function SaveLedger()
    {
        $('#saveLedger').prop('disabled', true);
        var LedgerName = $("#LedgerName").val();
        var RealName = $("#RealName").val();
        
        var LedgerStatus = $('#LedgerStatus').val();
        var JsonData = {
            'LedgerName'		: $('#LedgerName').val(),
            'RealName'			: $('#RealName').val(),
            'LedgerGroup'		: $('#LedgerGroup').val(),
            'LedgerGroupText'	: $('#LedgerGroup option:selected').text(),
            'DaraRate'			: $('#DaraRate').val(),
            'DaraCommission'	: $('#DaraCommission').val(),
            'AkharRate'			: $('#AkharRate').val(),
            'AkharCommission'	: $('#AkharCommission').val(),
            'TPCommission'		: $('#TPComm').val(),
            'Vapsi'				: $('#Vapsi').val(),
            'TPVapsi'			: $('#TPVapsi').val(),
            'IsHissa'			: $('#Hissa').val(),
            'LimitType'			: $('#LimitType').val(),
            'AgentLedgerName'	: $('#AgentLedgerName').val(),
            'RefLedgerName'		: $('#RefLedgerName').val(),
            'HPLedgerName'		: $('#HPLedgerName').val(),
            'Grantor'			: $('#Grantor').val(),
            'IsDibba'			: $('#Dibba').val(),
            'DibbaAmount'		: $('#DibbaAmount').val(),
            'Mobile'			: $('#Mobile').val(),
            'Address'			: $('#Address').val(),
            "CashAgent"         : $("#cash_agent_id").val(),
            "CashCollectionAgent"         : $("#cash_collection_agent_id").val(),
            "LimitAmount"       : $("#LimitAmount").val()
        }
             
        if(JsonData.LedgerName == ""){
            $('#LedgerName').focus().select();
            Notify("Invalid ","Please enter valid LedgerName!","danger");
            $('#saveLedger').prop('disabled', false);
            return false;
        }

        if(JsonData.LedgerName.length < 6){
            $('#LedgerName').focus().select();
            Notify("Invalid ","Ledger Name should be min 6 char!","danger");
            $('#saveLedger').prop('disabled', false);
            return false;
        }
        
        
        if (JsonData.LedgerGroup == 2 || JsonData.LedgerGroup == 3) {

            if(JsonData.AgentLedgerName == ""){
                $('#AgentLedgerName').focus().select();
                Notify("Invalid ","Please enter valid Agent!","danger");
                $('#saveLedger').prop('disabled', false);
                return false;
            }

            if(JsonData.DaraRate == "" || JsonData.DaraCommission == "" || JsonData.AkharRate == "" || JsonData.AkharCommission == ""){
                Notify("Invalid ","Please enter all valid fields!","danger");
                $('#saveLedger').prop('disabled', false);
                return false;
            }

            if(parseFloat(JsonData.DaraRate) < AllowDaraRate){
                Notify("Invalid ","Please enter all valid Dara Rate max "+ AllowDaraRate+" !","danger");
                $('#DaraRate').focus().select();
                $('#saveLedger').prop('disabled', false);
                return false;
            }

            if(parseFloat(JsonData.AkharRate) < AllowAkharRate){
                Notify("Invalid ","Please enter all valid Akhar Rate max "+ AllowAkharRate+" !","danger");
                $('#AkharRate').focus().select();
                $('#saveLedger').prop('disabled', false);
                return false;
            }

            if((parseFloat(JsonData.DaraRate) + parseFloat(JsonData.DaraCommission)) > 100){
                Notify("Invalid ","Please enter all valid Dara Commission!","danger");
                $('#DaraCommission').focus().select();
                $('#saveLedger').prop('disabled', false);
                return false;
            }
            
            if(((parseFloat(JsonData.AkharRate)*10) + parseFloat(JsonData.AkharCommission)) > 100){
                Notify("Invalid ","Please enter all valid Akhar Commission!","danger");
                $('#AkharCommission').focus().select();
                $('#saveLedger').prop('disabled', false);
                return false;
            }

            if(JsonData.Vapsi != ""){
                // Validation Vapsi 
                if(parseFloat(JsonData.Vapsi) > AllowVapsi){
                    Notify("Invalid ","Please enter all valid Vapsi max "+ AllowVapsi+"% !","danger");
                    $('#saveLedger').prop('disabled', false);
                    return false;
                }

                var TotalVapsi = 0;
                $.each(TPVapsi_ArrayList, function(index,obj) { 
                    TotalVapsi += parseFloat(this.Percent);
                });
                if(parseFloat(TotalVapsi) > AllowVapsi){
                    Notify("Invalid ","Please enter all valid 3rd Vapsi max "+ AllowVapsi+"% !","danger");
                    $('#saveLedger').prop('disabled', false);
                    return false;
                }
                
            }


            // Validation Hissa 
            var TotalHissa = 0;
            $.each(Hissa_ArrayList, function(index,obj) { 
                if (obj.PartyName != 'HP A/C') {
                    TotalHissa += parseFloat(this.Percent);
                }
            });
            if(TotalHissa > AllowHissa){
                Notify("Invalid ","Please enter all valid hissa max "+ AllowHissa+"% !","danger");
                $('#saveLedger').prop('disabled', false);
                return false;
            }
        }
        
        $('#tpcommlist').val(JSON.stringify(TPComm_ArrayList));
        $('#vapsicommlist').val(JSON.stringify(TPVapsi_ArrayList));
        $('#hissacommlist').val(JSON.stringify(Hissa_ArrayList));
        setTimeout(function(){
            $('#AddLedgerForm').submit();
        }, 200);
    }

    $("#DaraRate").keyup(function () {
        var Rate = $("#DaraRate").val();
        if (parseFloat(Rate) <= 100 && Rate != "") {
            if (Rate != "") {
                $("#DaraCommission").val(100 - parseFloat(Rate));
            } else {
                $("#DaraCommission").val("0");
            }
        } else { 
            //Notify("Message ","Please enter a valid dara Rate.","danger");
            $("#DaraRate").val('');
            $("#DaraCommission").val("");
            return false;
        }
    });
    
    $("#DaraCommission").keyup(function () {
       
        var Rate = $("#DaraCommission").val();
        if (parseFloat(Rate) <= 100 && Rate != "") {
            if (Rate != "") {
                $("#DaraRate").val(100 - parseFloat(Rate));
            }
        }
        
    });

    $("#DaraCommission").blur(function () {
        var Rate = $("#DaraRate").val();
        if (parseFloat(Rate) > 100 || Rate == "") { 
           Notify("Message ","Please enter a valid dara Rate.","danger");
            // setTimeout(function () {
            //     $('#DaraRate').focus().select();
            // }, 100);
            return false;
        }
    });

    $("#AkharRate").keyup(function () {
        var Rate = $("#AkharRate").val();
        if (parseFloat(Rate) <= 10 && Rate != "") {
            if (Rate != "") {
                $("#AkharCommission").val(100 - (parseFloat(Rate) * 10));
            } else {
                $("#AkharCommission").val("0");
            }
        } 
    });

    $("#AkharRate").blur(function () {
        var Rate = $("#AkharRate").val();
        if (parseFloat(Rate) > 10 || Rate == "") { 
            Notify("Message ","Please enter a valid Akhar Rate.","danger");
            return false;
        }
    });
    
    
    $("#AkharCommission").keyup(function () {
       
        var Rate = $("#AkharCommission").val();
        if (parseFloat(Rate) <= 100 && Rate != "") {
            if (Rate != "") {
                $("#AkharRate").val((100 - parseFloat(Rate)) / 10);
            }
        }
        
    });

    $("#AkharCommission").blur(function () {
        var Rate = $("#AkharRate").val();
        if (parseFloat(Rate) > 10 || Rate == "") { 
            Notify("Message ","Please enter a valid Akhar Rate.","danger");
            // setTimeout(function () {
            //     $('#AkharRate').focus().select();
            // }, 100);
            return false;
        }
    });

    $("#Vapsi").keyup(function () {
        var value = $("#Vapsi").val();
        if (parseFloat(value) > 25 && value!= "") {
            Notify("Message ","Please enter a valid Rebate.","danger");
            $("#Vapsi").val('');
            return false;
        }
   });

    $("#configDaraRate").keyup(function () {
        var Rate = $("#configDaraRate").val();
        if (parseFloat(Rate) <= 100 && Rate != "") {
            if (Rate != "") {
                $("#configDaraCommission").val(100 - parseFloat(Rate));
            } else {
                $("#configDaraCommission").val("0");
            }
        } else { 
            Notify("Message ","Please enter a valid dara Rate.","danger");
            $("#configDaraRate").val('');
            $("#configDaraCommission").val("");
            return false;
        }
    });

    $("#configDaraCommission").blur(function () {
        var Rate = $("#configDaraRate").val();
        if (parseFloat(Rate) > 100 || Rate == "") { 
           Notify("Message ","Please enter a valid dara Rate.","danger");
            setTimeout(function () {
                $('#configDaraRate').focus().select();
            }, 100);
            return false;
        }
    });

    $("#configAkharRate").keyup(function () {
        var Rate = $("#configAkharRate").val();
        if (parseFloat(Rate) <= 10 && Rate != "") {
            if (Rate != "") {
                $("#configAkharCommission").val(100 - (parseFloat(Rate) * 10));
            } else {
                $("#configAkharCommission").val("0");
            }
        } else { 
            Notify("Message ","Please enter a valid Akhar Rate.","danger");
            $("#configAkharRate").val('');
            $("#configAkharCommission").val('');
            return false;
        }
    });

    $("#configAkharCommission").blur(function () {
        var Rate = $("#configAkharRate").val();
        if (parseFloat(Rate) > 10 || Rate == "") { 
            Notify("Message ","Please enter a valid Akhar Rate.","danger");
            setTimeout(function () {
                $('#configAkharRate').focus().select();
            }, 100);
            return false;
        }
    });
    // ---- End Reconfig -------//
    $("#TPComm, #TPVapsi, #Hissa, #Dibba, #edit_Dibba").keyup(function (evt) {
        var value = $(this).val();
        if (value == "Y" || value == "y") {
            $(this).val("Yes").select();
        } else if (value == "N" || value == "n") {
            $(this).val("No").select();
        }
    });

    $("#Grantor").on('focus', function (evt) {
        IsHPVapsi = false;
        if ($('#LedgerGroup').val() == "3" && $('#DistributorCombo').val() == "SELF") {
            $.each(Hissa_ArrayList, function (index, obj) {
                if (obj.PartyName == "HP A/C") {
                    IsHPVapsi = true;
                    return false;
                }
            });
            if (IsHPVapsi == true) {
                $('#HP_LedgerConfigPanel').show();
            } else {
                $('#HP_LedgerConfigPanel').hide();
            }
        }
    });

    $("#TPComm,#TPVapsi,#Hissa,#Dibba, #edit_Dibba").focus(function () {
        $(this).select();
    });

    function ActionPopup(index) {
        // if (IsActionAllow(Page_Edit) == false) {
        //     return false;
        // }
        LedgerRow = {};
        $('#LinkedSummeryDetailBody').html('');
        LedgerRow = Ledger_ArrayList[index];
        // if (LedgerRow.RecordStatus == 'S') {
        //     Notify("System default ledger ", 'Not permit for this action!', "danger");
        //     return false;
        // }

        $('#ActionModal').modal('show');
        $('[href="#info"]').tab('show');

        $('#TitleEditModel').text("");
        $('#TitleEditModel').text(LedgerRow.name);


        $('#edit_LoginStatus').text((LedgerRow.LoginStatus == "1" ? "Active" : "Deactive"));
        if (LedgerRow.LoginStatus == '1') {
            $('#edit_LoginStatus').removeClass("btn btn-danger");
            $('#edit_LoginStatus').addClass("btn btn-success");
        } else {
            $('#edit_LoginStatus').removeClass("btn btn-success");
            $('#edit_LoginStatus').addClass("btn btn-danger");
        }
console.log("LedgerRow.AccountStatus", LedgerRow.AccountStatus);
        $('#edit_AccountStatus').text((LedgerRow.AccountStatus == 1 ? "Active" : "Deactive"));
        if (LedgerRow.AccountStatus == 1) {
            $('#edit_AccountStatus').removeClass("btn btn-danger");
            $('#edit_AccountStatus').addClass("btn btn-success");
        } else {
            $('#edit_AccountStatus').removeClass("btn btn-success");
            $('#edit_AccountStatus').addClass("btn btn-danger");
        }

        $('#edit_IsHide').text((LedgerRow.IsHide == "1" ? "Yes" : "No"));
        if (LedgerRow.IsHide == '1') {
            $('#edit_IsHide').removeClass("btn btn-danger");
            $('#edit_IsHide').addClass("btn btn-success");
        } else {
            $('#edit_IsHide').removeClass("btn btn-success");
            $('#edit_IsHide').addClass("btn btn-danger");
        }

        $('#edit_Delete').text((LedgerRow.RecordStatus == "1" ? "Its Deleted! Restore Now." : " Its Active! Delete Now !"));
        if (LedgerRow.RecordStatus != '1') {
            $('#edit_Delete').removeClass("btn btn-danger");
            $('#edit_Delete').addClass("btn btn-success");
        } else {
            $('#edit_Delete').removeClass("btn btn-success");
            $('#edit_Delete').addClass("btn btn-danger");
        } 
        getLedgerInfoPopup(LedgerRow);
        setTimeout(function () {
            $('#edit_RealName').focus().select();
        }, 500);

    }
    var LinkedHissa = [];
    var LinkedTpc = [];
    var LinkedTpv = [];

    function getLinkedSummeryDetail(type){
        $(".link-button").removeClass("btn-active");
        $("#"+type).addClass("btn-active");
        var data = [];
        if (type === 'TPC') {
            data = LinkedTpc;
        } else if (type === 'TPH') {
            data = LinkedHissa;
        } else if (type === 'TPV') {
            data = LinkedTpv;
        }

        var Row = '';

        $.each(data, function (index, obj) {
            Row += '<tr>' + 
                   '<td>' + (index + 1) + '</td>' + 
                   '<td>' + obj.PartyName + '</td>' + 
                   '<td>' + obj.Per + '</td>' + 
                   '</tr>';
        });
        $('#LinkedSummeryDetailBody').html(Row);
    }
    function getLedgerInfoPopup(LedgerRow) {
        $('#info-Distributor').text("-");
        $('#info-Retailer').text("-");
        $('#info-Rate').text("-");
        $('#info-Vapsi').text("-");
        $('#info-Limit').text("-");
        $('#info-Agent').text("-");
        $('#info-Ref-Ledger').text("-");
        $('#info-Dibba').text("-");
        $('#info-DibbaAmount').text("-");
        $('#info-DealingType').text("-");

        $('#info-TPComm').html('-');
        $('#info-TPVapsi').html('-');
        $('#info-Hissa').html('-');


        $('#edit_Mobile').val("");
        $('#edit_Address').val("");


        $('#edit_LedgerName').val('');
        $('#edit_Vapsi').val('');
        $('#edit_Agent').val('');
        $('#edit_RealName').val('');
        $('#edit_Grantor').val('');
        $('#edit_HPLedger').val('');
        $('#edit_DealingType').val('');

        $('#edit_Dibba').val('');
        $('#edit_DibbaAmount').val('');


        $('#configDaraRate').val("");
        $('#configDaraCommission').val("");
        $('#configAkharRate').val("");
        $('#configAkharCommission').val("");
        $('#configSelfHissa').val("");
        $('#configTransactionCapping').val("");
        configOtherHissa = 0;

        $("#Action_Ledger_IsApplyLedgerConfigOnTransaction").prop('checked', false);

        $('#reconfig-tab').hide();
        if (LedgerRow.GroupId == 1 || LedgerRow.GroupId == 2 || LedgerRow.GroupId == 3) {
             $('#reconfig-tab').show();
        }


        var JsonData = {
            'LedgerId': LedgerRow.id
        };
        if (JsonData.LedgerId == "") {
            return false;
        }
        JsonData['nav'] = nav;
        JsonData['Method'] = "ajax_ledger_info_for_edit";
        AjaxCallSync("/getLedgerInfo", JsonData, function (response) {
            if (response.status == true) {

                $('#info-Agent').hide();
                $('#edit_Agent').hide();
                $('#edit_Agent').next(".select2-container").hide();
                if (response.data.GroupId == 2 || response.data.GroupId == 3) {
                    $('#edit_Agent').show();
                    $('#edit_Agent').next(".select2-container").show();
                } else {
                    $('#info-Agent').show();
                }

                $('#info-Vapsi').hide();
                $('#edit_Vapsi').hide();
                if (response.data.ParentLedgerId == 0) {
                    $('#edit_Vapsi').show();
                } else {
                    $('#info-Vapsi').show();
                }

                $('#info-DealingType').hide();
                $('#edit_DealingType').hide();
                if (response.data.ParentLedgerId == 0) {
                    $('#edit_DealingType').show();
                } else {
                    $('#info-DealingType').show();
                }

                $('#info-Dibba').hide();
                $('#edit_Dibba').hide();
                $('#info-DibbaAmount').hide();
                $('#edit_DibbaAmount').hide();
                if (response.data.ParentLedgerId == 0) {
                    $('#edit_Dibba').show();
                    $('#edit_DibbaAmount').show();
                } else {
                    $('#info-Dibba').show();
                    $('#info-DibbaAmount').show();
                }

                $('#info-Distributor').text(response.data.DistributorName);
                if (response.data.DistributorName == null) {
                    $('#info-Distributor').text("-Direct-");
                }
                $('#info-Retailer').text(response.data.RetailerName);
                if (response.data.RetailerName == null) {
                    $('#info-Retailer').text("-Direct-");
                }

                $('#edit_Mobile').val(response.data.Mobile);
                $('#edit_Address').val(response.data.Address);
                $('#edit_Grantor').val(response.data.Grantor);
                $('#edit_RealName').val(response.data.real_name);
                $('#edit_LimitAmount').val(response.data.LimitAmount);
                
                $('#edit_DealingType').val(response.data.DealingType); 
                $('#edit_LedgerName').val(response.data.name); 

                if (response.data.GroupId == 1 || response.data.GroupId == 2 || response.data.GroupId == 3) {
                    $('#edit_Vapsi').val(response.data.Vapsi);
                    $('#edit_Agent').val(response.data.AgentId);
                    $('#edit_Cash_Agent').val(response.data.CashAgentId);
                    $('#edit_Cash_Collection_Agent').val(response.data.CashCollectionAgentId);
                    $('#edit_HPLedger').val(response.data.HPLedgerName);          

                    $('#info-Rate').text(response.data.DaraRate + '/' + response.data.DaraCommission + " - " + response.data.AkharRate + '/' + response.data.AkharCommission);
                    $('#info-Vapsi').text(response.data.Vapsi);
                    $('#info-Limit').text((response.data.LimitType == "YES" ? "Yes" : "No"));
                    $('#info-Agent').text((response.data.AgentLedgerName == null ? "" : response.data.AgentLedgerName));
                    $('#info-Ref-Ledger').text((response.data.RefLedgerName == null ? "" : response.data.RefLedgerName));
                    $('#info-Dibba').text((response.data.IsDibba == "YES" ? "Yes" : "No"));
                    $('#info-DibbaAmount').text(response.data.DibbaAmount);

                    $('#edit_Dibba').val((response.data.IsDibba == "YES" ? "Yes" : "No"));
                    $('#edit_DibbaAmount').val(response.data.DibbaAmount);

                    if (response.data.TPComm_Arr.length > 0) {
                        var Row = '';
                        $.each(response.data.TPComm_Arr, function (index, obj) {
                            Row += '<label class="form-control form-control-sm" >D-' + this.PercentDara + ' / A-' + this.PercentAkhar + ' | ' + this.PartyName + '</label>';
                        });
                        $('#info-TPComm').html(Row);
                    }
                    if (response.data.TPVapsi_Arr.length > 0) {
                        var Row = '';
                        $.each(response.data.TPVapsi_Arr, function (index, obj) {
                            Row += '<label class="form-control form-control-sm" >' + this.Percent + ' | ' + this.PartyName + '</label>';
                        });
                        $('#info-TPVapsi').html(Row);
                    }
                    if (response.data.Hissa_Arr.length > 0) {
                        var Row = '';
                        $.each(response.data.Hissa_Arr, function (index, obj) {
                            Row += '<label class="form-control form-control-sm" >' + this.Percent + ' | ' + this.PartyName + '</label>';
                        });
                        $('#info-Hissa').html(Row);
                    }
                    LinkedHissa = response.data.LinkedHissa;
                    LinkedTpc = response.data.LinkedTpc;
                    LinkedTpv = response.data.LinkedTpv;

                    $("#tph-total").html(response.data.LinkedHissa.length);
                    $("#tpc-total").html(response.data.LinkedTpc.length);
                    $("#tpv-total").html(response.data.LinkedTpv.length);
                }


                if (response.data.GroupId == "3") {
                    var IsHPVapsi = false;
                    var IsDisable = true;
                    // $.each(response.data.TPVapsi_Arr, function (index, obj) {
                    //     if (obj.LedgerName.toUpperCase() == "HP A/C") {
                    //         IsHPVapsi = true;
                    //         IsDisable = false;
                    //         return false;
                    //     }
                    // });
                    // if (IsHPVapsi == false) {
                        $.each(response.data.Hissa_Arr, function (index, obj) {
                            if (obj.PartyName.toUpperCase() == "HP A/C") {
                                IsHPVapsi = true;
                                IsDisable = false;
                                return false;
                            }
                        });
                    // }

                    $('#edit_HPLedger').hide();
                    $('#info-HPLedger').hide();
                    if (IsHPVapsi == true) {
                        $('#edit_HPLedger').show();
                    } else {
                        $('#info-HPLedger').show();
                    }

                } else {
                    $('#info-HPLedger').show();
                    $('#edit_HPLedger').hide();
                }

                // Start set Reconfig
                // getParentConfig(response.data.ParentLedgerId);
                $('#configDaraRate').val(response.data.DaraRate);
                $('#configDaraCommission').val(response.data.DaraCommission);
                $('#configAkharRate').val(response.data.AkharRate);
                $('#configAkharCommission').val(response.data.AkharCommission);
                // if (response.data.Hissa_Arr.length > 0) {
                //     configOtherHissa = 0;
                //     $.each(response.data.Hissa_Arr, function (index, obj) {
                //         if (this.HissaLedgerId == response.data.LedgerId) {
                //             $('#configSelfHissa').val(this.Hissa);
                //             return;
                //         } else {
                //             configOtherHissa += parseFloat(this.Hissa);
                //         }
                //     });
                // }
                $('#configSelfHissa').val(response.data.SelfHissa);
                $('#configTransactionCapping').val(response.data.CappingAmount);

                // Reconfig Hissa/TPComm/TPVapsi
                $('#configHissaListPanel').html("");
                $('#configTPCommListPanel').html("");
                $('#configTPVapsiListPanel').html("");
                configHissa_ArrayList = [];
                configTPComm_ArrayList = [];
                configTPVapsi_ArrayList = [];

                if (response.data.Hissa_Arr.length > 0) {
                    $.each(response.data.Hissa_Arr, function (index, obj) {
                        configHissa_ArrayList.unshift({'PId':this.PId, 'PartyName': this.PartyName, 'Percent': this.Percent});
                    });
                    setconfigPercentageLists(configHissa_ArrayList, "configHissaListPanel");
                }
                if (response.data.TPComm_Arr.length > 0) {
                    $.each(response.data.TPComm_Arr, function (index, obj) {
                        configTPComm_ArrayList.unshift({'PartyName': this.PartyName, 'PercentDara': this.PercentDara, 'PercentAkhar': this.PercentAkhar});
                    });
                    setconfigTPCommPercentageLists(configTPComm_ArrayList, "configTPCommListPanel");
                }
                if (response.data.TPVapsi_Arr.length > 0) {
                    $.each(response.data.TPVapsi_Arr, function (index, obj) {
                        configTPVapsi_ArrayList.unshift({'PId':this.PId, 'PartyName': this.PartyName, 'Percent': this.Percent});
                    });
                    setconfigPercentageLists(configTPVapsi_ArrayList, "configTPVapsiListPanel");
                }
                // End set Reconfig

                $("#Action_Ledger_IsApplyLedgerConfigOnTransaction").prop('checked', false);
                if (response.data.IsApplyLedgerConfigOnTransaction == "1") {
                    $("#Action_Ledger_IsApplyLedgerConfigOnTransaction").prop('checked', true);
                }

            } else if (response.status == false) {}
        });
    }

    function setconfigTPCommPercentageLists(ArrList, Panel) {
        var ButtonHtml = '';
        var List = "";
        $.each(ArrList, function (index, obj) {
            ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteconfigTPComm(' + index + ')"> &nbsp; x &nbsp; </button>';
            List += '<tr style="border-bottom:1px solid #f2f2f2;">' + '<td style="font-weight:bold; border-right:1px solid #f2f2f2;">' + obj.PartyName + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.PercentDara + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.PercentAkhar + '</td>' + '<td style="vertical-align: middle; padding:2px; margin:0px auto;" align="center">' + ButtonHtml + '</td>' + '</tr>';
        });
        $('#' + Panel).html(List);
    }
    function setconfigPercentageLists(ArrList, Panel) {
        var ButtonHtml = '';
        var List = "";
        $.each(ArrList, function (index, obj) {
            if (Panel == "configTPCommListPanel") {
                ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteconfigTPComm(' + index + ')"> &nbsp; x &nbsp; </button>';
            } else if (Panel == "configTPVapsiListPanel") {
                ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteconfigTPVapsi(' + index + ')"> &nbsp; x &nbsp; </button>';
            } else if (Panel == "configHissaListPanel") {
                ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteconfigHissa(' + index + ')"> &nbsp; x &nbsp; </button>';
            }
            List += '<tr style="border-bottom:1px solid #f2f2f2;">' + '<td style="font-weight:bold; border-right:1px solid #f2f2f2;">' + this.PartyName + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + this.Percent + '</td>' + '<td style="vertical-align: middle; padding:2px; margin:0px auto;" align="center">' + ButtonHtml + '</td>' + '</tr>';
        });
        $('#' + Panel).html(List);
    }

    function Update(Status) {
        // if (IsActionAllow(Page_Edit) == false) {
        //     return false;
        // }
        if (Status == 'Info') {
            var Mobile = $('#edit_Mobile').val();
            var Address = $('#edit_Address').val();
            var RealName = $('#edit_RealName').val();
            var Grantor = $('#edit_Grantor').val();
            var DealingType = $('#edit_DealingType').val();
            var LimitAmount = $('#edit_LimitAmount').val();
            if (Mobile == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_Mobile').focus().select();
                return false;
            }
            var JsonData = {
                'Mobile': Mobile,
                'Address': Address,
                'RealName': RealName,
                'Grantor': Grantor,
                'DealingType': DealingType,
                'LimitAmount':LimitAmount
            };
        } else if (Status == 'Dibba') {
            var Dibba = $('#edit_Dibba').val();
            if (Dibba == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_Dibba').focus().select();
                return false;
            }
            var JsonData = {
                'IsDibba': Dibba
            };
        } else if (Status == 'DibbaAmount') {
            var Dibba = $('#edit_Dibba').val();
            var DibbaAmount = $('#edit_DibbaAmount').val();
            if (Dibba == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_Dibba').focus().select();
                return false;
            }
            if ((DibbaAmount == "" || Math.round(DibbaAmount) == 0) && Dibba.toUpperCase() == "YES") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_DibbaAmount').focus().select();
                return false;
            }
            var JsonData = {
                'IsDibba': Dibba,
                'DibbaAmount': DibbaAmount
            };
        } else if (Status == 'Agent') {
            var AgentName = $('#edit_Agent').val();
            if (AgentName == "") {
                Notify("Invalid ", "Please enter all valid AgentName!", "danger");
                $('#edit_Agent').focus().select();
                return false;
            }
            var JsonData = {
                'AgentLedger': AgentName
            };
        } else if (Status == 'CashAgent') {
            var CashAgentName = $('#edit_Cash_Agent').val();
            if (CashAgentName == "") {
                Notify("Invalid ", "Please enter all valid Cash Agent Name!", "danger");
                $('#edit_Cash_Agent').focus().select();
                return false;
            }
            var JsonData = {
                'CashAgentLedger': CashAgentName
            };
        }
        else if (Status == 'CashCollectionAgent') {
            var CashCollectionAgentName = $('#edit_Cash_Collection_Agent').val();
            if (CashCollectionAgentName == "") {
                Notify("Invalid ", "Please enter all valid Cash Collection Agent Name!", "danger");
                $('#edit_Cash_Collection_Agent').focus().select();
                return false;
            }
            var JsonData = {
                'CashCollectionAgentLedger': CashCollectionAgentName
            };
        }
        else if (Status == 'Vapsi') {
            var Vapsi = $('#edit_Vapsi').val();
            var JsonData = {
                'Vapsi': Vapsi
            };
            if (parseFloat(JsonData.Vapsi) > AllowVapsi) {
                Notify("Invalid ", "Please enter all valid Vapsi max " + AllowVapsi + "% !", "danger");
                return false;
            }
        } else if (Status == 'HPLedger') {
            var HPLedger = $('#edit_HPLedger').val();

            var JsonData = {
                'HPLedgerName': HPLedger
            };
        } else if (Status == 'Rename') {
            var LedgerName = $('#edit_LedgerName').val();
            if (LedgerName == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_LedgerName').focus().select();
                return false;
            }
            if (LedgerName.length < 6) {
                $('#edit_LedgerName').focus().select();
                Notify("Invalid ", "Ledger Name should be min 6 char!", "danger");
                return false;
            }
            var JsonData = {
                'LedgerName': LedgerName
            };
        } else if (Status == 'Reconfig') {
            var JsonData = {
                'DaraRate': $('#configDaraRate').val(),
                'DaraCommission': $('#configDaraCommission').val(),
                'AkharRate': $('#configAkharRate').val(),
                'AkharCommission': $('#configAkharCommission').val(),
                'SelfHissa': $('#configSelfHissa').val(),
                //'OtherHissa': configOtherHissa,
                'CappingAmount': $('#configTransactionCapping').val() == "" ? 0 : $('#configTransactionCapping').val()
            }
            // Config Validation
            if (JsonData.DaraRate == "" || JsonData.DaraCommission == "" || JsonData.AkharRate == "" || JsonData.AkharCommission == "") {
                Notify("Message ", "Please enter all valid fields!", "danger");
                $('#configDaraRate').focus().select();
                return false;
            }

            if (parseFloat(JsonData.DaraRate) < AllowDaraRate) {
                Notify("Message ", "Please enter valid Dara Rate max " + AllowDaraRate + " !", "danger");
                $('#configDaraRate').focus().select();
                return false;
            }

            if (parseFloat(JsonData.AkharRate) < AllowAkharRate) {
                Notify("Message ", "Please enter valid Akhar Rate max " + AllowAkharRate + " !", "danger");
                $('#configAkharRate').focus().select();
                return false;
            }

            if ((parseFloat(JsonData.DaraRate) + parseFloat(JsonData.DaraCommission)) > 100) {
                Notify("Message ", "Please enter all valid Dara Commission!", "danger");
                $('#configDaraCommission').focus().select();
                return false;
            }

            if (((parseFloat(JsonData.AkharRate) * 10) + parseFloat(JsonData.AkharCommission)) > 100) {
                Notify("Message ", "Please enter all valid Akhar Commission!", "danger");
                $('#configAkharCommission').focus().select();
                return false;
            }

            // Validation Hissa
            var TotalHissa = parseFloat(JsonData.SelfHissa) + parseFloat(JsonData.OtherHissa);
            if (TotalHissa > AllowHissa) {
                Notify("Message ", "Please enter total valid hissa max " + AllowHissa + "% !", "danger");
                $('#configSelfHissa').focus().select();
                return false;
            }
        } else if (Status == 'CappingAmount') {
            if (!confirm('Are you sure to save capping changes.')) {
                return false;
            }
            var JsonData = {
                'CappingAmount': $('#configTransactionCapping').val() == "" ? 0 : $('#configTransactionCapping').val()
            }
        } else if (Status == 'Reconfig_Hissa_TPComm_TPVapsi') {
            var JsonData = {};
            JsonData['TPCommList'] = JSON.stringify(configTPComm_ArrayList);
            JsonData['HissaList'] = JSON.stringify(configHissa_ArrayList);
        } else if (Status == 'Reconfig_TPVapsi') {
            var JsonData = {};
            JsonData['TPVapsiList'] = JSON.stringify(configTPVapsi_ArrayList);
        } else if (Status == 'Password') {
            var Password = $('#edit_Password').val();
            if (Password == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_Password').focus().select();
                return false;
            }
            var JsonData = {
                'Password': Password
            };
        } else if (Status == 'LoginStatus') {
            var LoginStatus = LedgerRow.LoginStatus;
            if (LoginStatus === "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_LoginStatus').focus().select();
                return false;
            }
            var JsonData = {
                'LoginStatus': LoginStatus
            };
        } else if (Status == 'AccountStatus') {
            var AccountStatus = LedgerRow.AccountStatus;

            if (AccountStatus === "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                $('#edit_AccountStatus').focus().select();
                return false;
            }
            var JsonData = {
                'AccountStatus': AccountStatus
            };
        } else if (Status == 'IsHide') {
            var JsonData = {
                'IsHide': LedgerRow.IsHide
            };
        } else if (Status == 'Delete') {
            var JsonData = {
                'RecordStatus': LedgerRow.RecordStatus
            };
        } else if (Status == 'LimitType') { // LimitType
            var LimitType = LedgerRow.LimitType;
            if (LimitType == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                return false;
            }
            var JsonData = {
                'LimitType': LimitType
            };
        } else if (Status == 'IsRisky') { // IsRisky
            var IsRisky = LedgerRow.IsRisky;
            if (IsRisky == "") {
                Notify("Invalid ", "Please enter all valid fields!", "danger");
                return false;
            }
            var JsonData = {
                'IsRisky': IsRisky
            };
        } else if (Status == 'IsApplyLedgerConfigOnTransaction') {
            var IsEnable = "";
            if ($("#Action_Ledger_IsApplyLedgerConfigOnTransaction").prop('checked') == true) {
                IsEnable = "1";
            }
            var JsonData = {
                'IsApplyLedgerConfigOnTransaction': IsEnable
            };
        }
        // JsonData['LoginId'] = LedgerRow.LoginId;
        JsonData['LedgerId'] = LedgerRow.id;
        JsonData['GroupId'] = LedgerRow.GroupId;

        JsonData['Status'] = Status;

        JsonData['nav'] = nav;
        JsonData['Method'] = "ajax_ledger_info_update";
        JsonData['_token'] = _token;
        AjaxCall("/updateLedgerData", JsonData, function (response) {
            if (response.status == true) {
                Notify("Success ", response.message, "success");
                if (Status == 'Delete') {
                    $('#ActionModal').modal('hide');
                    Ledgers();
                } else if (Status == 'LimitType') {
                    Ledgers();
                } else if (Status != 'Agent' && Status != "HPLedger") {
                    $('#ActionModal').modal('hide');
                    Ledgers();
                } else {
                    Ledgers();
                }
            } else if (response.status == false) {
                Notify("Message ", response.message, "danger");
            }
        });
    }

    function setTPCommModal() {
        var PartyNameElement = $('#TPCommModalPartyName');
        var PercentElementDara = $('#TPCommModalPercentDara');
        var PercentElementAkhar = $('#TPCommModalPercentAkhar');
        var PartyName = $( "#TPCommModalPartyName" ).val();
        var PercentDara = PercentElementDara.val();
        var PercentAkhar = PercentElementAkhar.val();
        if (PartyName == "" && PercentDara == "") {
            $('#TPCommModalClose').focus();
            return false;
        }
        if (PartyName == "" || PercentDara == "") {
            Notify("Message ", "Please enter a valid party or Percent.", "danger");
            PartyNameElement.val('');
            PartyNameElement.focus().select();
            return false;
        }

        var BasePercentageDara = $('#DaraCommission').val();
        var BasePercentageAkhar = $('#AkharCommission').val();
        if (BasePercentageDara == "") {
            Notify("Message ", "Please enter a valid dara commission.", "danger");
            PartyNameElement.val('');
            PercentElementDara.val('');
            $('#TPCommModal').modal('hide');
            $('#DaraCommission').focus();
            return false;
        }
        if (BasePercentageAkhar == "") {
            Notify("Message ", "Please enter a valid akhar commission.", "danger");
            PartyNameElement.val('');
            PercentElementAkhar.val('');
            $('#TPCommModal').modal('hide');
            $('#AkharCommission').focus();
            return false;
        }

        var ValidationPercantageDara = 0.0;
        var ValidationPercantageAkhar = 0.0;
        if (TPComm_ArrayList.length > 0) {
            $.each(TPComm_ArrayList, function (index, obj) {
                ValidationPercantageDara += parseFloat(obj.PercentDara);
                ValidationPercantageAkhar += parseFloat(obj.PercentAkhar);
            });
        }
        ValidationPercantageDara = parseFloat(PercentDara) + ValidationPercantageDara;
        ValidationPercantageAkhar = parseFloat(PercentAkhar) + ValidationPercantageAkhar;
        if (parseFloat(BasePercentageDara) < ValidationPercantageDara) {
            PercentElementDara.focus().select();
            Notify("Message ", "Transfer Dara Percent has been exceeded.", "danger");
            return false;
        }
        if (parseFloat(BasePercentageAkhar) < ValidationPercantageAkhar) {
            PercentElementAkhar.focus().select();
            Notify("Message ", "Transfer Akhar Percent has been exceeded.", "danger");
            return false;
        }
        TPComm_ArrayList.unshift({'PartyName': PartyName, 'LedgerId': '', 'PercentDara': PercentDara, 'PercentAkhar': PercentAkhar});
        setTPCommPercentageLists(TPComm_ArrayList, "TPCommModalListPanel");

        $('#TPCommCommission').text(parseFloat(BasePercentageDara).toFixed(2));
        $('#TPCommTransfer').text(parseFloat(ValidationPercantageDara).toFixed(2));
        $('#TPCommBalance').text(parseFloat(BasePercentageDara - ValidationPercantageDara).toFixed(2));

        PercentElementDara.val('');
        PercentElementAkhar.val('');
        PartyNameElement.focus();
    }
    function setTPCommPercentageLists(ArrList, Panel) {
        var ButtonHtml = '';
        var List = "";
        var List_view = "";
        $.each(ArrList, function (index, obj) {
            ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteTPComm(' + index + ')"> &nbsp; x &nbsp; </button>';
            List += '<tr style="border-bottom:1px solid #f2f2f2;">' + '<td style="font-weight:bold; border-right:1px solid #f2f2f2;">' + obj.PartyName + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.PercentDara + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.PercentAkhar + '</td>' + '<td style="vertical-align: middle; padding:2px; margin:0px auto;" align="center">' + ButtonHtml + '</td>' + '</tr>';

            List_view += '<tr style="border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2;">' + '<td style="font-weight:bold; border-right:1px solid #f2f2f2;">' + obj.PartyName + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.PercentDara + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.PercentAkhar + '</td>' + '</tr>';
        });
        $('#' + Panel).html(List);
        $('#' + Panel + '_view').html(List_view);
    }

    function deleteTPComm(ind) {
        var tmp_ArrayList = [];
        $.each(TPComm_ArrayList, function (index, obj) {
            if (ind != index) {
                tmp_ArrayList.push(TPComm_ArrayList[index]);
            }
        });
        TPComm_ArrayList = tmp_ArrayList;
        setTPCommPercentageLists(TPComm_ArrayList, "TPCommModalListPanel");

        var BasePercentageDara = $('#TPCommCommission').text();
        var BasePercentageAkhar = $('#AkharCommission').text();
        var ValidationPercantageDara = 0.0;
        var ValidationPercantageAkhar = 0.0;
        if (TPComm_ArrayList.length > 0) {
            $.each(TPComm_ArrayList, function (index, obj) {
                ValidationPercantageDara += parseFloat(obj.PercentDara);
                ValidationPercantageAkhar += parseFloat(obj.PercentAkhar);
            });
            $('#TPCommTransfer').text(parseFloat(ValidationPercantageDara).toFixed(2));
            $('#TPCommBalance').text(parseFloat(BasePercentageDara - ValidationPercantageDara).toFixed(2));
        } else {
            $('#TPCommTransfer').text("0.00");
            $('#TPCommBalance').text("0.00");
        }
    }

    function setTPVapsiModal() {

        var PartyNameElement = $('#TPVapsiModalPartyName');
        var PercentElement = $('#TPVapsiModalPercent');
        var PartyName = $( "#TPVapsiModalPartyName" ).val();

        var Percent = PercentElement.val();
        if (PartyName == "" && Percent == "") {
            $('#TPVapsiModalClose').focus();
            return false;
        }
        if (PartyName == "" || Percent == "") {
            PartyNameElement.val('');
            PartyNameElement.focus().select();
            Notify("Message ", "Please enter a valid party or Percent.", "danger");
            return false;
        }

        var BasePercentage = $('#Vapsi').val();
        if (BasePercentage == "") {
            Notify("Message ", "Please enter a valid vapsi.", "danger");
            PartyNameElement.val('');
            PercentElement.val('');
            $('#TPVapsiModal').modal('hide');
            $('#Vapsi').focus();
            return false;
        }

        var ValidationPercantage = 0.0;
        if (TPVapsi_ArrayList.length > 0) {
            $.each(TPVapsi_ArrayList, function (index, obj) {
                ValidationPercantage += parseFloat(obj.Percent);
            });
        }
        var TotalValidationPercantage = parseFloat(Percent) + ValidationPercantage;
        if (parseFloat(BasePercentage) < TotalValidationPercantage) {
            Notify("Message ", "Transfer Percent has been exceeded.", "danger");
            PartyNameElement.focus().select();
            return false;
        }
        TPVapsi_ArrayList.unshift({'PartyName': PartyName, 'LedgerId': '', 'Percent': Percent});
        setPercentageLists(TPVapsi_ArrayList, "TPVapsiModalListPanel");

        $('#TPVapsiCommission').text(parseFloat(BasePercentage).toFixed(2));
        $('#TPVapsiTransfer').text(parseFloat(TotalValidationPercantage).toFixed(2));
        $('#TPVapsiBalance').text(parseFloat(BasePercentage - TotalValidationPercantage).toFixed(2));

        PartyNameElement.val('').trigger('change');
        PercentElement.val('');
        PartyNameElement.focus();
    }

    function setHissaModal() {

        var PartyNameElement = $('#HissaModalPartyName');
        var PercentElement = $('#HissaModalPercent');
        var PartyName = $("#HissaModalPartyName").val();
        var Percent = PercentElement.val();
        if (PartyName == "" && Percent == "") {           
            $('#HissaModalClose').focus();
            return false;
        }
        if (PartyName == "" || Percent == "") {
            PartyNameElement.val('');
            PartyNameElement.focus().select();
            Notify("Message ", "Please enter a valid party or Percent.", "danger");
            return false;
        }

        var BasePercentage = parseFloat(AllowHissa);
        var ValidationPercantage = 0.0;
        var HpPercentage = 0.0;
        if (Hissa_ArrayList.length > 0) {
            $.each(Hissa_ArrayList, function (index, obj) {
                if (obj.PartyName == 'HP A/C') {
                    HpPercentage += parseFloat(obj.Percent);
                } else {
                    ValidationPercantage += parseFloat(obj.Percent);
                }
            });
        }
        if (PartyName == 'HP A/C') {
            HpPercentage += parseFloat(Percent);
        } else {
            ValidationPercantage += parseFloat(Percent);
        }
        if (parseFloat(BasePercentage) < HpPercentage) {
            Notify("Message ", "Transfer hissa has been exceeded.", "danger");
            PartyNameElement.focus().select();
            return false;
        }
        if (parseFloat(BasePercentage) < ValidationPercantage) {
            Notify("Message ", "Transfer hissa has been exceeded.", "danger");
            PartyNameElement.focus().select();
            return false;
        }
        Hissa_ArrayList.unshift({'PartyName': PartyName, 'LedgerId': '', 'Percent': Percent});
        setPercentageLists(Hissa_ArrayList, "HissaModalListPanel");

        $('#HissaCommission').text(parseFloat(BasePercentage).toFixed(2));
        $('#HissaTransfer').text(parseFloat(ValidationPercantage).toFixed(2));
        $('#HissaBalance').text(parseFloat(BasePercentage - ValidationPercantage).toFixed(2));

        PercentElement.val('');
        PartyNameElement.focus();
    }

    function setPercentageLists(ArrList, Panel) {
        var ButtonHtml = '';
        var List = "";
        var List_view = "";
        $.each(ArrList, function (index, obj) {
            if (Panel == "TPCommModalListPanel") {
                ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteTPComm(' + index + ')"> &nbsp; x &nbsp; </button>';
            } else if (Panel == "TPVapsiModalListPanel") {
                ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteTPVapsi(' + index + ')"> &nbsp; x &nbsp; </button>';
            } else if (Panel == "HissaModalListPanel") {
                ButtonHtml = '<a href="#" style="text-align:center; width:30px; padding:2px;" id="" class="btn btn-danger"  onclick="deleteHissa(' + index + ')"> &nbsp; x &nbsp; </button>';
            }
            List += '<tr style="border-bottom:1px solid #f2f2f2;">' + '<td style="font-weight:bold; border-right:1px solid #f2f2f2;">' + obj.PartyName + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.Percent + '</td>' + '<td style="vertical-align: middle; padding:2px; margin:0px auto;" align="center">' + ButtonHtml + '</td>' + '</tr>';
            List_view += '<tr style="border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2;">' + '<td style="font-weight:bold; border-right:1px solid #f2f2f2; ">' + obj.PartyName + '</td>' + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">' + obj.Percent + '</td>' + '</tr>';
        });
        $('#' + Panel).html(List);
        $('#' + Panel + '_view').html(List_view);
    }

    function deleteTPVapsi(ind) {
        var tmp_ArrayList = [];
        $.each(TPVapsi_ArrayList, function (index, obj) {
            if (ind != index) {
                tmp_ArrayList.push(TPVapsi_ArrayList[index]);
            }
        });
        TPVapsi_ArrayList = tmp_ArrayList;
        setPercentageLists(TPVapsi_ArrayList, "TPVapsiModalListPanel");

        var BasePercentage = $('#TPVapsiCommission').text();
        var ValidationPercantage = 0.0;
        if (TPVapsi_ArrayList.length > 0) {
            $.each(TPVapsi_ArrayList, function (index, obj) {
                ValidationPercantage += parseFloat(obj.Percent);
            });
            $('#TPVapsiTransfer').text(parseFloat(ValidationPercantage).toFixed(2));
            $('#TPVapsiBalance').text(parseFloat(BasePercentage - ValidationPercantage).toFixed(2));
        } else {
            $('#TPVapsiTransfer').text("0.00");
            $('#TPVapsiBalance').text("0.00");
        }
    }
    function deleteHissa(ind) {
        var tmp_ArrayList = [];
        $.each(Hissa_ArrayList, function (index, obj) {
            if (ind != index) {
                tmp_ArrayList.push(Hissa_ArrayList[index]);
            }
        });
        Hissa_ArrayList = tmp_ArrayList;
        setPercentageLists(Hissa_ArrayList, "HissaModalListPanel");

        var BasePercentage = $('#HissaCommission').text();
        var ValidationPercantage = 0.0;
        if (Hissa_ArrayList.length > 0) {
            $.each(Hissa_ArrayList, function (index, obj) {
                ValidationPercantage += parseFloat(obj.Percent);
            });
            $('#HissaTransfer').text(parseFloat(ValidationPercantage).toFixed(2));
            $('#HissaBalance').text(parseFloat(BasePercentage - ValidationPercantage).toFixed(2));
        } else {
            $('#HissaTransfer').text("0.00");
            $('#HissaBalance').text("0.00");
        }
    }
    // Map [Enter] key to work like the [Tab] key

    function setconfigHissa() {

        var PartyNameElement = $('#configHissaPartyName');
        var PercentElement = $('#configHissaPercent');
        var PartyName = $("#configHissaPartyName").val();
        var Percent = PercentElement.val();
        if (PartyName == "" && Percent == "") {
            $('#configTPCommPartyName').focus();
            return false;
        }
        if (PartyName == "" || Percent == "") {
            PartyNameElement.val('');
            PartyNameElement.focus().select();
            Notify("Message ", "Please enter a valid party or Percent.", "danger");
            return false;
        }

        var BasePercentage = parseFloat(AllowHissa);
        var ValidationPercantage = 0.0;
        var HpPercentage = 0.0;
        if (configHissa_ArrayList.length > 0) {
            $.each(configHissa_ArrayList, function (index, obj) {
                if (obj.PartyName == 'HP A/C') {
                    HpPercentage += parseFloat(obj.Percent);
                } else {
                    ValidationPercantage += parseFloat(obj.Percent);
                }
            });
        }
        if (PartyName == 'HP A/C') {
            HpPercentage += parseFloat(Percent);
        } else {
            ValidationPercantage += parseFloat(Percent);
        }
        if (parseFloat(BasePercentage) < HpPercentage) {
            Notify("Message ", "Transfer hissa has been exceeded.", "danger");
            PartyNameElement.focus().select();
            return false;
        }
        if (parseFloat(BasePercentage) < ValidationPercantage) {
            Notify("Message ", "Transfer hissa has been exceeded max limit: " + BasePercentage, "danger");
            PartyNameElement.focus().select();
            return false;
        }
        configHissa_ArrayList.unshift({
            'PartyName':  PartyName,
            'Percent': Percent
        });
        setconfigPercentageLists(configHissa_ArrayList, "configHissaListPanel");
        PercentElement.val('');
        PartyNameElement.focus();
    }
    function setconfigTPComm() {
        var PartyNameElement = $('#configTPCommPartyName');
        var PercentElementDara = $('#configTPCommPercentDara');
        var PercentElementAkhar = $('#configTPCommPercentAkhar');
        var PartyName = $("#configTPCommPartyName").val();
        var PercentDara = PercentElementDara.val();
        var PercentAkhar = PercentElementAkhar.val();
        if (PartyName == "" && PercentDara == "") {
            $('#Reconfig_Hissa_TPComm_TPVapsi_btn').focus();
            return false;
        }
        if (PartyName.toUpperCase() == "HP A/C") {
            Notify("Message ", "Please enter a valid party.", "danger");
            PartyNameElement.focus().select();
            return false;
        }
        if (PartyName == "" || PercentDara == "") {
            Notify("Message ", "Please enter a valid party or Percent.", "danger");
            PartyNameElement.val('');
            PartyNameElement.focus().select();
            return false;
        }

        var BasePercentageDara = LedgerRow.DaraCommission;
        var BasePercentageAkhar = LedgerRow.AkharCommission;

        var ValidationPercantageDara = 0.0;
        var ValidationPercantageAkhar = 0.0;
        if (configTPComm_ArrayList.length > 0) {
            $.each(configTPComm_ArrayList, function (index, obj) {
                ValidationPercantageDara += parseFloat(obj.PercentDara);
                ValidationPercantageAkhar += parseFloat(obj.PercentAkhar);
            });
        }
        ValidationPercantageDara = parseFloat(PercentDara) + ValidationPercantageDara;
        ValidationPercantageAkhar = parseFloat(PercentAkhar) + ValidationPercantageAkhar;
        if (parseFloat(BasePercentageDara) < ValidationPercantageDara) {
            PercentElementDara.focus().select();
            Notify("Message ", "Transfer Dara Percent has been exceeded. Max Allow: " + BasePercentageDara, "danger");
            return false;
        }
        if (parseFloat(BasePercentageAkhar) < ValidationPercantageAkhar) {
            PercentElementAkhar.focus().select();
            Notify("Message ", "Transfer Akhar Percent has been exceeded. Max Allow: " + BasePercentageAkhar, "danger");
            return false;
        }
        configTPComm_ArrayList.unshift({
            'PartyName': PartyName,
            'PercentDara': PercentDara,
            'PercentAkhar': PercentAkhar
        });
        setconfigTPCommPercentageLists(configTPComm_ArrayList, "configTPCommListPanel");
        PercentElementDara.val('');
        PercentElementAkhar.val('');
        PartyNameElement.focus();
    }

    function setconfigTPVapsi() {
        var PartyNameElement = $('#configTPVapsiPartyName');
        var PercentElement = $('#configTPVapsiPercent');
        var PartyName = $("#configTPVapsiPartyName").val();
        var Percent = PercentElement.val();
        if (PartyName == "" && Percent == "") {
            $('#Reconfig_TPVapsi_btn').focus();
            return false;
        }
        if (PartyName == "" || Percent == "") {
            PartyNameElement.val('');
            PartyNameElement.focus().select();
            Notify("Message ", "Please enter a valid party or Percent.", "danger");
            return false;
        }


        var BasePercentage = parseFloat(LedgerRow.Vapsi);
        var ValidationPercantage = 0.0;
        if (configTPVapsi_ArrayList.length > 0) {
            $.each(configTPVapsi_ArrayList, function (index, obj) {
                ValidationPercantage += parseFloat(obj.Percent);
            });
        }
        var TotalValidationPercantage = parseFloat(Percent) + ValidationPercantage;
        if (parseFloat(BasePercentage) < TotalValidationPercantage) {
            Notify("Message ", "Transfer Percent has been exceeded. Max Allow Rebate: " + BasePercentage, "danger");
            PartyNameElement.focus().select();
            return false;
        }
        configTPVapsi_ArrayList.unshift({
            'PartyName': PartyName,
            'Percent': Percent
        });
        setconfigPercentageLists(configTPVapsi_ArrayList, "configTPVapsiListPanel");
        PercentElement.val('');
        PartyNameElement.focus();
    }

    function deleteconfigTPComm(ind) {
        var tmp_ArrayList = [];
        $.each(configTPComm_ArrayList, function (index, obj) {
            if (ind != index) {
                tmp_ArrayList.push(configTPComm_ArrayList[index]);
            }
        });
        configTPComm_ArrayList = tmp_ArrayList;
        setconfigTPCommPercentageLists(configTPComm_ArrayList, "configTPCommListPanel");
    }
    function deleteconfigTPVapsi(ind) {
        var tmp_ArrayList = [];
        $.each(configTPVapsi_ArrayList, function (index, obj) {
            if (ind != index) {
                tmp_ArrayList.push(configTPVapsi_ArrayList[index]);
            }
        });
        configTPVapsi_ArrayList = tmp_ArrayList;
        setconfigPercentageLists(configTPVapsi_ArrayList, "configTPVapsiListPanel");
    }
    function deleteconfigHissa(ind) {
        var tmp_ArrayList = [];
        $.each(configHissa_ArrayList, function (index, obj) {
            if (ind != index) {
                tmp_ArrayList.push(configHissa_ArrayList[index]);
            }
        });
        configHissa_ArrayList = tmp_ArrayList;
        setconfigPercentageLists(configHissa_ArrayList, "configHissaListPanel");
    }
    
    
    ko.bindingHandlers.nextFieldOnEnter = {  
        init: function(element, valueAccessor, allBindingsAccessor) {
            $(element).on('keydown', 'input, select', function (e) {
                var self = $(this)
                , form = $(element)
                  , focusable
                  , next
                ;
				//LastFocusedControl_Id = $(":focus").attr("id");
                if (e.keyCode == 13) {
					focusable = form.find('input,select,button,textarea').filter(':visible');
					var nextIndex = focusable.index(this) == focusable.length -1 ? 0 : focusable.index(this) + 1;
					next = focusable.eq(nextIndex);
						
						
					next.focus().select();
					return false;
                }
            });
        }
    };
    ko.applyBindings({});
</script>