@php
$page_name = 'Live Prediction';
@endphp
@include('partial.header')
@php
    $currentDateTime = new DateTime();
    $nineThirty = new DateTime('10:55');

    // If the current time is less than 9:30 AM, subtract one day
    if ($currentDateTime < $nineThirty) {
        $dateToShow = $currentDateTime->modify('-1 day')->format('Y-m-d');
    } else {
        $dateToShow = $currentDateTime->format('Y-m-d');
    }
@endphp
<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;">
                        <tbody>
                            <tr>
                                <td style="width:25px;">
                                    <a onclick="window.history.back()" href="#"
                                        data-toggle="dropdown" aria-haspopup="true">
                                        <i style="font-size:24px;" class="icon-keyboard_backspace"></i>
                                    </a>
                                </td>
                                <td style="width:150px;">
                                    <h5 class="table-title">Live&nbsp;Prediction</h5>
                                </td>
                                <td style="width:150px;">
                                    <input placeholder="Search Number" type="text" maxlength="3" class="form-control form-control-sm" name="searchNumber" id="searchNumber" />
                                </td>
                                <td style="width:50px;"><b>Shift</b></td>
                                <td style="width:180px;" id="ShiftCombo"><select id="Shifts" name="Shifts"
                                     class="form-control form-control-sm">
                                        <option value="0"> -- CHOOSE -- </option>
                                    </select></td>
                                <td style="width:50px;"><b>Date</b></td>
                                <td style="width:150px;" id="ShiftDatePanel"><b class="form-control form-control-sm"></b></td>
                                <td style="width:150px;"><button id="AddBtn" onclick="loadDate()"
                                        class="btn btn-success btn-block" type="button">Search <span
                                            id="ajax_loader"></span><span id="ajax_loader_party"></span></button></td>
                                <td></td>

                            </tr>
                        </tbody>
                    </table>
                    <!--****************** Vertical Scroll table start ************************-->
                    <div class="table-container">
                        <table class="table" style="margin-bottom: 0px !important;">
                            <tbody>
                                <tr style="padding:3px;">
                                    <td valign="top" style=" width:25%; vertical-align: top; padding:3px;">
                                        <div class="table-responsive CustomFixedTbl"
                                            style="min-height:80vh; max-height:80vh; ">
                                            <table id="" class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="padding: .4rem !important; width:60px;">Result
                                                            <div style="margin-top:-5px;"><small>30 Days</small></div>
                                                        </th>
                                                        <th>Number</th>
                                                        <th>Sale</th>
                                                        <th class="text-right">
                                                            <a style="color:#fff;" onclick="Number_Amount_sort()"
                                                                href="#"
                                                                data-toggle="dropdown" aria-haspopup="true">
                                                                Amount
                                                                <i class="icon-format_line_spacing"></i>
                                                            </a>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody id="TableBodyPanel">
                                                    <!-- <tr>
                                                        <td style="width:60px;" class="text-center"><a
                                                                onclick="getResultPreviousDates(0)"
                                                                class="badge badge-warning d-none"
                                                                href="#">0</a></td>
                                                        <td class="text-center"
                                                            style="cursor: pointer; background:#f2f2f2;"
                                                            onclick="get_prediction_party(0)">96</td>
                                                        <td class="text-right">0</td>
                                                        <td style="color:#c21708;" class="text-right"><b>0</b></td>
                                                    </tr> -->
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </td>
                                    <td style="width:30%; padding:3px;">
                                        <div id="freez1" class="table-responsive CustomFixedTbl"
                                            style="min-height:80vh; max-height:80vh; ">
                                            <table id="" class="table">
                                                <thead>

                                                    <tr style="border-top:1px solid #ddd;">
                                                        <th style="height:25px;" colspan="6">
                                                            <b id="PredictionNumber">Number: 96</b> |
                                                            <b id="PredictionProfit">Loss: 0</b>
                                                        </th>
                                                    </tr>
                                                    <tr style="height:25px; border-top:1px solid #fff;">
                                                        <th></th>
                                                        <th>Sr</th>
                                                        <th class="text-left">Party</th>
                                                        <th class="text-right">Sale</th>
                                                        <th class="text-right">
                                                            <a style="color:#fff;" onclick="party_amount_sort()"
                                                                href="#"
                                                                data-toggle="dropdown" aria-haspopup="true">
                                                                P &amp; L
                                                                <i class="icon-format_line_spacing"></i>
                                                            </a>
                                                        </th>
                                                        <!-- <th class="text-center">Last-Win</th> -->
                                                    </tr>
                                                    
                                                </thead>
                                                <tbody id="PartyTableBodyPanel"></tbody>
                                                <tfoot>
                                                    <tr style="border-top:1px solid #ddd;">
                                                        <th style="text-align: right;" colspan="6">
                                                            <a class="btn btn-success" href="javascript:void(0)" onclick="TransactionJantriBulk()" >Jantri</a>
                                                        </th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                        <!--******** Vertical Scroll table end ********************-->
                                    </td>
                                    <td style="width:10%; padding:3px;">
                                        <div id="freez2" class="table-responsive CustomFixedTbl"
                                            style="min-height:80vh; max-height:80vh; ">
                                            <table id="" class="table">
                                                <thead>
                                                    <tr style="border-top:1px solid #ddd;">
                                                        <th style="height:25px;">
                                                           Agent Groups
                                                        </th>
                                                    </tr>
                                                    <tbody id="AgentTableBodyPanel"></tbody>
                                                </thead>
                                            </table>
                                        </div>
                                    </td>
                                    
                                    <td style="width:30%; padding:3px;">
                                        <div class="table-responsive CustomFixedTbl"
                                            style="min-height:80vh; max-height:80vh; ">
                                            <table id="" style="width:99.9%;" class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="vertical-align:middle; padding:3px 3px 3px 10px;">
                                                            Number</th>
                                                        <th style="padding:3px;">
                                                            <input autofocus="" id="DeclareNumber" name="DeclareNumber"
                                                                class="form-control form-control-sm" type="text"
                                                                maxlength="3" onkeypress="return isNumberKey(event)"
                                                                placeholder="">
                                                        </th>
                                                        <th style="padding:3px;">
                                                            <button type="button" onclick="declare_result()"
                                                                class="btn btn-info btn-block">Declare</button>
                                                        </th>
                                                        <th><span id="ajax_loader_declare"></span></th>
                                                    </tr>
                                                    <tr style="border-top:1px solid #DDD;">
                                                        <th style="width:100px;">Date</th>
                                                        <th>Result</th>
                                                        <th>Action</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="DeclareBodyPanel">
                                                    <!-- <tr style="cursor: pointer;">
                                                        <td class="text-center">11-08-2023</td>
                                                        <td class="text-center">59</td>
                                                        <td><a onclick="re_declare_result(0)"
                                                                class="badge badge-primary"
                                                                href="#">ReDeclare</a></td>
                                                        <td><a onclick="un_declare_result(0)" class="badge badge-info"
                                                                href="#">UnDeclare</a></td>
                                                    </tr> -->                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>


                </div>
                <!-- Content wrapper end -->


            </div>

</div>
        

    <!-- Start TransJantri Modal -->
    <div class="modal fade" id="JantriViewModal" 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"><span id="JantriViewModalPartyName"></span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="padding:3px !important;">	
                    <div class="table-responsive JantriView"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- End TransJantri Modal -->


            <!-- Start Loader Modal -->
            <div class="modal fade" id="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>Loading...</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 -->
        </div>

 





        

        <script>
            var BaseUrl = "/";
            var nav = "prediction";
        </script>
        @include('partial.footer')

        <script>
            var IsLive = "Live";

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

            var PredictionNumber_ArrayList = [];
            var PredictionParty_ArrayList = [];

            var Declare_ArrayList = [];
            var ShiftDate = "{{$dateToShow}}";


            $(document).ready(function () {
                //BlockSpace('#OrganizationUserName');
                if (IsActionAllowLoad(Page_Add) == false) {

                }
                CustomJantriControl("jv", "JantriView","readonly");

                $(".table-multi-columns").freezeTable({
                    'columnNum': 3,
                    'scrollable': true,
                });

                $("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", ShiftDate));
                getShifts();
            });



            function getShifts() {
                var JsonData = { 'SearchShift': "" };
                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" class="form-control form-control-sm">';
                        Row += '<option value="0"> -- CHOOSE -- </option>';
                        $.each(response.data, function (index, obj) {
                            Shift_ArrayList[this.id] = obj;
                            Shift_ArrayList[this.id]['ShiftDate'] = ShiftDate;
                            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();
                        //console.clear();
                    } else if (response.status == true) {
                        //Notify("Error ",response.message,"danger");
                    }
                });
            }

            function loadDate() {
                var _Val = $("#Shifts").val();
                SelectedShift = {};
                SelectedShift = Shift_ArrayList[_Val];
                // if (IsLive == "Live") {
                //     //$('#ShiftDatePanel').html('<b  class="form-control form-control-sm">' + ShiftDate + '</b>');
                //     $("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", SelectedShift.ShiftDate));
                // } else {
                //     var ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                //     $("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", ShiftDate));
                // }
                $('#TableBodyPanel').html("");
                $('#PartyTableBodyPanel').html("");
                $("#AgentTableBodyPanel").html("");
                get_prediction_number();
            }

            function get_prediction_number(is_declare_list = true) {
                if ($("#Shifts").val() == "0") {
                    Notify("Message ", "Please choose a valid shift!", "danger");
                    $('#Shifts').focus().select();
                    return;
                }
                //var ShiftDate = SelectedShift.ShiftDate;
                var ShiftDate = "";
                if (IsLive == "Live") {
                    //ShiftDate = SelectedShift.ShiftDate;
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.id,
                    'ShiftDate': ShiftDate,
                    "IsLive": IsLive,
                    "SearchNumber" : $('#searchNumber').val()
                };
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_prediction_number";
                AjaxLoaderMulti('ajax_loader', 'show');
                AjaxCall("/live_prediction_data", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader', 'hide');
                    if (response.status == true) {
                        var Row = '';
                        PredictionNumber_ArrayList = [];
                        $.each(response.data, function (index, obj) {
                            PredictionNumber_ArrayList[index] = obj;

                            Row += '<tr style="cursor: pointer;" onclick="get_prediction_party(' + index + ')">'
                                + '<td style="width:60px;" class="text-center"><a onclick="getResultPreviousDates(' + index + ')" class="badge badge-' + (this.DeclareCountForLastMonth == 0 ? "warning" : "success") + ' ' + (this.DeclareCountForLastMonth == 0 ? "d-none" : "") + '" href="#">' + this.DeclareCountForLastMonth + '</a></td>'
                                + '<td class="text-center" style="cursor: pointer; background:#f2f2f2;" onclick="get_prediction_party(' + index + ')">' + this.Num + '</td>'
                                + '<td class="text-right">' + customRound(this.Amount) + '</td>' // Sale
                                + '<td style="color:' + (customRound(this.Profit) > 0 ? "#10a11a" : "#c21708") + ';" class="text-right"><b>' + customRound(this.Profit) + '</b></td>'
                                + '</tr>';
                        });
                        $('#TableBodyPanel').html(Row);
                        // Number_Amount_sort();
                        get_prediction_party(0);
                    } else if (response.status == false) {
                        Notify("Error ", response.message, "danger");
                        $('#TableBodyPanel').html("");
                    }
                });
                if(is_declare_list){
                    declare_list();
                }
              
            }

            function Number_Amount_sort() {
                var Row = '';
                PredictionNumber_ArrayList.reverse();
                $.each(PredictionNumber_ArrayList, function (index, obj) {
                    PredictionNumber_ArrayList[index] = obj;
                    Row += '<tr>'
                        + '<td style="width:60px;" class="text-center"><a onclick="getResultPreviousDates(' + index + ')" class="badge badge-' + (this.DeclareCountForLastMonth == 0 ? "warning" : "success") + ' ' + (this.DeclareCountForLastMonth == 0 ? "d-none" : "") + '" href="#">' + this.DeclareCountForLastMonth + '</a></td>'
                        + '<td class="text-center" style="cursor: pointer; background:#f2f2f2;" onclick="get_prediction_party(' + index + ')">' + this.Num + '</td>'
                        + '<td class="text-right">' + customRound(this.Amount) + '</td>' // Sale
                        + '<td style="color:' + (customRound(this.Profit) > 0 ? "#10a11a" : "#c21708") + ';" class="text-right"><b>' + customRound(this.Profit) + '</b></td>'
                        + '</tr>';
                });
                $('#TableBodyPanel').html(Row);
                get_prediction_party(0);
            }


            function getResultPreviousDates(ind) {
                $('#ResultPreviousDatesBodyPanel').html("");
                $('#ResultPreviousDates_PartyName').text("");
                var PartyObj = PredictionNumber_ArrayList[ind];
                var ShiftDate = "";
                if (IsLive == "Live") {
                    ShiftDate = SelectedShift.ShiftDate;
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.ShiftId,
                    'ShiftDate': ShiftDate,
                    'Number': PartyObj.Num,
                    "IsLive": IsLive
                };
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_prediction_result_in_previous_date";
                AjaxLoaderMulti('ajax_loader', 'show');
                AjaxCallSync("/ajax_index", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader', 'hide');
                    if (response.status == true) {
                        $('#ResultPreviousDates_PartyName').text("NUMBER: " + PartyObj.Num + " COUNT: " + PartyObj.DeclareCountForLastMonth);
                        $('#ResultPreviousDatesModal').modal("show");
                        var Row = '';
                        $.each(response.data, function (index, obj) {
                            Row += '<tr>'
                                + '<td class="text-center">' + (index + 1) + '</td>'
                                + '<td class="text-center">' + getDateProject(this.DeclareDate) + '</td>'
                                + '</tr>';
                        });
                        $('#ResultPreviousDatesBodyPanel').html(Row);
                    } else if (response.status == false) {
                        $('#ResultPreviousDatesModal').modal("hide");
                        Notify("Error ", response.message, "danger");
                        $('#ResultPreviousDatesBodyPanel').html("");
                    }
                });
            }
            function debounce(func, delay) {
                let debounceTimer;
                return function() {
                    const context = this;
                    const args = arguments;
                    clearTimeout(debounceTimer);
                    debounceTimer = setTimeout(() => func.apply(context, args), delay);
                };
            }
            $(document).ready(function() {
                $('#searchNumber').keyup(debounce(function() {
                    get_prediction_number(false);
                }, 300));
            });
            // $(document).ready(function() {
            //     $('#DeclareNumber').keyup(debounce(function() {
            //         search_prediction_data();
            //     }, 300)); 
            // });

            
            // function search_prediction_data() {
            //     let decnum = $('#DeclareNumber').val();
            //     $('#searchNumber').val(decnum);
            //     get_prediction_number();
            // }

            function get_prediction_party(ind) {
                var obj = PredictionNumber_ArrayList[ind];
                $('#PredictionNumber').text("Number: 0");
                $('#PredictionProfit').text("Profit: 0");

                $('#PredictionNumber').text("Number: " + obj.Num);
                $('#PredictionProfit').text((customRound(obj.Profit) > 0 ? "Profit: " : "Loss: ") + customRound(obj.Profit));

                var ShiftDate = "";
                if (IsLive == "Live") {
                    //ShiftDate = SelectedShift.ShiftDate;
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.id,
                    'ShiftDate': ShiftDate,
                    'Number': obj.Num,
                    "IsLive": IsLive
                };
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_prediction_party";
                AjaxLoaderMulti('ajax_loader_party', 'show');
                AjaxCall("/get_party_number_data", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader_party', 'hide');
                    if (response.status == true) {
                        PredictionParty_ArrayList = [];

                        // response.data = SortJsonArray(response.data);
                        //array.reverse();
                        //console.log(response.data);
                        var Row = '';

                        $.each(response.data, function (index, obj) {
                            PredictionParty_ArrayList[index] = obj;
                            Row += '<tr>'
                                + '<td style="width:40px;" class="text-center"><input data-party="'+this.LedgerId+'" type="checkbox" id="jantri_check_'+this.LedgerId+'" name="check_'+this.LedgerId+'" value="'+this.LedgerId+'" class="jantri_single check_all" /></td>'
                                + '<td style="width:40px;" class="text-center">' + (index + 1) + '.</td>'
                                + '<td class="text-left"><a style="color: #33af65;" href="javascript:void(0)" onclick="TransactionJantri('+this.LedgerId+',&quot;'+this.LedgerName+'&quot;)">' + this.LedgerName + '</a></td>'
                                + '<td style="width:100px;" class="text-right">' + this.overAllSale + '</td>'
                                + '<td style="width:100px; color:' + (customRound(this.Amount1) > 0 ? "#10a11a" : "#c21708") + ';" class="text-right"><b>' + customRound(this.Amount1) + '</b></td>'
                                // + '<td style="width:100px;" class="text-center"><a onclick="getLastProfit(' + index + ')" class="badge badge-' + (this.LastFiveDayProfitNo == 1 ? "success" : "danger") + ' ' + (this.LastFiveDayProfitNo == 0 ? "d-none" : "") + '" href="#">' + this.LastFiveDayProfitNo + '</a></td>'
                                + '</tr>';
                        });
                        $('#PartyTableBodyPanel').html(Row);
                        var Row1 = '';
                        $.each(response.agentTotals, function (index, obj) {
                            var parts = index.split("_");
                            var AgentName = parts[0]; 
                            var AgentId = parts[1]; 

                            Row1 += '<tr>'
                                + '<td style="width:40px;" class="text-center">' + AgentName + '<br /><a style="color: #33af65;" href="javascript:void(0)" onclick = "AgentJantri('+AgentId+',&quot;'+AgentName+'&quot;)">'+obj+'</a></td>'
                            + '</tr>';
                        })
                        $("#AgentTableBodyPanel").html(Row1);


                       
                        // console.clear();
                    } else if (response.status == false) {
                        Notify("Error ", response.message, "danger");
                        $('#PartyTableBodyPanel').html("");
                        $("#AgentTableBodyPanel").html("");
                    }
                });
            }
        
            $(document).on('change', '.jantri_single', function() {
                let selectedData = [];
                if(parseInt($(this).val()) > 0){
                    $('.jantri_single:checked').each(function() {
                        if(parseInt($(this).val()) > 0){
                            let dataObject = {
                                id: parseInt($(this).val()),
                            };

                            selectedData.push(dataObject);
                        }
                    })
                }

                console.log(selectedData)

                
            });

            function party_amount_sort() {
                var Row = '';
                PredictionParty_ArrayList.reverse();
                $.each(PredictionParty_ArrayList, function (index, obj) {
                    Row += '<tr>'
                        + '<td style="width:40px;" class="text-center">' + (index + 1) + '.</td>'
                        + '<td class="text-left">' + this.LedgerName + '</td>'
                        + '<td style="width:100px;" class="text-right">' + this.TotSale + '</td>'
                        + '<td style="width:100px; color:' + (customRound(this.Amount1) > 0 ? "#10a11a" : "#c21708") + ';" class="text-right"><b>' + customRound(this.Amount1) + '</b></td>'
                        + '<td style="width:100px;" class="text-center"><a onclick="getLastProfit(' + index + ')" class="badge badge-' + (this.LastFiveDayProfitNo == 1 ? "success" : "danger") + ' ' + (this.LastFiveDayProfitNo == 0 ? "d-none" : "") + '" href="#">' + this.LastFiveDayProfitNo + '</a></td>'
                        + '</tr>';
                });
                $('#PartyTableBodyPanel').html(Row);
            }


            function getLastProfit(ind) {
                $('#LastProfitBodyPanel').html("");
                $('#LastProfitOfLedger_PartyName').text("");
                var PartyObj = PredictionParty_ArrayList[ind];
                var ShiftDate = "";
                if (IsLive == "Live") {
                    ShiftDate = SelectedShift.ShiftDate;
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.ShiftId,
                    'ShiftDate': ShiftDate,
                    'LedgerId': PartyObj.LedgerId,
                    "IsLive": IsLive
                };
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_last_profit_of_ledger";
                AjaxLoaderMulti('ajax_loader', 'show');
                AjaxCallSync("/ajax_index", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader', 'hide');
                    if (response.status == true) {
                        $('#LastProfitOfLedger_PartyName').text("" + PartyObj.LedgerName);
                        $('#LastProfitOfLedgerModal').modal("show");
                        var Row = '';
                        $.each(response.data, function (index, obj) {
                            Row += '<tr>'
                                + '<td class="text-center">' + getDateProject(this.VoucherDate) + '</td>'
                                + '<td class="text-center">' + this.TodayProfit + '</td>'
                                + '</tr>';
                        });
                        $('#LastProfitBodyPanel').html(Row);
                    } else if (response.status == false) {
                        $('#LastProfitOfLedgerModal').modal("hide");
                        Notify("Error ", response.message, "danger");
                        $('#LastProfitBodyPanel').html("");
                    }
                });
            }


            function declare_list() {
                var ShiftDate = "";
                // $('#DeclareNumber').val('');
                if (IsLive == "Live") {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                } else {
                    ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                }
                var JsonData = {
                    'ShiftId': SelectedShift.id,
                    'ShiftDate': ShiftDate,
                    "IsLive": IsLive
                };
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_declare_list";
                AjaxCallSync("/shift_declare_list", JsonData, function (response) {
                    if (response.status == true) {
                        var Row = '';
                        Declare_ArrayList = [];
                        //response.data.reverse();
                        $.each(response.data, function (index, obj) {
                            Declare_ArrayList[index] = this;
                            Row += '<tr style="cursor: pointer;">'
                                + '<td class="text-center">' + getDateProject(this.DeclareDate) + '</td>'
                                + '<td class="text-center">' + this.DeclareNumber + '</td>' // Sale
                                + '<td><a onclick="re_declare_result(' + index + ')" class="badge ' + (this.IsNeeded == "Yes" ? "badge-danger" : "badge-primary") + '" href="#">ReDeclare</a></td>'
                                + '<td><a onclick="un_declare_result(' + index + ')" class="badge badge-info" href="#">UnDeclare</a></td>'
                                + '</tr>';
                        });
                        $('#DeclareBodyPanel').html(Row);
                    } else if (response.status == false) {
                        Notify("Error ", response.message, "danger");
                        $('#DeclareBodyPanel').html("");
                    }
                });
            }

            var CheckAjaxActive = false;
            function declare_result() {
                if (CheckAjaxActive == true) {
                    return false;
                }
                CheckAjaxActive = true;

                if (IsLive != "Live") {
                    Notify("Invalid ", "You are not in live prediction!", "danger");
                    $('#DeclareNumber').focus().select();
                    return false;
                }
                var ShiftDate = getCustomDatePicker("ShiftDate", 'D');;
                var JsonData = {
                    'ShiftId': SelectedShift.id,
                    'ShiftDate': ShiftDate,
                    'DeclareNumber': $('#DeclareNumber').val(),
                    "IsLive": IsLive
                };
                //if(JsonData.DeclareNumber == "00"){
                //	JsonData['DeclareNumber'] = "100";
                //}
                if (parseInt(JsonData.DeclareNumber) < 1 || parseInt(JsonData.DeclareNumber) > 100) {
                    Notify("Invalid ", "Please enter a valid declare number!", "danger");
                    $('#DeclareNumber').focus().select();
                    return false;
                }
                if (JsonData.ShiftId == "" || JsonData.ShiftDate == "" || JsonData.DeclareNumber == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                if (!confirm("Are you sure for Declare Action?")) { return false; }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_declare_result";
                AjaxLoaderMulti('ajax_loader_declare', 'show');
                $('#LoaderPopupModal').modal("show");
                AjaxCall("/add_shift_declare", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader_declare', 'hide');
                    setTimeout(function(){
                        $('#LoaderPopupModal').modal("hide");
                    }, 500);
                    if (response.status == true) {
                        $("#searchNumber").val('')
                        $("#DeclareNumber").val('');
                        window.location.reload();
                        // Notify("Declared ", response.message, "success");
                        // get_prediction_number();
                        // declare_list();
                        // CheckAjaxActive = false;

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

            function re_declare_result(ind) {
                if (IsLive != "Live") {
                    Notify("Invalid ", "You are not in live prediction!", "danger");
                    $('#DeclareNumber').focus().select();
                    return false;
                }
                var DeclareObj = Declare_ArrayList[ind];
                var JsonData = {
                    'ShiftId': DeclareObj.ShiftId,
                    'ShiftDate': DeclareObj.DeclareDate,
                    'DeclareNumber': DeclareObj.DeclareNumber,
                };
                if (parseInt(JsonData.DeclareNumber) < 1 || parseInt(JsonData.DeclareNumber) > 100) {
                    Notify("Invalid ", "Please enter a valid declare number!", "danger");
                    $('#DeclareNumber').focus().select();
                    return false;
                }
                if (JsonData.ShiftId == "" || JsonData.ShiftDate == "" || JsonData.DeclareNumber == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                if (!confirm("Are you sure for Re-Declare action?")) { return false; }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_re_declare_result";
                AjaxLoaderMulti('ajax_loader_declare', 'show');
                $('#LoaderPopupModal').modal("show");
                AjaxCall("/redeclare_shift", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader_declare', 'hide');
                    setTimeout(function(){
                        $('#LoaderPopupModal').modal("hide");
                    }, 500);
                    if (response.status == true) {
                        Notify("Re-Declared", response.message, "success");
                        declare_list();
                    } else if (response.status == false) {
                        Notify("Error ", response.message, "danger");
                    }
                });
            }

            function un_declare_result(ind) {
                if (IsLive != "Live") {
                    Notify("Invalid ", "You are not in live prediction!", "danger");
                    $('#DeclareNumber').focus().select();
                    return false;
                }
                var DeclareObj = Declare_ArrayList[ind];
                var JsonData = {
                    'ShiftId': DeclareObj.ShiftId,
                    'ShiftDate': DeclareObj.DeclareDate,
                    'DeclareNumber': DeclareObj.DeclareNumber,
                };
                if (parseInt(JsonData.DeclareNumber) < 1 || parseInt(JsonData.DeclareNumber) > 100) {
                    Notify("Invalid ", "Please enter a valid declare number!", "danger");
                    $('#DeclareNumber').focus().select();
                    return false;
                }
                if (JsonData.ShiftId == "" || JsonData.ShiftDate == "" || JsonData.DeclareNumber == "") {
                    Notify("Invalid ", "Please enter all valid fields!", "danger");
                    return false;
                }
                if (!confirm("Are you sure for Un-Declare action?")) { return false; }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_un_declare_result";
                AjaxLoaderMulti('ajax_loader_declare', 'show');
                $('#LoaderPopupModal').modal("show");
                AjaxCall("/remove_declare_shift", JsonData, function (response) {
                    AjaxLoaderMulti('ajax_loader_declare', 'hide');
                    setTimeout(function(){
                        $('#LoaderPopupModal').modal("hide");
                    }, 500);
                    if (response.status == true) {
                        Notify("Un-Declared", response.message, "success");
                        declare_list();
                    } else if (response.status == false) {
                        Notify("Error ", response.message, "danger");
                    }
                });
            }
            function TransactionJantri(LedgerId, LedgerName){
                
                ShiftDate = getCustomDatePicker("ShiftDate", 'D');
                var JsonData = {
                    'LedgerId'			: LedgerId,
                    'ShiftId'			: SelectedShift.id,
                    'ShiftDate'			: ShiftDate,
                }
                JsonData['nav'] = nav;
                JsonData['Method'] = "ajax_collection_party_declare";
                AjaxCall("/get_shift_ledger_collection",JsonData,function(response) {
                    Custom_ClearJantri("jv", "JantriView");
                    if(response.status==true){	
                        select_declare_box(response.declare_number);
                        $('#JantriViewModalPartyName').text(LedgerName);
                        UtarMaster = [];
                        $.each( response.data, function( index, obj ) {
                            UtarMaster.unshift({
                                Number: this.Number,
                                Amount: this.Amount,
                            });
                        });	
                        $('#JantriViewModal').modal('show'); 
                        FillJantri(UtarMaster);
                        Custom_Bind_Jantri(JantriMaster,"jv");
                        MasterTotal("jv", "JantriView");
                    }else if(response.status==false){
                        $('#JantriViewModalPartyName').text("Party");
                        Notify("Error ",response.message,"danger");
                    }
                });
            }
            function AgentJantri(AgentId, AgentName){
                
                ShiftDate = getCustomDatePicker("ShiftDate", 'D');

                var JsonData = {
                    'AgentId'			: AgentId,
                    'ShiftId'			: SelectedShift.id,
                    'ShiftDate'			: ShiftDate,
                    'valType'     : "2"
                }

                AjaxCall("/get_agent_jantri",JsonData,function(response) {
                    Custom_ClearJantri("jv", "JantriView");
                    if(response.status==true){	
                        select_declare_box(response.declare_number);
                        $('#JantriViewModalPartyName').text(AgentName);
                        UtarMaster = [];
                        $.each( response.data, function( index, obj ) {
                            UtarMaster.unshift({
                                Number: this.Number,
                                Amount: this.Amount,
                            });
                        });	
                        $('#JantriViewModal').modal('show'); 
                        FillJantri(UtarMaster);
                        Custom_Bind_Jantri(JantriMaster,"jv");
                        MasterTotal("jv", "JantriView");
                    }else if(response.status==false){
                        $('#JantriViewModalPartyName').text("Party");
                        Notify("Error ",response.message,"danger");
                    }
                });
            }

            function TransactionJantriBulk(){
                let selectedData = [];
                $('.jantri_single:checked').each(function() {
                    if(parseInt($(this).val()) > 0){
                        let dataObject = {
                            id: parseInt($(this).val()),
                        };

                        selectedData.push(dataObject);
                    }
                });

                if(selectedData.length <= 0){
                    Notify("Invalid ", "Please select atleast 1 party", "danger");
                    return;
                }

                ShiftDate = getCustomDatePicker("ShiftDate", 'D');

                var JsonData = {
                    'LedgerIds'			: selectedData,
                    'ShiftId'			: SelectedShift.id,
                    'ShiftDate'			: ShiftDate,
                }

                AjaxCall("/get_shift_ledgers_collection",JsonData,function(response) {
                    Custom_ClearJantri("jv", "JantriView");
                    if(response.status==true){	
                        select_declare_box(response.declare_number);
                        $('#JantriViewModalPartyName').text("Group Jantri");
                        UtarMaster = [];
                        $.each( response.data, function( index, obj ) {
                            UtarMaster.unshift({
                                Number: this.Number,
                                Amount: this.Amount,
                            });
                        });	
                        $('#JantriViewModal').modal('show'); 
                        FillJantri(UtarMaster);
                        Custom_Bind_Jantri(JantriMaster,"jv");
                        MasterTotal("jv", "JantriView");
                    }else if(response.status==false){
                        $('#JantriViewModalPartyName').text("Party");
                        Notify("Error ",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 == 116) // F5 - Random
                    {
                        e.preventDefault();
                    }
                    if (e.shiftKey && keyCode == 27) // Exit
                    {
                        e.preventDefault();
                        window.history.back();
                    }
                });
            });


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