@php
$page_name = 'Duplicate Transactions';
@endphp
@include('partial.header')

    <div class="container-fluid">

        @include('partial.navigation')

        <!-- *************
                ************ Main container start *************
            ************* -->
        <div class="main-container">
            <!-- Content wrapper start -->
            <div class="content-wrapper">

                <div class="table-container">
                    <table class="table" style="margin-bottom: 0px !important;">
                        <tr>
                            <td style="width:180px;"><h5 class="table-title">Duplicate Trans</h5></td>
                            <td style="width:50px;"><b>Shift</b></td>
                            <td style="width:180px;" id="ShiftCombo"></td>
                            <td style="width:50px;"><b>Date</b></td>
                            <td style="width:145px;" id="ShiftDatePanel"></td>
                            <td style="width:150px;">
                            <button class="btn btn-success btn-block" onclick="getReport()" >Search <span id="ajax_loader"></span></button>
                            </td>
                            <td></td>
                            <td style="width:145px;"><h5 id="ShiftKhabar" class="table-title"></td>
                            <td style="width:185px;"><h5 class="table-title"><span id="ShiftProfitLoss"></span></td>
                            <td style="width:100px;">
                            <button class="btn btn-success btn-block exportToExcel" onclick="ExportToExcel('TransaactionDuplicate-')" >Excel</button>
                            </td>
                        </tr>
                    </table>
                    <!--****************** Vertical Scroll table start ************************-->
                    <div class="table-container">
                        <div class="table-responsive table2excel CustomFixedTbl" style="min-height:60vh; max-height:60vh; ">
                            <table style="width:99.9%;"  class="table table-bordered">
                                <thead>
                                    <tr style="border-top:1px solid #DDD;">
                                        <th class="text-center" style="width:50px;">Sr.</th>
                                        <th class="text-center" style="width:300px;">Party</th>
                                        <th class="text-center" style="width:150px;">Shift</th>
                                        <th class="text-center" style="width:120px;">Date</th>
                                        <th class="text-center" style="width:120px;">Amount</th>
                                        <th class="text-center" style="width:120px;">D-Count</th>
                                        <th class="text-center" style="width:120px;">Action</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody id="DailyListBodyPanel"></tbody>
                                <tfoot id="DailyListFooterPanel"></tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- Content wrapper end -->


            </div>
            <!-- *************
                    ************ Main container end *************
                ************* -->

            <footer class="main-footer" style="padding:0px; ">
                <div class="table-responsive">
                    <table class="table" style="margin-bottom: 0px !important; background:none;">
                        <tr>
                            <td style="width:150px;">
                                &nbsp;
                            </td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </footer>

        </div>

        <!-- Start Modal -->
        <div class="modal fade" id="FlashMessagePanelModal" tabindex="-1" role="dialog"
            aria-labelledby="basicModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="basicModalLabel">Flash Message</h5>
                        <button type="button" onclick="flashMessagePanelClose()" 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-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                                <h3 class="text-center" id="FlashMessage"></h3>
                                <h3>
                                </h3>
                            </div>
                        </div>
                        <div class="row gutters">

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- End Modal -->


        <!-- Start Modal -->
        <div class="modal fade" id="OpenOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
            aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg" role="document">
                <form method="post" id="AddLedgerForm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="basicModalLabel">Current Organization</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 align-top">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="events-container" style="margin-bottom:15px;">
                                        <div class="event-list">
                                            <div class="event-icon">
                                                <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                    <input style="width:30px; height:30px;"
                                                        onclick="setCurrentOrganization(this.id)"
                                                        class="form-check-input" type="radio"
                                                        name="SetOrganizationGroup" id="SetOrganization1001"
                                                        value="1001">
                                                </div>
                                            </div>
                                            <div class="event-info">
                                                <div class="event-title">
                                                    stark99 </div>
                                                <div class="event-date">
                                                    RK
                                                    | 9999999999
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="events-container" style="margin-bottom:15px;">
                                        <div class="event-list">
                                            <div class="event-icon">
                                                <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                    <input style="width:30px; height:30px;"
                                                        onclick="setCurrentOrganization(this.id)"
                                                        class="form-check-input" type="radio"
                                                        name="SetOrganizationGroup" id="SetOrganization1002"
                                                        value="1002">
                                                </div>
                                            </div>
                                            <div class="event-info">
                                                <div class="event-title">
                                                    GOO99 </div>
                                                <div class="event-date">
                                                    RINKU
                                                    | 9888758025
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="events-container" style="margin-bottom:15px;">
                                        <div class="event-list">
                                            <div class="event-icon">
                                                <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                    <input checked="" style="width:30px; height:30px;"
                                                        onclick="setCurrentOrganization(this.id)"
                                                        class="form-check-input" type="radio"
                                                        name="SetOrganizationGroup" id="SetOrganization1003"
                                                        value="1003">
                                                </div>
                                            </div>
                                            <div class="event-info">
                                                <div class="event-title">
                                                     <small style="color:#f03;">(Current)</small> </div>
                                                <div class="event-date">
                                                    RAKESH
                                                    | 9999999999
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="events-container" style="margin-bottom:15px;">
                                        <div class="event-list">
                                            <div class="event-icon">
                                                <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                    <input style="width:30px; height:30px;"
                                                        onclick="setCurrentOrganization(this.id)"
                                                        class="form-check-input" type="radio"
                                                        name="SetOrganizationGroup" id="SetOrganization1011"
                                                        value="1011">
                                                </div>
                                            </div>
                                            <div class="event-info">
                                                <div class="event-title">
                                                    STARK61 </div>
                                                <div class="event-date">
                                                    RK JI
                                                    | 8872430061
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="events-container" style="margin-bottom:15px;">
                                        <div class="event-list">
                                            <div class="event-icon">
                                                <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                    <input style="width:30px; height:30px;"
                                                        onclick="setCurrentOrganization(this.id)"
                                                        class="form-check-input" type="radio"
                                                        name="SetOrganizationGroup" id="SetOrganization1012"
                                                        value="1012">
                                                </div>
                                            </div>
                                            <div class="event-info">
                                                <div class="event-title">
                                                    IDEXCH99 </div>
                                                <div class="event-date">
                                                    IDEXCH
                                                    | 9090909090
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                                    <div class="events-container" style="margin-bottom:15px;">
                                        <div class="event-list">
                                            <div class="event-icon">
                                                <div style="margin-right: 0rem;" class="form-check form-check-inline">
                                                    <input style="width:30px; height:30px;"
                                                        onclick="setCurrentOrganization(this.id)"
                                                        class="form-check-input" type="radio"
                                                        name="SetOrganizationGroup" id="SetOrganization1013"
                                                        value="1013">
                                                </div>
                                            </div>
                                            <div class="event-info">
                                                <div class="event-title">
                                                    AMAN EXCH </div>
                                                <div class="event-date">
                                                    AMAN
                                                    | 9090909090
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row gutters">

                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
        <!-- End Modal -->
    </div>


        <div class="modal fade" id="Hissab_ShiftModal" style="background: #fff;" tabindex="-1" role="dialog"
            aria-labelledby="basicModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">HISSAB REPORT</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body" style="padding:3px !important;">
                        <div class="table-responsive">

                            <table style="width:99.9%;" class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td style="width:30%"><b>FROM: <span id="Hissab_as_FromDate"></span> | TO: <span
                                                    id="Hissab_as_ToDate"></span></b></td>
                                        <td align="center">
                                            <h3><span id="Hissab_as_OrganizationName"></span></h3>
                                            <h3>
                                            </h3>
                                            <h5><span id="Hissab_ShiftPartyName"></span></h5>
                                            <h5>
                                            </h5>
                                            <h5><span id="Hissab_ShiftPartyUserId"></span></h5>
                                            <h5>
                                            </h5>
                                        </td>
                                        <td style="width:30%" class="text-right"><b>REPORTING TIME: <span
                                                    id="Hissab_as_ReportingTime">FROM</span></b></td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="table-responsive table2excel CustomFixedTbl">
                                <table style="width:99.9%;" class="table table-bordered">
                                    <thead>
                                        <tr style="border-top:1px solid #DDD;">
                                            <th>SR.</th>
                                            <th style="width:200px;">PARTY</th>
                                            <th class="text-center">RATE</th>
                                            <th class="text-center">S-HISSA</th>
                                            <th class="text-right">T-SALE</th>
                                            <th class="text-right">D-SALE</th>
                                            <th class="text-right">A-SALE</th>
                                            <th class="text-right">COMM</th>
                                            <th class="text-right">O-DARA</th>
                                            <th class="text-right">O-AKHAR</th>
                                            <th class="text-right">TPC</th>
                                            <th class="text-right">HISSA</th>
                                            <th class="text-right">DEBIT</th>
                                            <th class="text-right">CREDIT</th>
                                        </tr>
                                    </thead>
                                    <tbody id="Hissab_ShiftListBodyPanel"></tbody>
                                    <tfoot id="Hissab_ShiftListFooterPanel"></tfoot>
                                </table>
                            </div>
                            <br>
                            <table style="width:99.9%;" class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <td style="width:15%" class="text-center">
                                            <h5> OPENING: <span id="Hissab_as_Opening"></span> </h5>
                                        </td>
                                        <td style="width:12%" class="text-center"><b> P&amp;L: <span
                                                    id="Hissab_as_TodayProfit"></span></b></td>
                                        <td style="width:12%" class="text-center"><b> HP-AMT: <span
                                                    id="Hissab_as_HPAmount"></span></b></td>
                                        <td style="width:12%" class="text-center"><b> REBATE: <span
                                                    id="Hissab_as_Vapsi"></span></b></td>
                                        <td style="width:12%" class="text-center"><b> TPC: <span
                                                    id="Hissab_as_TPC"></span></b></td>
                                        <td style="width:12%" class="text-center"><b> PAYMENT: <span
                                                    id="Hissab_as_Payment"></span></b></td>
                                        <td style="width:15%" class="text-center">
                                            <h5> CLOSING: <span id="Hissab_as_Closing"></span> </h5>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <br>
                            <div style="Width:100%;" class="text-center"><b> Download Android App <br>
                                    https://play.google.com/store/apps/details?id=com.stark.mandi </b></div>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Shifts Modal -->

        

        <!-- Start Loader Modal -->
        <div class="modal fade" id="Hissab_LoaderPopupModal" tabindex="-1" role="dialog"
            aria-labelledby="basicModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-md" role="document">
                <div class="modal-content">
                    <div class="modal-body" style="padding:3px !important;">
                        <div class="table-responsive">
                            <br><br>
                            <div class="text-center">
                                <h5>Hissab</h5>
                            </div>
                            <br>
                            <div class="d-flex justify-content-center">
                                <div class="spinner-border">
                                    <span class="sr-only">Loading...</span>
                                </div>
                            </div>
                            <br>
                            <div class="text-center">
                                <h5>Request under process. Please wait...</h5>
                            </div>
                            <br><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Loader Modal -->
        <!-- Start VoucherAlert Modal -->
        <div class="modal fade" id="VoucherAlertModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel"
            aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-sm" role="document">
                <form method="post" id="VoucherAlertForm">
                    <div class="modal-content">
                        <div class="modal-header" style="background:#f03 !important;">
                            <h5 class="modal-title">Voucher Warning</h5>
                        </div>
                        <div class="modal-body">
                            <div class="row gutters">
                                <div class="col-xl-12 col-lglg-12 col-md-12 col-sm-12 col-12">
                                    <div class="form-group text-center">
                                        <h4>Voucher is already exist! </h4>
                                        <b>Do you want to process or cancel?</b>
                                    </div>
                                </div>
                                <div class="col-xl-12 col-lglg-12 col-md-12 col-sm-12 col-12">
                                    <div class="form-group">
                                        <b id="VoucherAlertMessage"></b>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                    <div class="form-group text-center">
                                        <button id="VoucherExistAlertProcessBtn" onclick="VoucherExistAlertProcess()"
                                            type="button" class="btn btn-danger">Process</button>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lglg-6 col-md-6 col-sm-6 col-12">
                                    <div class="form-group text-center">
                                        <button onclick="VoucherExistAlertCancel()" type="button" data-dismiss="modal"
                                            aria-label="Close" class="btn btn-warning">Cancel</button>
                                    </div>
                                </div>
                            </div>


                            <div class="row gutters">

                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
        <!-- End VoucherAlert Modal -->

        <script>
            var BaseUrl = "/";
            var nav = "duplicate_transaction_list";
        </script>

        @include('partial.footer')

        <script>
            var SelectedShiftId = "{{$selectedShift}}";
            var LoginRoleId = "2";

            var Shift_ArrayList = [];
            var SelectedShift = [];

            var UtarMaster = [];
            var JantriMaster = [];

            var Filter_Transaction_ArrayList = [];
            var Transaction_ArrayList = [];
            var TransactionSelectedRow = {};
            var IsLive = "NO";

            var IsAllTransactionForParty = false;

            var CopyMoveShifts_ArrayList = [];
            var PageInfo = "";

            $(document).ready(function () {
                //$('#SearchBox').select2();
                getPageInfo();
                //BlockSpace('#OrganizationUserName');
                if (IsActionAllowLoad(Page_Add) == false) {
                    $('#AddButton').hide();
                    $('#MainJantriButton').hide();
                }
                if (IsActionAllowLoad(Page_Export) == false) {
                    $('#lbl_MainJantriButton').hide();
                }
                $("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", "{{date('Y-m-d')}}"));
                getShifts();
                setTimeout(function () {
                    CustomJantriControl("jv", "JantriView", "readonly");
                    if (IsLive == "Live") {
                        if (LoginRoleId != 3 && LoginRoleId != 4 && LoginRoleId != 5) {
                            CustomJantriControl("mj", "MainJantri", "");
                            CustomJantriControl("mjHPLedger", "MainJantriHPLedger", "readonly");
                        } else {
                            CustomJantriControl("mj", "MainJantri", "readonly");
                            CustomJantriControl("mjHPLedger", "MainJantriHPLedger", "readonly");
                        }
                    } else {
                        CustomJantriControl("mj", "MainJantri", "readonly");
                        CustomJantriControl("mjHPLedger", "MainJantriHPLedger", "readonly");
                    }
                    CustomJantriControl("disj", "DistributorJantri", "readonly");
                    CustomJantriControl("agtj", "AgentJantri", "readonly");

                    CustomJantriControl_lbl("lbl_mj", "lbl_MainJantri", "readonly");
                }, 500);
                //getStaffCombo();
            });




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

            function getPageInfo() {
                /*
                getIPAddress(function (resIP){
                    PageInfo = resIP;
                    document.cookie='ip='+PageInfo; 
                });
                */
            }

            function getShifts() {
                var JsonData = { 'SearchShift': "", "IsLive": IsLive };
                JsonData['nav'] = nav;
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_shift_transaction";
                AjaxCall("/getLiveShifts", JsonData, function (response) {
                    if (response.status == true) {
                        Shift_ArrayList = [];
                        var Row = '<select id="Shifts" name="Shifts" onchange="loadDate(this.value)" class="form-control form-control-sm">';
                        Row += '<option value="0"> All </option>';
                        $.each(response.data, function (index, obj) {
                            Shift_ArrayList[this.id] = obj;
                            Row += '<option value="' + this.id + '">' + this.shift_name + '</option>';
                        });
                        Row += '</select>';
                        $('#ShiftCombo').html(Row);
                        //$('#ShiftDate').html('<b  class="form-control form-control-sm">'+Shift_ArrayList[(response.data[0].ShiftId)].ShiftDate+'</b>');
                        $('#Shifts').focus();

                        if (SelectedShiftId == 0) {
                            //loadDate(response.data[0].id);
                        } else {
                            $('#Shifts').val(SelectedShiftId);
                            loadDate(SelectedShiftId);
                        }

                        //console.clear();
                    } else if (response.status == true) {
                        Notify("Message", response.message, "danger");
                    }
                });
            }

            function loadDate(_Val) {
                SelectedShift = {};
                SelectedShift = Shift_ArrayList[_Val];
                
                var ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                $("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", ShiftDate));
                $('#Year_ShiftDate').focusout(function () {
                    getReport();
                });
                getReport();
            }

function getReport(){

    var JsonData = {
        'ShiftDate'		: getCustomDatePicker("ShiftDate",'D'),
        'ShiftId'		: $('#Shifts').val()
    };
    if(JsonData.ShiftDate == "1970-01-01"){
        Notify("Invalid ","Please enter a valid ShiftDate!","danger");
        $('#Day_ShiftDate').focus().select();
        return false;
    }
    if(JsonData.ShiftDate == "" || JsonData.ShiftId == ""){
        Notify("Invalid ","Please enter all valid fields!","danger");
        return false;
    }
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_trans_duplicate_list";
    AjaxLoader("show");
    AjaxCall("/getDuplicateTransactions",JsonData,function(response) {
        AjaxLoader("hide");
        if(response.status==true){	
            var Row = '';
            var RowFooter = '';
            TransDuplicate_ArrayList = [];
            $.each( response.data, function( index, obj ) {
                TransDuplicate_ArrayList[index] = this;
                Row +='<tr>'
                    +'<td class="text-left">'+(index+1)+'</td>'
                    +'<td class="text-left">'+this.LedgerName+'</td>'
                    +'<td class="text-center">'+this.ShiftName +'</td>' 
                    +'<td class="text-center">'+getDateProject(this.TransactionDate) +'</td>' 
                    +'<td class="text-right">'+ Math.round(this.TotalAmount) +'</td>' 
                    +'<td class="text-center">'+ Math.round(this.NoofTrans) +'</td>' 
                    +'<td class="text-center">'
                        +'<span style="'+((Page_Delete)==false ? "display:none;" : "")+'" onclick="DeleteAction('+index+')" class="badge badge-danger">Delete</span>'
                    +'</td>'
                    +'<td class="text-right"></td>' 
                    +'</tr>';
            });
            $('#DailyListBodyPanel').html(Row);
            $('#DailyListFooterPanel').html(RowFooter);
            
        }else if(response.status==false){
            Notify("Message ",response.message,"danger");
            $('#DailyListBodyPanel').html("");
            $('#DailyListFooterPanel').html("");
        }
    });
}



            function ViewAction(inds) {
                TransactionSelectedRow = {};
                TransactionSelectedRow = Transaction_ArrayList[inds];
                $('#TableTransactionDetail').html('');
                getTransactionDetail("U");

            }

            function setAllTransactionCheckBox() {
                IsAllTransactionForParty = false;
                $('.AllTransactionParty_CheckBox').prop("checked", false);
                $('.AllTransactionParty_CutJantri_CheckBox').prop("checked", false);
            }



            function getAllTransactionParty_CutJantri() {
                if ($('.AllTransactionParty_CutJantri_CheckBox').is(':checked')) {
                    getTransactionDetail_CutJantri("J");
                } else {
                    getAllTransactionParty();
                }

            }
            function getTransactionDetail_CutJantri(Mode) {
                if (!TransactionSelectedRow.hasOwnProperty('LedgerId')) {
                    Notify("Invalid ", "Please select any row for view!", "danger");
                    return false;
                }
                var ShiftDate = "";
                if (IsLive == "Live") {
                    ShiftDate = SelectedShift.ShiftDate;
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'LedgerId': TransactionSelectedRow.LedgerId,
                    'ShiftId': SelectedShift.ShiftId,
                    'ShiftDate': ShiftDate,
                    "IsLive": IsLive
                }
                if (JsonData.IsLive == "" || JsonData.ShiftId == "" || JsonData.LedgerId == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_transaction_cut_jantri";
                AjaxCall("/ajax_index", JsonData, function (response) {
                    Custom_ClearJantri("jv", "JantriView");
                    if (response.status == true) {
                        UtarMaster = [];
                        $.each(response.data, function (index, obj) {
                            UtarMaster.unshift({
                                Number: (this.Number.length == 2 ? Math.round(this.Number) : this.Number),
                                Amount: this.Amount,
                            });
                        });
                        if (Mode == "U") {
                            $('#TableTransactionDetail').html(FillUtar(UtarMaster));
                        } else if (Mode == "J") {
                            $('#JantriViewModal').modal('show');
                            FillJantri(UtarMaster);
                            Custom_Bind_Jantri(JantriMaster, "jv");
                            //setTimeout(function(){ $('#Shifts').focus(); }, 100);
                            MasterTotal("jv", "JantriView");
                        }

                    } else if (response.status == false) {
                        Notify("Message", response.message, "danger");
                    }
                });
            }


            function getAllTransactionParty() {
                if ($('.AllTransactionParty_CheckBox').is(':checked')) {
                    IsAllTransactionForParty = true;
                } else {
                    IsAllTransactionForParty = false;
                }
                getTransactionDetail("J");
            }

            function getTransactionDetail(Mode) {
                if (!TransactionSelectedRow.hasOwnProperty('TransactionId')) {
                    Notify("Invalid ", "Please select any row for view!", "danger");
                    return false;
                }
                var ShiftDate = "";
                if (IsLive == "Live") {
                    ShiftDate = SelectedShift.ShiftDate;
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'TransactionId': TransactionSelectedRow.TransactionId,
                    'LedgerId': (IsAllTransactionForParty == false ? "" : TransactionSelectedRow.LedgerId),
                    'ShiftId': SelectedShift.ShiftId,
                    'ShiftDate': ShiftDate,
                    'IsDeleted': $('#IsDeleted').val(),
                    "IsLive": IsLive
                }
                if (JsonData.IsLive == "" || JsonData.ShiftId == "" || JsonData.TransactionId == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_transaction_row";
                AjaxCall("/transaction/getDetails", JsonData, function (response) {
                    Custom_ClearJantri("jv", "JantriView");
                    if (response.status == true) {
                        $('#TransactionDeatilPartyName').text(response.data.LedgerName);
                        $('#JantriViewModalPartyName').text(response.data.LedgerName);
                        UtarMaster = [];
                        $.each(response.data.Detail, function (index, obj) {
                            UtarMaster.unshift({
                                Number: (this.Number.length == 2 ? Math.round(this.Number) : this.Number),
                                Amount: this.Amount,
                            });
                        });
                        if (Mode == "U") {
                            $('#TableTransactionDetail').html(FillUtar(UtarMaster));
                        } else if (Mode == "J") {
                            $('#JantriViewModal').modal('show');
                            FillJantri(UtarMaster);
                            Custom_Bind_Jantri(JantriMaster, "jv");
                            //setTimeout(function(){ $('#Shifts').focus(); }, 100);
                            MasterTotal("jv", "JantriView");
                        }

                    } else if (response.status == false) {
                        $('#TransactionDeatilPartyName').text("Party");
                        Notify("Message", response.message, "danger");
                    }
                });
            }


            function CustomMasterTotal() {
                MasterTotal("mj", "MainJantri");
                getMainJantri_ArrayList();
            }

            function getMainJantri_ArrayList() {
                var tmpArr = [];
                tmpArr = CustomJantri_ArrayList("mj", "MainJantri");
                setCache("mj", tmpArr);
            }




            function getDistributorJantri() {
                if (IsActionAllow(Page_Add) == false) { return false; }
                var ShiftDate = "";
                if (IsLive == "Live") {
                    ShiftDate = SelectedShift.ShiftDate;
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.ShiftId,
                    'ShiftDate': ShiftDate,
                    'DistributorId': $('#DistributorId').val(),
                    "IsLive": IsLive,
                }
                if (JsonData.IsLive == "" || JsonData.ShiftId == "" || JsonData.ShiftDate == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_distributor_wise_jantri";
                AjaxCall("/ajax_index", JsonData, function (response) {
                    Custom_ClearJantri("disj", "DistributorJantri");
                    if (response.status == true) {
                        UtarMaster = [];
                        $.each(response.data, function (index, obj) {
                            UtarMaster.unshift({
                                Number: (this.Number.length == 2 ? Math.round(this.Number) : this.Number),
                                Amount: this.Amount,
                            });
                        });
                        FillJantri(UtarMaster);
                        Custom_Bind_Jantri(JantriMaster, "disj");
                        MasterTotal("disj", "DistributorJantri");
                    } else if (response.status == false) {
                        Notify("Message", response.message, "danger");
                    }
                });
            }

            function getAgentJantri() {
                if (IsActionAllow(Page_Add) == false) { return false; }
                if ($("#Shifts").val() == "0") {
                    Notify("Message ", "Please choose a valid shift!", "danger");
                    $('#Shifts').focus().select();
                    return;
                }
                var ShiftDate = "";
                if (IsLive == "Live") {
                    ShiftDate = SelectedShift.ShiftDate;
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.id,
                    'ShiftDate': ShiftDate,
                    'AgentId': $('#AgentId').val(),
                    'Amount': $('#MainJantriAgentAmount').val(),
                    'Percentage': $('#MainJantriAgentPercentage').val(),
                    "IsLive": IsLive,
                    "valType" : $('#agentValueType').val()
                }
                if (JsonData.IsLive == "" || JsonData.ShiftId == "" || JsonData.ShiftDate == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_agent_wise_jantri";
                AjaxCall("/get_agent_jantri", JsonData, function (response) {
                    Custom_ClearJantri("agtj", "AgentJantri");
                    if (response.status == true) {
                        UtarMaster = [];
                        $.each(response.data, function (index, obj) {
                            UtarMaster.unshift({
                                Number: (this.Number.length == 2 ? Math.round(this.Number) : this.Number),
                                Amount: this.Amount,
                            });
                        });
                        FillJantri(UtarMaster);
                        Custom_Bind_Jantri(JantriMaster, "agtj");
                        MasterTotal("agtj", "AgentJantri");
                    } else if (response.status == false) {
                        Notify("Message", response.message, "danger");
                    }
                });
            }


            function FillUtar(listArr) {
                var List = "";
                $.each(listArr, function (index, obj) {
                    List += '<tr>'
                        + '<td style="text-align:center; font-weight:bold; ">' + obj.Number + '</td>'
                        + '<td style="text-align:right; font-weight:bold;  padding-right:15px;">' + obj.Amount + '</td>'
                        + '</tr>';
                });
                return List;
            }


            function DeleteAction(ind) {
                if (IsActionAllow(Page_Delete) == false) { return false; }
                TransactionSelectedRow = {};
                TransactionSelectedRow = TransDuplicate_ArrayList[ind];
                DeleteTransaction();
            }

            function DeleteTransaction() {
                if (IsActionAllow(Page_Delete) == false) { return false; }
                if (!confirm("Delete Action | Are you sure ?")) {
                    return false;
                }
                var JsonData = { 'header': { 'ip': PageInfo } };
                JsonData['TransactionId'] = TransactionSelectedRow.TransactionId;
                JsonData['ShiftId'] = SelectedShift.ShiftId;
                JsonData['ShiftDate'] = TransactionSelectedRow.TransactionDate;
                JsonData['IsLive'] = IsLive;

                if (JsonData.TransactionId == "" || JsonData.ShiftId == "" || JsonData.ShiftDate == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_transaction_delete";
                AjaxCall("/delete_transaction", JsonData, function (response) {
                    if (response.status == true) {
                        Notify("Success ", response.message, "success");
                        getReport();
                    } else if (response.status == false) {
                        Notify("Message", response.message, "danger");
                    }
                });
            }



            $(function () {
                $("body").keydown(function (e) {
                    var keyCode = e.keyCode || e.which;
                    if (keyCode == 113) // F2 - Save Transaction
                    {
                        if (IsActionAllow(Page_Add) == false) { return false; }
                        e.preventDefault();
                        AddBtn();
                    }
                    if (keyCode == 114) // F3 
                    {
                        if (IsActionAllow(Page_Add) == false) { return false; }
                        e.preventDefault();
                        setTimeout(function () { setAllTransactionCheckBox(); getTransactionDetail('J'); }, 100);
                    }
                    if (keyCode == 115) // F4 
                    {
                        if (IsActionAllow(Page_Add) == false) { return false; }
                        e.preventDefault();
                        if (LoginRoleId == 1 || LoginRoleId == 2 || LoginRoleId == 7) {
                            setTimeout(function () { $('#JantriByDistributorModal').modal('show'); }, 100);
                        }
                    }
                    if (keyCode == 116) // F5
                    {
                        e.preventDefault();
                        Transactions();
                    }
                    if (keyCode == 117) // F6 
                    {
                        if (IsActionAllow(Page_Add) == false) { return false; }
                        e.preventDefault();
                        if (LoginRoleId == 1 || LoginRoleId == 2 || LoginRoleId == 7) {
                            setTimeout(function () { $('#JantriByAgentModal').modal('show'); }, 100);
                        }
                    }
                    if (keyCode == 118) // F7 
                    {
                        if (IsActionAllow(Page_Add) == false) { return false; }
                        e.preventDefault();
                        if (LoginRoleId == 1 || LoginRoleId == 2 || LoginRoleId == 7) {
                            click_MainJantri();
                        }
                    }
                });
            });


            $(function () {
                var focusedRow = null;
                $('#scrollVerticalFixHeaderFooter').on('keydown', function (ev) {
                    console.log(ev.keyCode);
                    if (focusedRow == null) {
                        focusedRow = $('tr:nth-child(1)', '#scrollVerticalFixHeaderFooter');
                    } else if (ev.keyCode === 38) {
                        focusedRow.toggleClass('focused');
                        focusedRow = focusedRow.prev('tr');
                    } else if (ev.keyCode === 40) {
                        focusedRow.toggleClass('focused');
                        focusedRow = focusedRow.next('tr');
                    }
                    focusedRow.toggleClass('focused');
                });
                $('#scrollVerticalFixHeaderFooter').focus();
            });
            
            
            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>
    </div>