@php
$page_name = 'Add Transaction';
@endphp
@include('partial.header')
<style>
    .raw-message {
        font-size: 15px;
        font-weight: bold;
        width: 370px; /* or any fixed width you prefer */
        word-wrap: break-word; /* allow long strings to wrap */
        white-space: normal; /* ensures wrapping happens */
    }
</style>
   

@if(!env('SOCKET_URL'))
    <script>
        console.error("SOCKET_URL is not set in the environment file.");
    </script>
@endif

@if(env('SOCKET_URL'))
    <!-- Viewer CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.5/viewer.min.css" rel="stylesheet" />

    <!-- Viewer JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.5/viewer.min.js"></script>

    <script src="https://cdn.socket.io/4.8.1/socket.io.min.js"></script>
    <script>
        
        var image_base_url = "{{env('IMAGE_URL')}}";
        
        const socket = io("{{ env('SOCKET_URL') }}");

        socket.on("connect", () => {
            console.log("✅ Connected to Socket.IO server");
        });
        
        socket.on("ok", function (data) {
            console.log("✅ Message marked as OK:", data);
            const messageId = data.id;
            const okButton = $("#" + messageId + "_ok_btn");
            const notOkButton = $("#" + messageId + "_notok_btn");

            notOkButton.attr("disabled", true);
            notOkButton.addClass("disabled");
            okButton.attr("disabled", true);
            okButton.addClass("disabled");
            
        })
        socket.on("done", function (data) {
            console.log("✅ Message marked as Done:", data);
            const messageId = data.id;
            const message_container = $("#" + messageId + "_message_container");
            message_container.css("display", "none");
        })
        socket.on("not-ok", function (data) {
            console.log("❌ Message marked as Not OK:", data);
            const messageId = data.id;
            const notOkButton = $("#" + messageId + "_notok_btn");
            const okButton = $("#" + messageId + "_ok_btn");


            notOkButton.attr("disabled", true);
            notOkButton.addClass("disabled");
            okButton.attr("disabled", true);
            okButton.addClass("disabled");
        });

        socket.on("new-message", function (data) {
            console.log("📥 New message received via Socket:", data);

            if(data.shift_name != '{{$shift->shift_name}}'){
                return;
            }

            const messageHTML = `
            <div id="${data.id}_message_container" style="display:flex; justify-content:flex-end; margin-bottom:10px;">
                <div style="background:#dcf8c6; padding:8px 12px; border-radius:10px 10px 0 10px; width:90%; text-align:right;">
                ${data.ledger_name ? `<b>Ledger</b>: ${data.ledger_name}<br>` : ""}<br>
                ${data.shift_name ? `<b>Shift</b>: ${data.shift_name}<br>` : ""}<br>
                ${data.image_url ? `<img src="${image_base_url + data.image_url}" style="margin-top:6px; max-width: 50px; border-radius:8px; cursor:pointer;" onclick="openFullPreview('${image_base_url + data.image_url}')">
                ` : `<p class="raw-message">${data.raw_message}</p>` || ''}<br>
                <div style="text-align: right; margin-top: 8px;">
                    <a id="${data.id}_ok_btn" href="javascript:void(0);" class="btn btn-primary" style="color:#fff;" onclick="markMessageOk(${data.id},'${data.ledger_name}','${data.chat_id}','${data.raw_message}')">Ok</a>
                    <a id="${data.id}_notok_btn" href="javascript:void(0);" class="btn btn-danger" style="color:#fff;" onclick="markMessageNotOk(${data.id},'${data.ledger_name}','${data.chat_id}','${data.raw_message}')">Not Ok</a>
                    <a id="${data.id}_done_btn" href="javascript:void(0);" class="btn btn-success disabled" style="color:#fff;" onclick="markMessageDone(${data.id},'${data.ledger_name}','${data.chat_id}','${data.raw_message}')" disabled="true">Done</a>
                </div>
                </div>
                <img src="https://placehold.co/30x30/000000/FFF" style="width:30px; height:30px; border-radius:50%; margin-left:8px;">
            </div>
            `;

            $("#tgmessages-wrapper > div").prepend(messageHTML);
        });

        function closePreview() {
            $("#chatImageOverlay").hide();
        }
        function closePreview1() {
            $("#chatImageOverlay1").hide();
        }
        function markMessageDone(id, ledger_name, chat_id, txt){
            const doneButton = $("#" + id + "_done_btn");

            if (doneButton.attr("disabled")) {
                console.log("Button already disabled, skipping...");
                return;
            }

            doneButton.attr("disabled", true);
            doneButton.addClass("disabled");

            var JsonData = {'user_tg_message_id':id ,'telegram_id': chat_id, 'message':txt+"  >>> 🆗!",'operation':'done'};

            AjaxCall("/tg-ok", JsonData, function (response) {
                if (response.status == true) {
                    Notify("Success ",response.message,"success");
                    
                } else {
                    Notify("Error",response.message,"danger");
                }
            })

            socket.emit("done", { id: id });

            
            setTimeout(() => {
                getTgMessages('all');
            }, 1000);

            setTimeout(() => {
                getTgMessages('processed');
            }, 2000);
        }

        function markMessageOk(id, ledger_name, chat_id, txt) {
            const okButton = $("#" + id + "_ok_btn");
            const notOkButton = $("#" + id + "_notok_btn");
            const doneButton = $("#" + id + "_done_btn");

            if (okButton.attr("disabled")) {
            console.log("Button already disabled, skipping...");
            return;
            }

            console.log("✅ Marking OK for message ID:", id);

            const $input = $("#PartyName");
            $input.val(ledger_name);
            // Manually call your existing blur handler logic
            CallLedgerInfo(ledger_name, "PartyName");
            // Optionally close autocomplete dropdown (if needed)
            $input.autocomplete("close");
            $("#Utar_Number").focus();
            socket.emit("ok", { id: id });
            
            okButton.attr("disabled", true);
            okButton.addClass("disabled");
            notOkButton.attr("disabled", true);
            notOkButton.addClass("disabled");

            doneButton.attr("disabled", false);
            doneButton.removeClass("disabled");


            var JsonData = {'user_tg_message_id':id ,'telegram_id': chat_id, 'message':txt+"  >>> 🆗!",'operation':'ok'};
            AjaxCall("/tg-ok", JsonData, function (response) {
                if (response.status == true) {
                    Notify("Success ",response.message,"success");
                    
                } else {
                    Notify("Error",response.message,"danger");
                }
            })
        }

        function markMessageNotOk(id, ledger_name, chat_id, txt) {
            const okButton = $("#" + id + "_ok_btn");
            const notOkButton = $("#" + id + "_notok_btn");
            const doneButton = $("#" + id + "_done_btn");

            if (notOkButton.attr("disabled")) {
            console.log("Button already disabled, skipping...");
            return;
            }

            console.log("❌ Marking Not OK for message ID:", id);
            // Example: $.post("/admin/messages/not-ok", { id: id })
            socket.emit("not-ok", { id: id });
            

            okButton.attr("disabled", true);
            okButton.addClass("disabled");
            notOkButton.attr("disabled", true);
            notOkButton.addClass("disabled");

            doneButton.attr("disabled", true);
            doneButton.addClass("disabled");

            var JsonData = {'user_tg_message_id':id,'telegram_id': chat_id, 'message':txt+"  >>>NOT 🆗!",'operation':'not_ok'};
            AjaxCall("/tg-ok", JsonData, function (response) {
                if (response.status == true) {
                    Notify("Success ",response.message,"success");
                    
                } else {
                    Notify("Error",response.message,"danger");
                }
            })
        }
    </script>
    <script>
        let viewerInstance;

        function openFullPreview(imageUrl) {
            const $img = $('#viewer-target');

            $("#chatImageOverlay").show();


            // Set the image src
            $img.attr('src', imageUrl);

            $img.on('load', function () {
                if (viewerInstance) {
                    viewerInstance.destroy();
                }

                viewerInstance = new Viewer($img[0], {
                    inline: true,
                    container: document.getElementById('chatImageOverlay'), // ⛓️ Confine viewer inside the TD
                    navbar: false,
                    title: false,
                    toolbar: {
                    zoomIn: 1,
                    zoomOut: 1,
                    rotateLeft: 1,
                    rotateRight: 1,
                    reset: 1
                    },
                    scalable: true,
                    movable: true,
                    zoomable: true,
                    transition: true
                });
            });
        }


        let viewerInstance1;

        function openFullPreview1(imageUrl) {
            const $img = $('#viewer-target1');

            $("#chatImageOverlay1").show();


            // Set the image src
            $img.attr('src', imageUrl);

            $img.on('load', function () {
                if (viewerInstance) {
                    viewerInstance.destroy();
                }

                viewerInstance = new Viewer($img[0], {
                    inline: true,
                    container: document.getElementById('chatImageOverlay1'), // ⛓️ Confine viewer inside the TD
                    navbar: false,
                    title: false,
                    toolbar: {
                    zoomIn: 1,
                    zoomOut: 1,
                    rotateLeft: 1,
                    rotateRight: 1,
                    reset: 1
                    },
                    scalable: true,
                    movable: true,
                    zoomable: true,
                    transition: true
                });
            });
        }
    </script>




@endif



<!-- *********** Main container start *********** -->
<div class="main-container" style="min-width:1000px;">
    <!-- Content wrapper start -->
    <div class="content-wrapper" style="padding: 0rem 0rem 0rem 0rem;">
    <form method="post" id="formTransaction" autocomplete="off">
        <div class="table-container">
            <table class="table" style="margin-bottom: 0px !important;">
                <tbody><tr>
                    <td style="width:25px;">
                                                                <a href="/transaction_list/{{$shiftId}}">
                                <i style="font-size:24px;" class="icon-keyboard_backspace"></i>
                            </a>
                                                        </td>
                    <td style="width:50px;"><b>Party</b></td>
                        <td id="partyTd" style="width:280px;">
                            <input style="font-weight:bold;" autofocus="" id="PartyName" name="PartyName" class="form-control form-control-sm ui-autocomplete-input" type="text" placeholder="" autocomplete="off">
                            <!-- <select id="PartyName" name="PartyName" class="form-control form-control-sm" autocomplete="off">
                                <option value="">Select Party Name</option>
                            </select> -->
                        </td>
                                                    <td style="width:550px;">
                        <ul class="header-actions" style="justify-content: left;">
                            <li class="dropdown d-none d-sm-block">
                                <a href="43#" class="usertype">
                                    Rate:&nbsp; <span id="PartyDara">0/0</span>-
                                    <span id="PartyAkhar">0/0</span>
                                </a>
                            </li>

                            <li style="display:none !important;" class="dropdown d-none d-sm-block">
                                <a href="43#" class="contact">
                                    Bal:&nbsp; <span id="PartyBalance">0</span>
                                </a>
                            </li>
                            <li class="dropdown d-none d-sm-block">
                                <a href="43#" id="PartyLimitPanel" class="contact">
                                    Limit:&nbsp; <span id="PartyLimit">0</span>
                                </a>
                            </li>
                            <li class="dropdown d-none d-sm-block">
                                <a href="43#" id="PartyCappingPanel" style="background:#f03 !important;" class="contact">
                                    Capping:&nbsp; <span id="PartyCapping">0</span>
                                </a>
                            </li>
                            <li class="dropdown d-none d-sm-block">
                                <a onclick="OpenFullscreen()" href="43#" class="usertype">
                                    [ ]
                                </a>
                            </li>
                        </ul>
                    </td>
                    <td><h4><b style="color:#f03;" id="GrantorRmk"></b></h4></td>
                    <td style="width:350px;">
                        <ul class="header-actions">
                            <li class="dropdown d-none d-sm-block">
                                <a href="43#" class="timer">
                                    Date:&nbsp; <span id="TransactionDate">{{empty($date) ? date('d-m-Y') : date('d-m-Y', strtotime($date))}}</span>
                                </a>
                            </li>
                            <li class="dropdown d-none d-sm-block">
                                <a href="43#" class="timer" style="background-color: rgb(51, 175, 101);">
                                    Time Left:&nbsp; <span id="TransactionTimeLeft">00:00:00</span>
                                </a>
                            </li>
                        </ul>
                    </td>
                </tr>
            </tbody></table>
            <!--****************** Vertical Scroll table start ************************-->
            <div class="table-container">
                <div class="table-responsive">
                    <table class="table" style="margin-bottom: 0px !important;">
                        <tbody><tr>
                            <td style="width:75%; padding:3px;">
                                <div class="table-responsive jantriView" style="display:none;"><table><thead><tr><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">1</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">2</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">3</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">4</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">5</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">6</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">7</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">8</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">9</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">10</th><th style="padding:5px!important; border-right:1px solid #FFF; text-align:center; width:120px;">Total</th></tr></thead><tbody><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">1</span><input id="number_1" onkeyup="setJantriSingleNumber(1)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">2</span><input id="number_2" onkeyup="setJantriSingleNumber(2)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">3</span><input id="number_3" onkeyup="setJantriSingleNumber(3)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">4</span><input id="number_4" onkeyup="setJantriSingleNumber(4)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">5</span><input id="number_5" onkeyup="setJantriSingleNumber(5)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">6</span><input id="number_6" onkeyup="setJantriSingleNumber(6)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">7</span><input id="number_7" onkeyup="setJantriSingleNumber(7)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">8</span><input id="number_8" onkeyup="setJantriSingleNumber(8)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">9</span><input id="number_9" onkeyup="setJantriSingleNumber(9)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">10</span><input id="number_10" onkeyup="setJantriSingleNumber(10)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_1" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">11</span><input id="number_11" onkeyup="setJantriSingleNumber(11)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">12</span><input id="number_12" onkeyup="setJantriSingleNumber(12)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">13</span><input id="number_13" onkeyup="setJantriSingleNumber(13)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">14</span><input id="number_14" onkeyup="setJantriSingleNumber(14)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">15</span><input id="number_15" onkeyup="setJantriSingleNumber(15)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">16</span><input id="number_16" onkeyup="setJantriSingleNumber(16)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">17</span><input id="number_17" onkeyup="setJantriSingleNumber(17)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">18</span><input id="number_18" onkeyup="setJantriSingleNumber(18)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">19</span><input id="number_19" onkeyup="setJantriSingleNumber(19)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">20</span><input id="number_20" onkeyup="setJantriSingleNumber(20)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_2" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">21</span><input id="number_21" onkeyup="setJantriSingleNumber(21)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">22</span><input id="number_22" onkeyup="setJantriSingleNumber(22)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">23</span><input id="number_23" onkeyup="setJantriSingleNumber(23)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">24</span><input id="number_24" onkeyup="setJantriSingleNumber(24)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">25</span><input id="number_25" onkeyup="setJantriSingleNumber(25)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">26</span><input id="number_26" onkeyup="setJantriSingleNumber(26)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">27</span><input id="number_27" onkeyup="setJantriSingleNumber(27)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">28</span><input id="number_28" onkeyup="setJantriSingleNumber(28)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">29</span><input id="number_29" onkeyup="setJantriSingleNumber(29)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">30</span><input id="number_30" onkeyup="setJantriSingleNumber(30)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_3" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">31</span><input id="number_31" onkeyup="setJantriSingleNumber(31)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">32</span><input id="number_32" onkeyup="setJantriSingleNumber(32)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">33</span><input id="number_33" onkeyup="setJantriSingleNumber(33)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">34</span><input id="number_34" onkeyup="setJantriSingleNumber(34)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">35</span><input id="number_35" onkeyup="setJantriSingleNumber(35)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">36</span><input id="number_36" onkeyup="setJantriSingleNumber(36)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">37</span><input id="number_37" onkeyup="setJantriSingleNumber(37)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">38</span><input id="number_38" onkeyup="setJantriSingleNumber(38)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">39</span><input id="number_39" onkeyup="setJantriSingleNumber(39)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">40</span><input id="number_40" onkeyup="setJantriSingleNumber(40)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_4" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">41</span><input id="number_41" onkeyup="setJantriSingleNumber(41)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">42</span><input id="number_42" onkeyup="setJantriSingleNumber(42)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">43</span><input id="number_43" onkeyup="setJantriSingleNumber(43)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">44</span><input id="number_44" onkeyup="setJantriSingleNumber(44)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">45</span><input id="number_45" onkeyup="setJantriSingleNumber(45)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">46</span><input id="number_46" onkeyup="setJantriSingleNumber(46)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">47</span><input id="number_47" onkeyup="setJantriSingleNumber(47)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">48</span><input id="number_48" onkeyup="setJantriSingleNumber(48)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">49</span><input id="number_49" onkeyup="setJantriSingleNumber(49)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">50</span><input id="number_50" onkeyup="setJantriSingleNumber(50)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_5" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">51</span><input id="number_51" onkeyup="setJantriSingleNumber(51)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">52</span><input id="number_52" onkeyup="setJantriSingleNumber(52)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">53</span><input id="number_53" onkeyup="setJantriSingleNumber(53)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">54</span><input id="number_54" onkeyup="setJantriSingleNumber(54)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">55</span><input id="number_55" onkeyup="setJantriSingleNumber(55)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">56</span><input id="number_56" onkeyup="setJantriSingleNumber(56)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">57</span><input id="number_57" onkeyup="setJantriSingleNumber(57)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">58</span><input id="number_58" onkeyup="setJantriSingleNumber(58)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">59</span><input id="number_59" onkeyup="setJantriSingleNumber(59)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">60</span><input id="number_60" onkeyup="setJantriSingleNumber(60)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_6" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">61</span><input id="number_61" onkeyup="setJantriSingleNumber(61)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">62</span><input id="number_62" onkeyup="setJantriSingleNumber(62)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">63</span><input id="number_63" onkeyup="setJantriSingleNumber(63)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">64</span><input id="number_64" onkeyup="setJantriSingleNumber(64)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">65</span><input id="number_65" onkeyup="setJantriSingleNumber(65)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">66</span><input id="number_66" onkeyup="setJantriSingleNumber(66)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">67</span><input id="number_67" onkeyup="setJantriSingleNumber(67)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">68</span><input id="number_68" onkeyup="setJantriSingleNumber(68)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">69</span><input id="number_69" onkeyup="setJantriSingleNumber(69)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">70</span><input id="number_70" onkeyup="setJantriSingleNumber(70)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_7" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">71</span><input id="number_71" onkeyup="setJantriSingleNumber(71)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">72</span><input id="number_72" onkeyup="setJantriSingleNumber(72)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">73</span><input id="number_73" onkeyup="setJantriSingleNumber(73)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">74</span><input id="number_74" onkeyup="setJantriSingleNumber(74)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">75</span><input id="number_75" onkeyup="setJantriSingleNumber(75)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">76</span><input id="number_76" onkeyup="setJantriSingleNumber(76)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">77</span><input id="number_77" onkeyup="setJantriSingleNumber(77)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">78</span><input id="number_78" onkeyup="setJantriSingleNumber(78)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">79</span><input id="number_79" onkeyup="setJantriSingleNumber(79)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">80</span><input id="number_80" onkeyup="setJantriSingleNumber(80)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_8" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">81</span><input id="number_81" onkeyup="setJantriSingleNumber(81)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">82</span><input id="number_82" onkeyup="setJantriSingleNumber(82)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">83</span><input id="number_83" onkeyup="setJantriSingleNumber(83)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">84</span><input id="number_84" onkeyup="setJantriSingleNumber(84)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">85</span><input id="number_85" onkeyup="setJantriSingleNumber(85)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">86</span><input id="number_86" onkeyup="setJantriSingleNumber(86)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">87</span><input id="number_87" onkeyup="setJantriSingleNumber(87)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">88</span><input id="number_88" onkeyup="setJantriSingleNumber(88)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">89</span><input id="number_89" onkeyup="setJantriSingleNumber(89)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">90</span><input id="number_90" onkeyup="setJantriSingleNumber(90)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_9" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">91</span><input id="number_91" onkeyup="setJantriSingleNumber(91)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_1 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">92</span><input id="number_92" onkeyup="setJantriSingleNumber(92)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_2 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">93</span><input id="number_93" onkeyup="setJantriSingleNumber(93)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_3 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">94</span><input id="number_94" onkeyup="setJantriSingleNumber(94)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_4 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">95</span><input id="number_95" onkeyup="setJantriSingleNumber(95)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_5 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">96</span><input id="number_96" onkeyup="setJantriSingleNumber(96)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_6 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">97</span><input id="number_97" onkeyup="setJantriSingleNumber(97)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_7 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">98</span><input id="number_98" onkeyup="setJantriSingleNumber(98)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_8 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">99</span><input id="number_99" onkeyup="setJantriSingleNumber(99)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_9 JantriInput" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">100</span><input id="number_100" onkeyup="setJantriSingleNumber(100)" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_10 JantriInput" type="text" maxlength="7" placeholder=""></th><th id="JantriRow_10" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">0</th></tr></tbody><thead><tr><th id="JantriCol_1" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_2" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_3" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_4" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_5" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_6" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_7" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_8" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_9" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriCol_10" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">0</th><th id="JantriDaraTotal" style="padding:5px!important; border-top:1px solid #FFF; text-align:right;">0</th></tr></thead><tbody><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B1</span><input id="number_111" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(111)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B2</span><input id="number_222" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(222)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B3</span><input id="number_333" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(333)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B4</span><input id="number_444" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(444)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B5</span><input id="number_555" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(555)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B6</span><input id="number_666" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(666)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B7</span><input id="number_777" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(777)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B8</span><input id="number_888" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(888)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B9</span><input id="number_999" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(999)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">B0</span><input id="number_000" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(000)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th id="JantriBaharTotal" class="jantri-total" style="padding:5px!important;  color: #ffffff; text-align:right;">0</th></tr><tr><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A1</span><input id="number_1111" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(1111)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A2</span><input id="number_2222" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(2222)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A3</span><input id="number_3333" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(3333)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A4</span><input id="number_4444" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(4444)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A5</span><input id="number_5555" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(5555)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A6</span><input id="number_6666" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(6666)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A7</span><input id="number_7777" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(7777)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A8</span><input id="number_8888" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(8888)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A9</span><input id="number_9999" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(9999)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th style="padding:1px!important; position:relative;"><span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">A0</span><input id="number_0000" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber(0000)" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder=""></th><th id="JantriAndarTotal" class="jantri-total" style="padding:5px!important;  color: #ffffff; text-align:right;">0</th></tr></tbody></table></div>
                                <div class="table-responsive utarView" style="">
                                    <table class="table" style="margin-bottom: 0px !important;">
                                        <tbody><tr>
                                            <td valign="top" style="width:45%; vertical-align: top; padding:0px;">
                                            <div class="CustomFixedTbl" style="min-height:487px; max-height:487px; overflow-y:scroll;">
                                                <table class="" style="width:100%;" border="0" cellspacing="0px">
                                                    <thead>

                                                        <tr>
                                                            <th style="padding:3px !important; vertical-align:middle; margin:0px auto; width:120px;">
                                                                <input type="text" onkeyup="" onkeypress="return isNumberKeyForUttar(event)" style="text-align:center;" maxlength="4" name="Utar_Number" id="Utar_Number" class="form-control form-control-sm" placeholder="Number">
                                                            </th>
                                                            <th style="padding:3px !important; vertical-align:middle; margin:0px auto;">
                                                                <input type="text" onblur="" onkeypress="return isNumberKeyForUttar(event)" style="text-align:center;" maxlength="7" name="Utar_Amount" id="Utar_Amount" class="form-control form-control-sm" placeholder="Amount">
                                                            </th>
                                                            <th style="padding:3px !important; text-align:center; vertical-align: middle;">
                                                                <button type="button" style="text-align:center; width:30px; padding:2px;" id="Triply_Button" class="btn btn-success" onfocus="setUtarSingleNumber()"> &nbsp; + &nbsp; </button>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="UtarListPanel"></tbody>
                                                </table>
                                            </div>
                                            </td>
                                            <td style="vertical-align: top; padding:0px 3px;">
                                                <table id="" class="" style="margin-bottom: 0px; width:100%;">
                                                    <thead>
                                                        <tr>
                                                            <th style="padding:7px!important;">
                                                                Utar Mode Instructions
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td style="padding:7px!important;">
                                                                <b>1. Dara Number: should be 1 to 100</b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="padding:7px!important;">
                                                                <b>2. Bahar Akhar Number:  should be 000 to 999</b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="padding:7px!important;">
                                                                <b>3. Andar Akhar Number:  should be 0000 to 9999</b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="padding:7px!important;">
                                                                <b>4. Press F12 for Jantri View </b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="padding:7px!important;">
                                                                <b>5. Press `~ for Re-Focus  </b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="padding:7px!important;" class="text-center">
                                                                <h4>Total Count : <b id="TotalCountUttarNumber">0</b></h4>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td style="padding:7px!important;" class="text-center">
                                                                <h4>Grand Total : <b id="TotalAmount">0</b></h4>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                </div>
                            </td>
                            <td valign="top" style="vertical-align: top; padding:3px; border-left:1px solid #f2f2f2;min-width: 500px;">

                                <b id="Shift_Status_Blink" style="font-size:20px; padding:0px!important; margin-bottom:3px;" class="btn btn-success btn-block blinking-green">
                                    {{$shift->shift_name}}
                                </b>
                                

                                <!-- Nav Tabs -->
                                <ul class="nav nav-tabs" id="shiftTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="copy-tab" data-toggle="tab" href="#copyTxn" role="tab">Copy Txn</a>
                                    </li>
                                    @if(env('SOCKET_URL'))
                                        <li class="nav-item">
                                            <a class="nav-link" id="tgmessages-tab" data-toggle="tab" href="#tgmessages" role="tab">Pending Messages</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="ptgmessages-tab" data-toggle="tab" href="#ptgmessages" role="tab">Processed Messages</a>
                                        </li>
                                    @endif
                                </ul>

                                <!-- Tab Content -->
                                <div class="tab-content CustomFixedTbl" style="min-height:419px; max-height:419px; border:1px solid #dee2e6; border-top: none;">

                                    <!-- Copy Txn Tab -->
                                    <div class="tab-pane fade show active" id="copyTxn" role="tabpanel">
                                        <table class="table" style="margin-bottom: 0px;">
                                            <thead>
                                                <tr>
                                                    <th class="text-center p-1" style="width:35px;">
                                                        <input id="unPaidCopyMoveHeader" style="width:20px; height:20px;" type="checkbox" onchange="javascript:toggleCopyMoveTrans(this);">
                                                    </th>
                                                    <th class="p-1">Tick Shift for Copy Transaction</th>
                                                </tr>
                                            </thead>
                                            <tbody id="CopyMoveTransTableBody"></tbody>
                                        </table>

                                        <table class="" style="margin-bottom: 0px;">
                                            <thead>
                                                <tr>
                                                    <th style="padding:7px!important;" colspan="2">Applied Narration</th>
                                                </tr>
                                            </thead>
                                            <tbody id="AppliedNarrationPanel"></tbody>
                                        </table>
                                    </div>
                                    @if(env('SOCKET_URL'))
                                        <!-- Messages Tab -->
                                        <div class="tab-pane fade" id="tgmessages" role="tabpanel">
                                            <div id="tgmessages-wrapper" style="position:relative;">

                                                <div style="min-height:360px; overflow-y:auto; padding:10px; background:#f5f5f5; border-radius:5px;">
                                                    
                                                

                                                </div>

                                                
                                            </div>
                                            <div id="chatImageOverlay" style="display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:10; justify-content:center; align-items:center;">
                                                <div id="image-viewer-container" style="width: 100%; height: 100%;">
                                                    <img style="display: none;" id="viewer-target" src="" />
                                                </div>
                                                <a onclick="closePreview()" style="position:absolute; top:15px; right:20px; background:#fff; border:none; font-weight:bold; font-size:20px; padding:4px 10px; border-radius:6px;">×</a>
                                            </div>
                                            
                                        </div>

                                        <div class="tab-pane fade" id="ptgmessages" role="tabpanel">
                                            <div id="ptgmessages-wrapper" style="position:relative;">

                                                <div style="min-height:360px; overflow-y:auto; padding:10px; background:#f5f5f5; border-radius:5px;">
                                                    
                                                

                                                </div>
                                            </div>
                                            <div id="chatImageOverlay1" style="display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:10; justify-content:center; align-items:center;">
                                                <div id="image-viewer-container" style="width: 100%; height: 100%;">
                                                    <img style="display: none;" id="viewer-target1" src="" />
                                                </div>
                                                <a onclick="closePreview1()" style="position:absolute; top:15px; right:20px; background:#fff; border:none; font-weight:bold; font-size:20px; padding:4px 10px; border-radius:6px;">×</a>
                                            </div>
                                        </div>
                                    @endif
                                </div>

                                <!-- Grand Total -->
                                <b style="font-size:16px; padding:3px!important; bottom:0px;" class="btn btn-danger btn-block" type="button">
                                    Grand Total: <span id="GrandTotal">0</span>
                                </b>
                                
                            </td>

                        </tr>
                    </tbody></table>
                </div>
            </div>
            <!--******** Vertical Scroll table end ********************-->
        </div>
    </form>

    </div>
    

</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;">
                        <tbody><tr>
                            <td style="width:120px;"><a href="#" class="btn-link warning">Need Help?</a></td>
                            <td style="width:150px; color:#fff;">[ shift + esc = Exit ]</td>
                            <td></td>
                            <td align="right">

                              <a id="Joda_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_Joda()" class="btn btn-info" href="#">Joda <small> (F3)</small></a>

                            <a id="Random_Old_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_Random_Old()" class="btn btn-info" href="#">Random <small> (F4)</small></a>

                            <a id="Crossing_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_Crossing()" class="btn btn-info" href="#">Cross <small> (F6)</small></a>

                            <a id="FromTo_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_FromTo()" class="btn btn-info" href="#">From-To <small> (F7)</small></a>

                            <!---a id="Random_New_keyBtn" style=" margin-left:10px; display:none;" onclick="click_Random_New()" class="btn btn-info" href="#">Random <small> (F8)</small></a-->

                            <a id="OddEven_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_OddEven()" class="btn btn-info" href="#">Odd/Even <small> (F9)</small></a>

                            <a id="EkdiDukdi_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_EkdiDukdi()" class="btn btn-info" href="#">Ekdi/Dukdi <small> (F10)</small></a>

                            <a id="JodiDaane_keyBtn" style="margin-left: 10px; display: inline-block;" onclick="click_JodiDaane()" class="btn btn-info" href="#">J-Daane <small> </small></a>

                            </td>

                            <td style="width:150px;"><button id="AddBtn" onclick="SaveTransaction()" class="btn btn-success btn-block" type="button">Save Now <small> (F2) </small> <span id="ajax_loader"></span></button></td>
                            <td style="width:150px;"><button class="btn btn-warning btn-block" onclick="ClearPanel()" type="button">Clear <small> </small></button></td>
                        </tr>
                    </tbody></table>
                </div>
            </footer>

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

<script>

var Hissab_UtarMaster = [];
var Hissab_JantriMaster = [];

var Hissab_AllShift_ArrayList = [];
var Hissab_AllShift_Party_ArrayList = [];

var Hissab_PartySelected = {};

var Hissab_FromDate = "";
var Hissab_ToDate ="";

$( document ).ready(function() {
    //$('#PartyName').select2();
    setTimeout(function(){ 
        //CustomJantriControl("Hissab_jv", "Hissab_JantriView","readonly"); 
    }, 100);
});



</script>
<!-- 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 = "transaction_add";
var LoginRoleId = "2";

$( document ).ready(function() {
    setTimeout(function(){ 
        
    }, 100);
});



</script>
<!-- Start Old Random Modal -->
<div class="modal fade" id="OldRandPanel" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="basicModalLabel">Random</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
      <div class="modal-body" style="height:300px; overflow-y:scroll;">
          <table id="table" style="width:100%;">
            <tbody id="RandomTableOld">
                  <tr>
                    <td style="width:30px;"></td> 
                    <td> <b>NUMBER</b> </td> 
                    <td>
                        <input type="text" onkeyup="setRandomOld_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:right; width:100px;" value="" maxlength="4" name="RandomNumberOld[]" id="REN_Number_input" onkeydown="Random_clone()" class="form-control">
                    </td> 
                  </tr>
            </tbody>
            <tfoot>
                <tr>
                    <th></th> 
                    <th> <b>AMOUNT</b> </th> 
                    <th>
                        <input type="text" onkeyup="setRandomOld_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:right; width:100px;" value="" id="RandomAmountOld" name="RandomAmountOld" class="form-control" placeholder="Amount">
                    </th>
                </tr>
                <tr>
                    <th></th> 
                    <th> <b>PLT-AMOUNT</b> </th> 
                    <th>
                        <input type="text" onkeyup="setRandomOld_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:right; width:100px;" value="" id="RandomAmountOldPlt" name="RandomAmountOldPlt" class="form-control" placeholder="Plt-Amount">
                    </th>
                </tr>
              </tfoot>
          </table>
         
        </div>
        <div class="col-12 text-center"><b>TOTAL AMOUNT : <span id="OldRandPanelTotalAmount">0</span></b></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="javascript:setRandomOld();">Save</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div> 
<!-- End Old Random Modal -->


<!-- Start New Random Modal -->
<div class="modal fade" id="RandomModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Random</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row gutters">
                    <div class="col-xl-12 col-lglg-12 col-md-12 col-sm-12 col-12">
                        <div class="form-group">
                            <label for="inputReadOnly">NOTE: Dara number should be 2 digit without any separator.</label>
                            <label for="inputReadOnly">NOTE: Akhar number should be 1 digit without any separator.</label>
                        </div>
                    </div>
                </div>
                
                <div class="row gutters">
                    <div class="col-xl-8 col-lglg-8 col-md-8 col-sm-8 col-12">
                        <div class="form-group">
                            <label for="inputReadOnly">Dara</label>
                            <textarea type="text" onkeyup="" onkeypress="return isNumberKey(event)" style=" height:90px;" name="Random_Number" id="Random_Number" class="form-control" placeholder="Numbers, eg: 01 and 89 like: 0189"></textarea>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                        <div class="form-group">
                            <label class="d-block">Amount <b class="float-right" style="color:#2d9b5a;" id="Total_Random_Dara_Amount"></b></label>
                            <input type="text" onkeyup="" onkeypress="return isNumberKey(event)" style="text-align:center; width:150px;" name="Random_Amount" id="Random_Amount" maxlength="7" class="form-control" placeholder="Amount">
                        </div>
                    </div>
                </div>
                
                
                <div class="row gutters">
                    <div class="col-xl-8 col-lglg-8 col-md-8 col-sm-8 col-12">
                        <div class="form-group">
                            <label for="inputReadOnly">Akhar Bahar</label>
                            <input type="text" onkeyup="" onkeypress="return isNumberKey(event)" style="" name="RandomBahar_Number" id="RandomBahar_Number" class="form-control" placeholder="Numbers, eg: 1 and 2 like: 12">
                        </div>
                    </div>
                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                        <div class="form-group">
                        <label class="d-block">Amount <b class="float-right" style="color:#2d9b5a;" id="Total_Random_Bahar_Amount"></b></label>
                            <input type="text" onkeyup="" onkeypress="return isNumberKey(event)" style="text-align:center; width:150px;" name="RandomBahar_Amount" id="RandomBahar_Amount" maxlength="7" class="form-control" placeholder="Amount">
                        </div>
                    </div>
                </div>
                <div class="row gutters">
                    <div class="col-xl-8 col-lglg-8 col-md-8 col-sm-8 col-12">
                        <div class="form-group">
                            <label for="inputReadOnly">Akhar Andar</label>
                            <input type="text" onkeyup="" onkeypress="return isNumberKey(event)" style="" name="RandomAndar_Number" id="RandomAndar_Number" class="form-control" placeholder="Numbers, eg: 1 and 2 like: 12">
                        </div>
                    </div>
                    <div class="col-xl-4 col-lglg-4 col-md-4 col-sm-4 col-12">
                        <div class="form-group">
                        <label class="d-block">Amount <b class="float-right" style="color:#2d9b5a;" id="Total_Random_Andar_Amount"></b></label>
                            <input type="text" onkeyup="" onkeypress="return isNumberKey(event)" style="text-align:center; width:150px;" name="RandomAndar_Amount" id="RandomAndar_Amount" maxlength="7" class="form-control" placeholder="Amount">
                        </div>
                    </div>
                </div>
                <div class="col-12 text-center"><b>TOTAL AMOUNT : <span id="Total_Random_Amount">0</span></b></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="setRandom()">Save</button>
                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End Random Modal -->

<!-- Start Cross Modal -->
<div class="modal fade" id="CrossModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Cross</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
               <table class="table" style="width:100%;" border="2" cellspacing="3px">
                    <thead>
                        <tr style="color:#FFF;">
                            <th style="text-align:center; vertical-align: middle;">ANDER</th>
                            <th style="text-align:center;  vertical-align: middle;">BAHAR</th>
                            <th style="text-align:center; vertical-align: middle;">AMOUNT</th>
                            <th style="text-align:center; vertical-align: middle;">JODA</th>
                        </tr>
                        <tr>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeyup="setCrossingCount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="10" name="Cross_Number1" id="Cross_Number1" class="form-control" placeholder="NUMBER 1">
                            </th>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeyup="setCrossingCount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="10" name="Cross_Number2" id="Cross_Number2" class="form-control" placeholder="NUMBER 2">
                            </th>
                            <th style="padding:2px !important; margin:0px auto;">
                                <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Cross_Amount" id="Cross_Amount" class="form-control" placeholder="AMT">
                            </th>
                            <th style="padding:2px !important; margin:0px auto; width:60px;">
                                <input onkeyup="setCrossingCount()" type="text" style="text-align:center;" maxlength="1" name="Cross_Joda" id="Cross_Joda" class="form-control" value="Y" placeholder="JODA">
                            </th>
                        </tr>
                    </thead>
                </table>
                <div class="col-12"><h4>TOTAL CROSS COUNT : <span id="CrossModalNumberCount">0</span></h4></div>
                <div class="col-12"><h4>TOTAL AMOUNT : <span id="CrossModalTotalAmount">0</span></h4></div>
                <div class="col-12">1. अगर JODA "Y" है तो 00-99 JODA की ENTRY होगी</div>
                <div class="col-12">2. अगर BOTH NUMBER BLANK है और JODA "Y" है तो सिर्फ 00-99 JODA की ENTRY होगी</div>
            </div>
            <div class="modal-footer">
                <button onclick="setCrossing()" type="button" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End Cross Modal -->

<!-- Start From-To Modal -->
<div class="modal fade" id="FromToModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">From-To</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="table" style="width:100%;" border="2" cellspacing="3px">
                    <thead>
                        <tr style="color:#FFF;">
                            <th style="text-align:center; vertical-align: middle;">From</th>
                            <th style="text-align:center;  vertical-align: middle;">To</th>
                            <th style="text-align:center; vertical-align: middle;">AMOUNT</th>
                        </tr>
                        <tr>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeyup="setFromTo_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="2" name="From_Number" id="From_Number" class="form-control" placeholder="From">
                            </th>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeyup="setFromTo_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="To_Number" id="To_Number" class="form-control" placeholder="To">
                            </th>
                            <th style="padding:2px !important; margin:0px auto;">
                                <input type="text" onkeyup="setFromTo_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="FromTo_Amount" id="FromTo_Amount" class="form-control" placeholder="Amount">
                            </th>
                        </tr>
                        <tr>
                            <th colspan="2" style="text-align:center; vertical-align: middle;">
                                PALT SECTION
                            </th>
                            <th style="padding:2px !important; margin:0px auto;">
                                <input type="text" onkeyup="setFromTo_TotalAmount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="FromTo_AmountPlt" id="FromTo_AmountPlt" class="form-control" placeholder="Plt-Amount">
                            </th>
                        </tr>
                    </thead>
                </table>
                <div class="col-12"><h4>TOTAL AMOUNT : <span id="FromToModalTotalAmount">0</span></h4></div>
            </div>
            <div class="modal-footer">
                <button onclick="setFromTo()" type="button" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End From-To Modal -->




<!-- Start Odd/Even Modal -->
<div class="modal fade" id="OddEvenPanel" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="basicModalLabel">Odd/Even Panel</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
          <div class="modal-body ">
              <table class="table" style="width:100%;" border="2" cellspacing="3px">
                <thead>
                    <tr style="color:#FFF;">
                        <th style="text-align:center; vertical-align: middle;">TYPE</th>
                        <th style="text-align:center;  vertical-align: middle;">FROM</th>
                        <th style="text-align:center;  vertical-align: middle;">TO</th>
                        <th style="text-align:center; vertical-align: middle;">AMOUNT</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th style="text-align:center; vertical-align: middle; border-top:1px solid #DDD; width:120px;">ODD</th>
                        <th style="padding:2px !important; margin:0px auto; width:120px;">
                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="Odd_NumberFrom" id="Odd_NumberFrom" class="form-control" placeholder="Number">
                        </th>
                        <th style="padding:2px !important; margin:0px auto; width:120px;">
                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="Odd_NumberTo" id="Odd_NumberTo" class="form-control" placeholder="Number">
                        </th>
                        <th style="padding:2px !important; margin:0px auto;">
                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Odd_Amount" id="Odd_Amount" class="form-control" placeholder="Amount">
                        </th>
                    </tr>
                    <tr>
                        <th style="text-align:center; vertical-align: middle; border-top:1px solid #DDD;">EVEN</th>
                        <th style="padding:2px !important; margin:0px auto; width:120px;">
                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="Even_NumberFrom" id="Even_NumberFrom" class="form-control" placeholder="Number">
                        </th>
                        <th style="padding:2px !important; margin:0px auto; width:120px;">
                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="3" name="Even_NumberTo" id="Even_NumberTo" class="form-control" placeholder="Number">
                        </th>
                        <th style="padding:2px !important; margin:0px auto;">
                            <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Even_Amount" id="Even_Amount" class="form-control" placeholder="Amount">
                        </th>
                    </tr>
                </tbody>
            </table>
        </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="javascript:setOddEven();">Save</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div> 
<!-- End Odd/Even Modal -->


<!-- Start Ekdi Dukdi Modal -->
<div class="modal fade" id="EkdiDukdiModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Ekdi/Dukdi/Tikdi Panel</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
               <table class="table" style="width:100%;" border="2" cellspacing="3px">
                    <thead>
                        <tr style="color:#FFF;">
                            <th style="text-align:center; vertical-align: middle;">TYPE</th>
                            <th style="text-align:center; vertical-align: middle;">AMOUNT</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th style="text-align:center; vertical-align: middle;">EKDI [1]</th>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Ekdi_Amount" id="Ekdi_Amount" class="form-control" placeholder="Amount">
                            </th>
                        </tr>
                        <tr>
                            <th style="text-align:center; vertical-align: middle;">DUKDI [2]</th>
                            <th style="padding:2px !important; margin:0px auto;">
                                <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Dukdi_Amount" id="Dukdi_Amount" class="form-control" placeholder="Amount">
                            </th>
                        </tr>
                        <tr>
                            <th style="text-align:center; vertical-align: middle;">TIKDI [3]</th>
                            <th style="padding:2px !important; margin:0px auto;">
                                <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Tikdi_Amount" id="Tikdi_Amount" class="form-control" placeholder="Amount">
                            </th>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button onclick="setEkdiDukdi()" type="button" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End Ekdi Dukdi Modal -->

<!-- Start Joda Modal -->
<div class="modal fade" id="JodaModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Joda Panel</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
               <table class="table" style="width:100%;" border="2" cellspacing="3px">
                    <thead>
                        <tr>
                            <th style="text-align:center; vertical-align: middle;">AMOUNT</th>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="Joda_Amount" id="Joda_Amount" class="form-control" placeholder="Amount">
                            </th>
                        </tr>
                    
                </thead></table>
            </div>
            <div class="modal-footer">
                <button onclick="setJoda()" type="button" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End Ekdi Dukdi Modal -->



<!-- Start Jodi Daane Modal -->
<div class="modal fade" id="JodiDaaneModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Jodi Daane</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
               <table class="table" style="width:100%;" border="2" cellspacing="3px">
                    <thead>
                        <tr style="color:#FFF;">
                            <th style="text-align:center; vertical-align: middle;">DAANE</th>
                            <th style="text-align:center; vertical-align: middle;">AMOUNT</th>
                        </tr>
                        <tr>
                            <th style="padding:2px !important; margin:0px auto; width:120px;">
                                <input type="text" onkeyup="setJodiDaaneCount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="10" name="JodiDaane_Number" id="JodiDaane_Number" class="form-control" placeholder="NUMBER">
                            </th>
                            <th style="padding:2px !important; margin:0px auto;">
                                <input type="text" onkeyup="setJodiDaaneCount()" onkeypress="return isNumberKey(event)" style="text-align:center;" maxlength="5" name="JodiDaane_Amount" id="JodiDaane_Amount" class="form-control" placeholder="AMT">
                            </th>
                        </tr>
                    </thead>
                </table>
                <div class="col-12"><h4>TOTAL COUNT : <span id="JodiDaaneModalNumberCount">0</span></h4></div>
                <div class="col-12"><h4>TOTAL AMOUNT : <span id="JodiDaaneModalTotalAmount">0</span></h4></div>
            </div>
            <div class="modal-footer">
                <button onclick="setJodiDaane()" type="button" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-lighten" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- End Jodi Daane  Modal -->



<!-- Start Tazza Transaction Config Modal -->
<div class="modal fade" id="TransactionConfigModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Transaction Config</h5>
                <button type="button" class="close" onclick="CloseConfigPopup()" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <table class="table ledger" style="margin-bottom:0px !important;">
                    <tbody>
                        <tr>
                            <td style="padding:3px; text-align:center;">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th style="padding:3px; text-align:center;">
                                                <label>Dara Rate</label>
                                                <input class="form-control form-control-sm" id="configDaraRate" type="text" maxlength="3" onkeypress="return isNumberKey(event)" {{ env('RATE_CHANGE_ENABLE', 1) == 0 ? 'readonly' : '' }}>
                                                </th>
                                                <th style="padding:3px;  text-align:center;">
                                                <label>Commission</label>
                                                <input class="form-control form-control-sm" id="configDaraCommission" type="text" onkeypress="return isNumberKey(event)" {{ env('RATE_CHANGE_ENABLE', 1) == 0 ? 'readonly' : '' }}>
                                                </th>
                                            </tr>
                                        </thead>
                                    </table>
                            </td>
                            <td style="padding:3px; text-align:center;">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th style="padding:3px; text-align:center;">
                                                <label>Akhar Rate</label>
                                                <input class="form-control form-control-sm" id="configAkharRate" type="text" maxlength="3" onkeypress="return isNumberKey(event)" {{ env('RATE_CHANGE_ENABLE', 1) == 0 ? 'readonly' : '' }}>
                                                </th>
                                                <th style="padding:3px;  text-align:center;">
                                                <label>Commission</label>
                                                <input class="form-control form-control-sm" id="configAkharCommission" type="text" onkeypress="return isNumberKey(event)" {{ env('RATE_CHANGE_ENABLE', 1) == 0 ? 'readonly' : '' }}>
                                                </th>
                                            </tr>
                                        </thead>
                                    </table>
                            </td>
                        </tr><tr>
                            <td colspan="2" style="padding:3px; text-align:center;">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="padding:3px; text-align:center;">
                                            <label>Tazza Patti</label>
                                            <input class="form-control form-control-sm" id="configSelfHissa" type="text" onkeypress="return isNumberKey(event)" {{ env('RATE_CHANGE_ENABLE', 1) == 0 ? 'readonly' : '' }}>
                                            </th>
                                            <!-- <th style="padding:3px; text-align:center;">
                                                <label>Dara Limit</label>
                                                <input class="form-control form-control-sm" id="configDaraLimit" type="text" onkeypress="return isNumberKey(event)">
                                            </th>
                                            <th style="padding:3px; text-align:center;">
                                                <label>Akhar Limit</label>
                                                <input class="form-control form-control-sm" id="configAkharLimit" type="text" onkeypress="return isNumberKey(event)">
                                            </th> -->
                                        </tr>
                                    </thead>
                                </table>
                            </td>
                    </tr></tbody>			
                </table>	
            </div>
            <div class="modal-footer">
                @if(env('RATE_CHANGE_ENABLE', 1) == 0)
                    <div style="flex: 1;">
                        <i style="cursor: pointer;" id="unlockBtn" class="icon-unlock" onclick="unlock(true)"></i>
                    </div>
                @endif
                <div>
                    <button id="AddTransaction" type="button" class="btn btn-primary">Save</button>
                    <button type="button" class="btn btn-lighten" onclick="CloseConfigPopup()">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End  Tazza Transaction Config Modal -->


<!-- Start Company Ledger Modal -->
<div class="modal fade" id="CompanyLedgerModal" tabindex="-1" role="dialog" aria-labelledby="basicModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md" role="document">
        <form method="post" id="CompanyLedgerForm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="basicModalLabel">Choose Company Ids</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:0px;">	
                <div class="table-responsive CustomFixedTbl" style="min-height:40vh; max-height:40vh; ">
                    <table id="" class="table">
                        <thead>
                            <tr>
                                <th style="width:50px;">Sr</th>
                                <th style="width:35px;"></th>
                                <th class="text-center" style="">Company  Ledger</th>
                                <th class="text-center" style="width:150px;">Rate | Tax</th>
                            </tr>
                        </thead>
                        <tbody id="CompanyLedgerTableBody"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button onclick="AddTransaction()" type="button" class="btn btn-primary">Save Transaction</button>
            </div>
        </div>
        </form>
    </div>
</div>
<!-- End Company Ledger Modal -->



<!-- Start TransactionExistAlert Modal -->
<div class="modal fade" id="TransactionExistAlertModal" 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="TransactionExistAlertForm">
        <div class="modal-content">
            <div class="modal-header" style="background:#f03 !important;">
                <h5 class="modal-title">Transaction 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>Transaction 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 text-center">
                            <b id="TransactionExistAlertMessage"></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="TransactionExistAlertProcessBtn" onclick="TransactionExistAlertProcess()" 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="TransactionExistAlertCancel()" 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 TransactionExistAlert Modal --><style>
.input-text-right{
    text-align: right !important;
    font-weight:bold;
}
.ui-menu {
  position: relative;
  background-color: rgba(255,255,255,1.0);
  max-width: 256px;
}
</style>
<script>
var BaseUrl = "";
var nav = "transaction_add";
var IsLive = "Live";

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

var TransactionMode = "U";
var LastFocusedControl_Id = "";

var TransactionId = "{{$transectionId}}";
var TransectionRowDataForEdit = {};
var LedgerId = "";
var ShiftId = "{{$shift->id}}";
var ShiftDateOpen = "{{$shift->open_date}}";
var IsTransToCompany = "1";
var GroupId = "7"
var LoginRoleId = "2";

var IsTransactionCapping = "{{$shift->txn_capping}}";
var varIsApplyShiftConfigOnTransaction = "0";
var IsTransactionAlreadyExist = "0";

var IsEnableTazzaPatti = Math.round("1");
var IsDirectLedger = 0;
var IsSelfHissa = 0;
var IsOtherHissa = 0;
var IsConfigPopupEnable = false;


var	AllowSelfHissa = 99;
var	AllowHissa = "90";
var	AllowDaraRate = "50";
//var	AllowDaraCommssion = "50";
var	AllowAkharRate = "5";
//var	AllowAkharCommssion = "50";
//var	AllowVapsi = "20";


var var_Random_Old = "0";
var var_Crossing = "0";
var var_FromTO = "0";
var var_Random_New = "0";
var var_OddEven = "0";
var var_EkdiDukdi = "0";
var var_Joda = "0";
var var_JodiDaane = '0';


var VerticalEnterMove = false;
var DateTimeNow = "";

var AppliedNarration=[];
var CrossNarrationNumber=[];

var CompanyLedger_ArrayList = [];
var Selected_LedgerGroupId = 0;

var AllTransactionLedger_ArrayList = [];
var CopyMoveShifts_ArrayList = [];

var PageInfo = "";

function unlock(status) {
    if(status){
        document.getElementById("configDaraRate").removeAttribute("readonly");
        document.getElementById("configDaraCommission").removeAttribute("readonly");
        document.getElementById("configAkharRate").removeAttribute("readonly");
        document.getElementById("configAkharCommission").removeAttribute("readonly");
        document.getElementById("configSelfHissa").removeAttribute("readonly");

        $("#unlockBtn").removeClass("icon-unlock");
        $("#unlockBtn").addClass("icon-lock");

        $("#unlockBtn").attr("onclick", "unlock(false)");
    }
    else{
        document.getElementById("configDaraRate").setAttribute("readonly", true);
        document.getElementById("configDaraCommission").setAttribute("readonly", true);
        document.getElementById("configAkharRate").setAttribute("readonly", true);
        document.getElementById("configAkharCommission").setAttribute("readonly", true);
        document.getElementById("configSelfHissa").setAttribute("readonly", true);

        $("#unlockBtn").addClass("icon-unlock");
        $("#unlockBtn").removeClass("icon-lock");

        $("#unlockBtn").attr("onclick", "unlock(true)");
    }
   
}

$( document ).ready(function() {
    getPageInfo();
    //console.clear();	
    JantriControl();
    
    if(IsLive=="Live"){
        if(TransactionId!=""){
            TransactionForEdit();
        }else{
            getPageConfig();
            getShiftsCopyMove();
            // setInterval(function(){ getPageConfig(); }, 30000);
        }
        $('#Shift_Status_Blink').removeClass("blinking-red");
        $('#Shift_Status_Blink').addClass("blinking-green");
    }else{
        if(TransactionId!=""){
            TransactionForEdit();
        }else{
            // getPageConfig();
            getShiftsCopyMove();
        }
        $('#Shift_Status_Blink').removeClass("blinking-green");
        $('#Shift_Status_Blink').addClass("blinking-red");
    }

    if(GroupId=="5"){
    
        $('#number_1').focus().select();
    }
    
    $('.jantriView').hide();
    $('.utarView').hide();
    if(TransactionMode=="J"){
        $('.jantriView').show();
    }else if(TransactionMode=="U"){
        $('.utarView').show();
    }

    setTimeout(function(){ 
        getOrganizationConfig();
        if(IsLive=="Live"){
        
        }else{
            /*
            if(ShiftDateOpen=="1970-01-01"){
                Notify("Invalid Date ","Please enter a valid date!","danger");
                setTimeout(function(){ 
                    window.location = (IsLive=="Live" ? "/transaction_list/" : "/declare_transaction_list/")+''+ShiftId;
                }, 1000);
            }
            */
        }
     }, 100);

     
});

$( function() {
    getAllTransactionLedgers();

    $("#PartyName").autocomplete({
        source: function( request, response ) {
            var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
            response( $.grep( AllTransactionLedger_ArrayList, function( item ){
                return matcher.test( item );
            }) );
        },
        cache: true,
        autoSelect: true,
        autoFocus: true,
        minLength: 1
    }).focus(function(){
        $(this).autocomplete("search", $(this).val());
    }).blur(function(){
        CallLedgerInfo( $(this).val(), $(this).attr("id"));
    });
});
var isDeshawar = false;
function getShiftsCopyMove()
{
    
    $('#CopyMoveTransTableBody').html("");
    let ShiftDate = $('#TransactionDate').text();
    var JsonData = {'SearchShift':"" ,'ShiftDate':ShiftDate, "IsLive": IsLive};
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_shift_transaction";
    AjaxCallSync("/transaction/getShifts",JsonData,function(response) {
        if(response.status==true){
            var Row ='';
            CopyMoveShifts_ArrayList = [];
            var ind = 0;
            $.each( response.data, function( index, obj ) {
                //if(this.ShiftId != $("#Shifts").val())
                if( this.IsApplyShiftConfigOnTransaction == 0 && this.ShiftId != ShiftId && varIsApplyShiftConfigOnTransaction == 0)
                {
                    CopyMoveShifts_ArrayList[ind] = obj;
                    Row +='<tr>'
                        + '<td><input style="width:20px; height:20px;" type="checkbox" value="' + ind + '" class="unPaidCopyMove" /></td>'
                        +'<td>'+this.ShiftName+'</td>'
                        +'</tr>';
                    ind++;
                }
            });
            $('#CopyMoveTransTableBody').html(Row);
            //console.clear();
        }else if(response.status==true){
            Notify("Message",response.message,"danger");
        }
    });
}
function getTgMessages(status = "all") {
  let ShiftDate = $('#TransactionDate').text();

  const JsonData = {
    nav: nav,
    Method: "getTgMessages",
    shift_date: ShiftDate,
    shift_name: '{{$shift->shift_name}}',
    status: status,
  };

  AjaxCall("/tg-messages", JsonData, function (response) {
    if (response.status === true) {
        var  container = $("#tgmessages-wrapper > div");

        if(status != "all"){
            container = $("#ptgmessages-wrapper > div");        
        }

        container.empty(); // clear old messages

        var image_base_url = "{{env('IMAGE_URL')}}";

        response.data.forEach(data => {
            var functionName = `openFullPreview('${image_base_url + data.image_url}')`;

            if(status != "all"){
                functionName = `openFullPreview1('${image_base_url + data.image_url}')`;
            }

            const disabled = data.status !== 'pending' ? 'disabled' : '';
            const hideBtn = data.review_status !== null;
            const doneBtn = data.status === 'processed' ? 'disabled' : '';

            const messageHTML = `
            <div style="display:flex; justify-content:flex-end; margin-bottom:10px;">
                <div style="background:#dcf8c6; padding:8px 12px; border-radius:10px 10px 0 10px; width:90%; text-align:right;">
                ${data.ledger_name ? `<b>Ledger</b>: ${data.ledger_name}<br>` : ""}
                ${data.shift_name ? `<b>Shift</b>: ${data.shift_name}<br>` : ""}
                ${
                    data.image_url
                    ? `<img src="${image_base_url + data.image_url}" style="margin-top:6px; max-width: 50px; border-radius:8px; cursor:pointer;" onclick="${functionName}">`
                    : `<p class="raw-message">${data.raw_message || ''}</p>`
                }
                <div style="text-align: right; margin-top: 8px;">
                    <a id="${data.id}_ok_btn" href="javascript:void(0);" class="btn btn-primary ${disabled}" style="color:#fff;" 
                    onclick="markMessageOk(${data.id}, '${data.ledger_name}', '${data.chat_id}', '${data.raw_message || ''}')" ${disabled}>
                    Ok
                    </a>
                    <a id="${data.id}_notok_btn" href="javascript:void(0);" class="btn btn-danger ${disabled}" style="color:#fff;" 
                    onclick="markMessageNotOk(${data.id}, '${data.ledger_name}', '${data.chat_id}', '${data.raw_message || ''}')" ${disabled}>
                    Not Ok
                    </a>
                    <a id="${data.id}_done_btn" href="javascript:void(0);" class="btn btn-success ${doneBtn}" style="color:#fff;" 
                        onclick="markMessageDone(${data.id},'${data.ledger_name}','${data.chat_id}','${data.raw_message}')" ${doneBtn}>
                        Done
                    </a>
                </div>
                </div>
                <img src="https://placehold.co/30x30/000000/FFF" style="width:30px; height:30px; border-radius:50%; margin-left:8px;">
            </div>
            `;

            container.append(messageHTML); // or prepend, depending on order
        });
    } else {
      console.log("❌ Failed to load TG messages.");
    }
  });
}

function toggleCopyMoveTrans(el){
    $('#CopyMoveTransTableBody .unPaidCopyMove').prop('checked', el.checked);
}

function getAllTransactionLedgers(){
    var JsonData = {};
    AjaxCallGet("/ajax_ledger_transactions",JsonData,function(response) {
        AllTransactionLedger_ArrayList = [];
        AllTransactionLedger_ArrayList = response;
    });
}


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

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

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

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

var startTime = null;
var userCapAmount = -1;
function CallLedgerInfo(_val, _id)
{
    $('#PartyBalance').text("0");
    $('#PartyLimit').text("0");
    $('#GrantorRmk').text("");
    getLedgerInfo("/get_ledger_info", _val, _id, function(response) {
        if(response.status==true){
            startTime = get_current_date();

            LedgerId = response.data.LedgerId;
            Selected_LedgerGroupId = response.data.GroupId;
            if(IsTransactionCapping == 1){
                $('#PartyCapping').html( (response.data.CappingAmount==0 ? "No" : response.data.CappingAmount) );
                userCapAmount = response.data.CappingAmount;
            }else{
                $('#PartyCappingPanel').hide();
            }
            if((TransactionId=="") || (LedgerId != TransectionRowDataForEdit.LedgerId)){
                $('#PartyDara').text(""+response.data.DaraRate+"/"+response.data.DaraCommission);
                $('#PartyAkhar').text(""+response.data.AkharRate+"/"+response.data.AkharCommission);
                $("#configDaraRate").val(response.data.DaraRate);
                $("#configDaraCommission").val(response.data.DaraCommission);
                $("#configAkharRate").val(response.data.AkharRate);
                $("#configAkharCommission").val(response.data.AkharCommission);
                if(Math.round(response.data.GroupId) == 1 && ShiftId == 1){
                    isDeshawar = true;

                    $("#configDaraRate").val(96.875);
                    $("#configDaraCommission").val(0);
                    $("#configAkharRate").val(9);
                    $("#configAkharCommission").val(0);

                    $("#configDaraRate").attr("readonly", true);
                    $("#configDaraCommission").attr("readonly", true);
                    $("#configAkharRate").attr("readonly", true);
                    $("#configAkharCommission").attr("readonly", true);
                }
                
                $("#configSelfHissa").val(response.data.SelfHissa);
                IsSelfHissa = response.data.SelfHissa;
                IsOtherHissa = response.data.OtherHissa;
                }
                else if(LedgerId == TransectionRowDataForEdit.LedgerId){
                console.info(TransectionRowDataForEdit);
                $('#PartyDara').text(""+TransectionRowDataForEdit.DaraRate+"/"+TransectionRowDataForEdit.DaraCommission);
                $('#PartyAkhar').text(""+TransectionRowDataForEdit.AkharRate+"/"+TransectionRowDataForEdit.AkharCommission);
                $("#configDaraRate").val(TransectionRowDataForEdit.DaraRate);
                $("#configDaraCommission").val(TransectionRowDataForEdit.DaraCommission);
                $("#configAkharRate").val(TransectionRowDataForEdit.AkharRate);
                $("#configAkharCommission").val(TransectionRowDataForEdit.AkharCommission);
                $("#configSelfHissa").val(TransectionRowDataForEdit.SelfHissa);
                $("#configAkharLimit").val(TransectionRowDataForEdit.AkharLimit);
                $("#configDaraLimit").val(TransectionRowDataForEdit.DaraLimit);
                IsSelfHissa = TransectionRowDataForEdit.SelfHissa;
                IsOtherHissa = TransectionRowDataForEdit.OtherHissa;
            }
            if(Math.round(response.data.GroupId) == 1){
                setMainJantri_ArrayList();
            }

            IsDirectLedger = 1;
            // if(Math.round(response.data.ParentLedgerId) == 0){
            //     IsDirectLedger = 1;
            // }else{
            //     IsDirectLedger = 0;
            // }
            var Balance = (Math.round(response.data.LedgerBalance) > 0 ? Math.round(response.data.LedgerBalance) +" Dr" : Math.round(response.data.LedgerBalance)*-1 + " Cr");
            var Limit = response.data.FinalLimit;
            $('#PartyBalance').text(Balance);
            $('#PartyLimit').text(Limit);

            if(Math.round(Limit) < 0){
                $('#PartyLimitPanel').removeClass("contact"); // Blue
                $('#PartyLimitPanel').addClass("timer"); // Red
            }else{
                $('#PartyLimitPanel').removeClass("timer"); // Red
                $('#PartyLimitPanel').addClass("contact"); // Blue
            }

            if(Math.round(LoginRoleId) !=3 && Math.round(LoginRoleId) !=4 && Math.round(LoginRoleId) !=5){
                if(response.data.Grantor!=""){
                    //alert("ATTENTION: "+response.data.Grantor.toUpperCase());
                    if(response.data.Grantor){
                        $('#GrantorRmk').text(response.data.Grantor.toUpperCase());
                    }
                }
            }
        }else{
            Selected_LedgerGroupId = 0;
            Notify("Invalid",response.message,"danger");
            $('#PartyName').focus();
        }
    });
}

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

function getPageConfig()
{
    var JsonData = {'ShiftId': ShiftId};
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_transaction_add_page_config";
    AjaxCallSync("/shift_left_time",JsonData,function(response) {
        if(response.status==true){
            stopCountDown();
            startCountDown('TransactionTimeLeft',response.data.StartDateTime,response.data.EndDateTime);
            getPageInfo();
        }else if(response.status==false){
            stopCountDown();
            if(IsLive=="Live"){
                Notify("Not Opened Yet",response.message,"danger");
                // setTimeout(function(){ 
                //     window.location = (IsLive=="Live" ? "/transaction_list/" : "/declare_transaction_list/")+''+ShiftId;
                // }, 3000);
            }
        }
    });
}





function getOrganizationConfig()
{
    var_Random_Old = "1";
    var_Crossing = "1";
    var_FromTO = "1";
    var_Random_New = "1";
    var_OddEven = "1";
    var_EkdiDukdi = "1";
    var_Joda = "1";
    var_JodiDaane = "1";
    $('#Random_Old_keyBtn').show(); 
    $('#Crossing_keyBtn').show(); 
    $('#FromTo_keyBtn').show(); 
    $('#Random_New_keyBtn').show(); 
    $('#OddEven_keyBtn').show(); 
    $('#EkdiDukdi_keyBtn').show(); 
    $('#Joda_keyBtn').show(); 
    $('#JodiDaane_keyBtn').show(); 


}


function CloseConfigPopup(){
    if(IsConfigPopupEnable == true){
        $('#TransactionConfigModal').modal('hide');
        IsConfigPopupEnable = false;
        if(TransactionMode=="J"){
            setTimeout(function () { $("#number_1").focus().select(); }, 500);
        }else if(TransactionMode=="U"){
            setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
        }
    }
}

function SaveTransaction()
{
    var JsonData = {'ShiftId': ShiftId, 'islive':1};
    AjaxCall("/check_open_date", JsonData, function (response) {
        if(response.status==true){
            if(IsEnableTazzaPatti == 1 && IsDirectLedger == 1 && GroupId != 2){
                //Popup Show for tazza patti
                $('#TransactionConfigModal').modal('show');
                IsConfigPopupEnable = true;
                setTimeout(function(){ 
                    @if(env('RATE_CHANGE_ENABLE', 1) == 0)
                        $("#AddTransaction").focus().select();
                    @else
                        $("#configDaraRate").focus().select();
                    @endif
                }, 500);
            }else{
                if(Selected_LedgerGroupId == 2){
                    if(CompanyLedger_ArrayList.length > 1){
                        $('#CompanyLedgerCheckBoxHeader').prop('checked', false);
                        $('#CompanyLedgerTableBody .CompanyLedgerCheckBox').prop('checked', false);
                        $('#CompanyLedgerModal').modal('show');
                    }else {
                        AddTransaction();
                    }
                }else{
                    AddTransaction();
                }	
            }
        }  else {
            Notify("Message ",response.message,"danger");
        }
    });
    
}

function AddTransaction()
{
    $('#AddBtn').prop('disabled', true);
    // if(LoginRoleId == 5){
    //     AddTransaction_server();
    // }else{
        if(IsTransactionAlreadyExist == "1"){
            // CheckTransactionExist();
        }else{
            AddTransaction_server();
        }
    //}
}

function TransactionExistAlertProcess()
{
    if(!confirm("Transaction Exist! Are you sure to add it again?")){ return false; }
    $('#TransactionExistAlertProcessBtn').prop('disabled', true);
    AddTransaction_server();
    $('#TransactionExistAlertModal').modal("hide");
}

function TransactionExistAlertCancel()
{
    $('#AddBtn').prop('disabled', false);
    $('#TransactionExistAlertModal').modal("hide");
    $('#PartyName').focus().select();
}


var CheckAjaxActive = false;
function AddTransaction_server()
{

    $('#PartyDara').focus();
    $('#AddBtn').prop('disabled', true);
    
    /*
    if (CheckAjaxActive == true) {
        return false;
    }
    CheckAjaxActive = true;
    */
    var ShiftDate = $('#TransactionDate').text();
    var JsonData = {
        'LedgerName'		: $('#PartyName').val(),
        'LedgerId'			: LedgerId,
        'ShiftId'			: ShiftId,
        'TransactionType'	: TransactionMode,
        'ShiftDate'			: ShiftDate,
        'TransactionId' : TransactionId,
        'TotalAmount'       : $('#GrandTotal').text().replace(/,/g, ''),
        // 'DateTimeNow'		: DateTimeNow,
        'DaraRate'			: $('#configDaraRate').val(),
        'DaraCommission'	: $('#configDaraCommission').val(),
        'AkharRate'			: $('#configAkharRate').val(),
        'AkharCommission'	: $('#configAkharCommission').val(),
        'SelfHissa'			: $('#configSelfHissa').val(),
        'DaraLimit'			: $('#configDaraLimit').val(),
        'AkharLimit'		: $('#configAkharLimit').val()
        // 'OtherHissa'		: IsOtherHissa,
        // 'IsLive'			: IsLive,
        // 'header'			: {'ip': PageInfo}	
    }
    if(Selected_LedgerGroupId == 2){
        var selectedArr = [];
        if(CompanyLedger_ArrayList.length == 1){
            selectedArr.push(CompanyLedger_ArrayList[0].CompanyLedgerId);
            JsonData['CompanyLedgerIds'] = selectedArr;
        }else if(CompanyLedger_ArrayList.length > 1){
            $('.CompanyLedgerCheckBox:checked', $('#CompanyLedgerTableBody')).each(function(){
                selectedArr.push(CompanyLedger_ArrayList[this.value].CompanyLedgerId);
            });
            if(!selectedArr.length){
                Notify("Message ","Please select a valid CompanyLedger.","danger");
                $('#AddBtn').prop('disabled', false);
                return;
            }
            JsonData['CompanyLedgerIds'] = selectedArr;
        }else {
            JsonData['CompanyLedgerIds'] = [];
        }
    }else{
        JsonData['CompanyLedgerIds'] = [];
    }

    if(TransactionId!=""){
        JsonData['TransactionId'] = TransactionId;
    }
    
    if(JsonData.LedgerName == "" || JsonData.LedgerId == "" || JsonData.ShiftId == "" ){
        Notify("Message ","Please enter all valid fields!","danger");
        $('#PartyName').focus().select();
        $('#AddBtn').prop('disabled', false);
        $('#AddTransaction').prop('disabled', false);
        return false;
    }

    if(IsEnableTazzaPatti == 1 && IsDirectLedger == 1){
        //Config Validation
        if( JsonData.DaraRate == "" || JsonData.DaraCommission == "" || JsonData.AkharRate == "" || JsonData.AkharCommission == ""){
            Notify("Message ","Please enter all valid fields!","danger");
            $('#configDaraRate').focus().select();
            $('#AddBtn').prop('disabled', false);
            $('#AddTransaction').prop('disabled', false);
            return false;
        }

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

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

        if((parseFloat(JsonData.DaraRate) + parseFloat(JsonData.DaraCommission)) > 100){
            Notify("Message ","Please enter all valid Dara Commission!","danger");
            $('#configDaraCommission').focus().select();
            $('#AddBtn').prop('disabled', false);
            $('#AddTransaction').prop('disabled', false);
            return false;
        }
        
        if(((parseFloat(JsonData.AkharRate)*10) + parseFloat(JsonData.AkharCommission)) > 100){
            Notify("Message ","Please enter all valid Akhar Commission!","danger");
            $('#configAkharCommission').focus().select();
            $('#AddBtn').prop('disabled', false);
            $('#AddTransaction').prop('disabled', false);
            return false;
        }
        
        if(parseFloat(JsonData.SelfHissa) > AllowSelfHissa){
            Notify("Message ","Please enter valid tazza patti max "+ AllowSelfHissa+" !","danger");
            $('#configSelfHissa').focus().select();
            $('#AddBtn').prop('disabled', false);
            $('#AddTransaction').prop('disabled', false);
            return false;
        }
        // Validation Hissa 
        var TotalHissa = parseFloat(JsonData.SelfHissa) + parseFloat(JsonData.OtherHissa);
        if(TotalHissa > AllowHissa){
            Notify("Message ","Please enter total valid hissa max "+ AllowHissa+"% !","danger");
            $('#configSelfHissa').focus().select();
            $('#AddBtn').prop('disabled', false);
            $('#AddTransaction').prop('disabled', false);
            return false;
        }
    }

    if(TransactionMode=="J"){
        getJantriData();
    }

    var txn_total = 0
    UtarMaster.forEach(function(obj) {
        if (obj.Amount != "") {
            txn_total += parseFloat(obj.Amount);
        }
    });

    if(txn_total == 0){
        Notify("Message ","Please enter valid transaction amount!","danger");
        $('#Utar_Number').focus().select();
        $('#AddBtn').prop('disabled', false);
        $('#AddTransaction').prop('disabled', false);
        return false;
    }

    JsonData['Transaction'] = JSON.stringify(UtarMaster);
    JsonData['Narration'] = JSON.stringify(AppliedNarration);

    JsonData['ShiftIds'] = [];
    var selectedArr = [];
    $('.unPaidCopyMove:checked', $('#CopyMoveTransTableBody')).each(function(){
        selectedArr.push(CopyMoveShifts_ArrayList[this.value].ShiftId);
    });
    
    JsonData['ShiftIds'] = selectedArr;
    JsonData['StarTime'] = startTime;
    
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_transaction_save";
    
    AjaxCall("/saveTransaction",JsonData,function(response) {
        if(response.status==true){
            Notify("Success ",response.message,"success");
            //ClearPanel();
            
            setTimeout(function () { 
                $('#AddBtn').prop('disabled', false);
                $('#AddTransaction').prop('disabled', false);
            }, 1000);
            
            //CheckAjaxActive = false;
            if(TransactionId!="")
            {
                if(IsLive=="Live"){
                    window.location = "/transaction_list";
                }else{
                    window.location = "/declare_transaction_list";
                }
                return false;
            } else {
                setTimeout(function(){
                    location.reload();
                }, 300);
            }
            // $('#TransactionConfigModal').modal('hide');
            // $('#CompanyLedgerModal').modal('hide');
            // 
            ////setIsStaffWorking();
        }else if(response.status==false){
            Notify("Message ",response.message,"danger");
            setTimeout(function () { 
                $('#AddBtn').prop('disabled', false);
                $('#AddTransaction').prop('disabled', false);
            }, 3000);
            //CheckAjaxActive = false;

        }
    });
}

function TransactionForEdit()
{
    
    var ShiftDate = $('#TransactionDate').text();
    var JsonData = {
        'TransactionId'		: TransactionId,
        'ShiftId'			: ShiftId,
        'IsLive'			: IsLive,
        'ShiftDate'			: ShiftDate,
    }
    if(JsonData.TransactionId == "" || JsonData.ShiftId == ""){
        Notify("Message ","Please enter all valid fields!","danger");
        return false;
    }
    JsonData['nav'] = nav;
    JsonData['Method'] = "ajax_transaction_row";
    
    AjaxCallSync("/transaction/getDetails",JsonData,function(response) {
        
        if(response.status==true){
            TransectionRowDataForEdit = response.data;

            $('#TransactionDate').text(""+response.data.TransactionDate);
            //alert($('#TransactionDate').text());

            $('#PartyName').val(response.data.LedgerName);
            // $('#PartyDara').text(""+response.data.DaraRate+"/"+response.data.DaraCommission);
            // $('#PartyAkhar').text(""+response.data.AkharRate+"/"+response.data.AkharCommission);

            // $("#configDaraRate").val(response.data.DaraRate);
            // $("#configDaraCommission").val(response.data.DaraCommission);
            // $("#configAkharRate").val(response.data.AkharRate);
            // $("#configAkharCommission").val(response.data.AkharCommission);
            // $("#configSelfHissa").val(response.data.SelfHissa);
            // IsSelfHissa = response.data.SelfHissa;
            // IsOtherHissa = response.data.OtherHissa;

        
            TransactionMode = response.data.TransactionType;
            if(TransactionMode=="J"){
                $('.jantriView').show();
                $('.utarView').hide();
                JantriMaster = [];
                $.each( response.data.Detail, function( index, obj ) {
                    if(JantriMaster.length==0){
                        JantriMaster.unshift({
                            Number: (this.Number.length==2 ? Math.round(this.Number) : this.Number),
                            Amount: this.Amount,
                        });
                    }else{
                        var NextNumberAdd = false;
                        for(var i=0; i<JantriMaster.length; i++){
                            if(JantriMaster[i].Number==this.Number){
                                JantriMaster[i].Amount = parseFloat(JantriMaster[i].Amount) + parseFloat(this.Amount);
                                NextNumberAdd = false;
                                break;
                            }else{
                                NextNumberAdd = true;
                            }
                        }
                        if(NextNumberAdd==true){
                            JantriMaster.push({
                                Number: (this.Number.length==2 ? Math.round(this.Number) : this.Number),
                                Amount: this.Amount,
                            });
                        }
                    }
                });
                console.log(JantriMaster);
                Bind_Jantri(JantriMaster);
            }else if(TransactionMode=="U"){
                $('.jantriView').hide();
                $('.utarView').show();
                UtarMaster = [];
                $.each( response.data.Detail, function( index, obj ) {
                    UtarMaster.push({
                        Number: (this.Number.length==2 ? Math.round(this.Number) : this.Number),
                        Amount: this.Amount,
                    });
                });	
                FillUtar(UtarMaster);
            }
            MasterTotal();

            // AppliedNarration = [];
            // $.each( response.data.Narration, function( index, obj ) {
            //     setAppliedNarration(this.Type, this.Number1, this.Number2, (this.Joda=="Yes" ? "Y" : ""), this.Amount);
            // });

            $('#PartyName').focus().select();
        }else if(response.status==false){
            Notify("Error ",response.message,"danger");
        }
    });
    
}

function setMainJantri_ArrayList()
{
    if(IsLive == "Live" && TransactionId==""){
        var tmpArr = [];
        var CacheValue = getCache("mj");
        if(CacheValue == '""'){
            return false;
        }	
        if(CacheValue != ""){
            tmpArr = JSON.parse(CacheValue);
            if(TransactionMode=="J"){	
                JantriMaster = tmpArr;
                Bind_Jantri(JantriMaster);
            }else if(TransactionMode=="U"){	
                UtarMaster = tmpArr;
                FillUtar(UtarMaster);
            }
            MasterTotal();
        }
    }
    setCache("mj","");	
}

function JantriControl()
{	
    var table = '<table>';
    table += '<thead>';
    table += '<tr>';
    for(var i=1; i<=11; i++){
        if(i==11)
        {
            table += '<th style="padding:5px!important; border-right:1px solid #FFF; text-align:center; width:120px;">';
            table += 'Total';
            table += '</th>';
        }else{
            table += '<th style="padding:5px!important; border-right:1px solid #FFF; text-align:center;">';
            table += ''+i;
            table += '</th>';
        }
    }
    table += '</tr>';
    table += '</thead>';
    
    table += '<tbody>';
    for(var i=1; i<=10; i++){
        table += '<tr>';
        for(var k=0; k<=10; k++){
            var Ids = parseInt(i+''+k)-9;
            if(k==10)
            {
                table += '<th id="JantriRow_'+i+'" class="jantri-total" style="padding:5px!important; border-right:1px solid #FFF; color: #ffffff; text-align:right;">';
                table += '0';
                table += '</th>';
            }else{
                table += '<th style="padding:1px!important; position:relative;">';
                table += '<span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">'+Ids+'</span>';
                table += '<input id="number_'+Ids+'" onkeyup="setJantriSingleNumber('+Ids+')" onkeypress="return isNumberKey(event)" class="form-control form-control-sm input-text-right ColIndex_'+(k+1)+' JantriInput" type="text" maxlength="7" placeholder="">';
                table += '</th>';
            }
            
        }
        table += '</tr>';
    }
    table += '</tbody>';
    
    table += '<thead>';
    table += '<tr>';
    for(var i=1; i<=11; i++){
        if(i==11)
        {
            table += '<th id="JantriDaraTotal" style="padding:5px!important; border-top:1px solid #FFF; text-align:right;">';
            table += '0';
            table += '</th>';
        }else{
            table += '<th id="JantriCol_'+i+'" style="padding:5px!important; border-right:1px solid #FFF; text-align:right;">';
            table += '0';
            table += '</th>';
        }
    }
    table += '</tr>';
    table += '</thead>';
    
    // Bahar Akhar
    table += '<tbody>';
    table += '<tr>';
    for(var i=1; i<=11; i++){
        var iValue = (i==10 ? '0' : i);
        var Ids = iValue+''+iValue+''+iValue;
        var Ids_label = 'B'+iValue;
        if(i==11)
        {
            table += '<th id="JantriBaharTotal" class="jantri-total" style="padding:5px!important;  color: #ffffff; text-align:right;">';
            table += '0';
            table += '</th>';
        }else{
            table += '<th style="padding:1px!important; position:relative;">';
            table += '<span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">'+Ids_label+'</span>';
            table += '<input id="number_'+Ids+'" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber('+Ids+')" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder="">';
            table += '</th>';
        }
    }
    table += '</tr>';
    
    
    // Andar Akhar
    
    table += '<tr>';
    for(var i=1; i<=11; i++){
        var iValue = (i==10 ? '0' : i);
        var Ids = iValue+''+iValue+''+iValue+''+iValue;
        var Ids_label = 'A'+iValue;
        if(i==11)
        {
            table += '<th id="JantriAndarTotal" class="jantri-total" style="padding:5px!important;  color: #ffffff; text-align:right;">';
            table += '0';
            table += '</th>';
        }else{
            table += '<th style="padding:1px!important; position:relative;">';
            table += '<span style="position:absolute; background:#fada82; width:18px; font-size:9px; text-align:center;">'+Ids_label+'</span>';
            table += '<input id="number_'+Ids+'" onkeypress="return isNumberKey(event)" onkeyup="setJantriSingleNumber('+Ids+')" class="form-control form-control-sm input-text-right" type="text" maxlength="7" placeholder="">';
            table += '</th>';
        }
    }
    table += '</tr>';
    table += '</tbody>';
    
    table += '</table>';
    $('.jantriView').html(table);
}

function getJantriData()
{
    UtarMaster = [];
    for(var i=1; i<=100; i++)
    {
        var no = i;
        var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
        if(AmountTotal > 0){
            UtarMaster.push({
                Number: no,
                Amount: AmountTotal,
            });
        }
    }
        
    for(var i=0; i<=9; i++)
    {
        var no = i+''+i+''+i;
        var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
        if(AmountTotal > 0){
            UtarMaster.push({
                Number: no,
                Amount: AmountTotal,
            });
        }
        var no = i+''+i+''+i+''+i;
        var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
        if(AmountTotal > 0){
            UtarMaster.push({
                Number: no,
                Amount: AmountTotal,
            });
        }
    }	
    console.log(UtarMaster);	
}

// ---- Start Joda Panel ----//
function setJoda()
{	
    var _Amount = $('#Joda_Amount');
    if(Math.round(_Amount.val()) <= 0){ 
        setTimeout(function(){ _Amount.focus().select(); }, 50);
        Notify("Invalid Amount","Please enter a valid amount!","danger");
        return false;
    }else{
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=0; i<=9; i++)
        {
            var no = i+''+i;
            GenrateNumberArr[index] = {
                Number: (no == '00' ? '100' : no),
                Amount: _Amount.val(),
            }; 
            index++;	
        }
        BindViewPanel(GenrateNumberArr);
    }
    _Amount.val("");
    $("#JodaModal").modal('hide');
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
}



// ---- End Joda Panel ----//

//------ Start Crossing Panel ------//

$('#Cross_Number1,#Cross_Number2').keyup(function() {
    CheckCrossingDuplicateNumber(this.id,this.value);
});

function setCrossingCount()
{
    var _Number1 = $('#Cross_Number1');
    var _Number2 = $('#Cross_Number2');
    var _Joda = $('#Cross_Joda');
    var _Amount = $('#Cross_Amount');
    if(_Number1.val().length == 0 || _Number2.val().length == 0){ 
        return false;
    }
    var GenrateNumberArr = CreateCrossNumber(_Number1.val(), _Number2.val(), _Joda.val(), _Amount.val());
    $("#CrossModalNumberCount").text(GenrateNumberArr.length);	
    
    $("#CrossModalTotalAmount").text("0");
    if(_Amount.val().length != 0){
        $("#CrossModalTotalAmount").text(GenrateNumberArr.length*parseFloat(_Amount.val()));	
    }
}


function setCrossing()
{	
    var _Number1 = $('#Cross_Number1');
    var _Number2 = $('#Cross_Number2');
    var _Joda = $('#Cross_Joda');
    var _Amount = $('#Cross_Amount');

    if(_Number1.val().length == 0 && _Number2.val().length == 0 && Math.round(_Amount.val()) > 0 && _Joda.val().toUpperCase() == "Y" ){ 
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=0; i<=9; i++)
        {
            var no = i+''+i;
            GenrateNumberArr[index] = {
                Number: (no == '00' ? '100' : no),
                Amount: _Amount.val(),
            }; 
            index++;	
        }
        BindViewPanel(GenrateNumberArr);
    }else{
        if(_Number1.val().length == 0 || _Number2.val().length == 0){ 
            
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ _Number1.focus().select(); }, 10); 
            
            return false;
        }
        if(_Amount.val()!="" && _Amount.val() > 0)
        {
            setAppliedNarration("Cross", _Number1.val(), _Number2.val(), _Joda.val().toUpperCase(), _Amount.val());
            var GenrateNumberArr = CreateCrossNumber(_Number1.val(), _Number2.val(), _Joda.val(), _Amount.val());	
            BindViewPanel(GenrateNumberArr);
            
        }else {
            setTimeout(function(){ _Amount.focus().select(); }, 50);
            Notify("Invalid Amount","Please enter a valid amount!","danger");
            return false;
        }
    }
    _Number1.val("");
    _Number2.val("");
    _Joda.val("Y");
    _Amount.val("");
    $("#CrossModalNumberCount").text("");
    $("#CrossModal").modal('hide');
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
}
//------- End Cross Panel --------//

// ------ Start From To ---------//
function setFromTo_TotalAmount(){
    $("#FromToModalTotalAmount").text("0");
    var FromNumber = $('#From_Number');
    var ToNumber = $('#To_Number');
    var Amount = $('#FromTo_Amount');
    var AmountPlt = $('#FromTo_AmountPlt');
    if( parseInt(FromNumber.val()) > parseInt(ToNumber.val()) ){ 
        return false;
    }
    var Count = 0;
    var CountPlt = 0;
    if(FromNumber.val().length != 0 && ToNumber.val().length != 0  && Amount.val().length != 0){
        for(var i=parseInt(FromNumber.val()); i<=parseInt(ToNumber.val()); i++){
            Count++;
        }
    }
    if(AmountPlt.val().length != 0 && AmountPlt.val() !=0){ 
        for(var i=parseInt(FromNumber.val()); i<=parseInt(ToNumber.val()); i++)
        {
            var _NumberSplit = SplitNumber(i);
            var digitFirst = _NumberSplit[0];
            var digitTwo = _NumberSplit[1];
            //alert(digitTwo);
            if(digitFirst != digitTwo && i.toString().length <=2 ){
                var newNumber = "";
                if(digitTwo === undefined){
                    newNumber = digitFirst+'0';
                }else{
                    newNumber = digitTwo+''+digitFirst;
                }
                CountPlt++;	
            }
        }
    }
    var mTotal = 0;
    if(Count != 0  && Amount.val().length != 0){
        mTotal =  Count*parseFloat(Amount.val());
    }
    if(CountPlt != 0  && AmountPlt.val().length != 0){
        mTotal +=  CountPlt*parseFloat(AmountPlt.val());
    }

    $("#FromToModalTotalAmount").text( mTotal );	

}

function setFromTo(){
    var FromNumber = $('#From_Number');
    var ToNumber = $('#To_Number');
    var Amount = $('#FromTo_Amount');
    var AmountPlt = $('#FromTo_AmountPlt');

    if(FromNumber.val().length == 0 || ToNumber.val().length == 0){ 
        Notify("Invalid Number","Please enter a valid number!","danger");
        setTimeout(function(){ FromNumber.focus().select(); }, 10); 
        return false;
    }
    if( parseInt(FromNumber.val()) > parseInt(ToNumber.val()) ){ 
        Notify("Invalid Number","Please enter a valid From number!","danger");
        setTimeout(function(){ FromNumber.focus().select(); }, 10); 
        return false;
    }
    if( parseInt(FromNumber.val()) <= 0){ 
        Notify("Invalid Number","Please enter a valid From number!","danger");
        setTimeout(function(){ FromNumber.focus().select(); }, 10); 
        return false;
    }
    if( parseInt(ToNumber.val()) > 100){ 
        Notify("Invalid Number","Please enter a valid To number!","danger");
        setTimeout(function(){ ToNumber.focus().select(); }, 10); 
        return false;
    }
    if(Amount.val().length == 0){ 
        Notify("Invalid Amount","Please enter a valid amount!","danger");
        setTimeout(function(){ Amount.focus().select(); }, 10); 
        return false;
    }
    if(AmountPlt.val().length != 0 && AmountPlt.val() !=0){ 
        setAppliedNarration("P-From-To", FromNumber.val(), ToNumber.val(), "", Amount.val());
    }else{
        setAppliedNarration("From-To", FromNumber.val(), ToNumber.val(), "", Amount.val());
    }
    var index = 0;
    var GenrateNumberArr = [];
    for(var i=parseInt(FromNumber.val()); i<=parseInt(ToNumber.val()); i++)
    {
        GenrateNumberArr[index] = {
            Number: i,
            Amount: Amount.val(),
        }; 
        index++;	
    }
    if(AmountPlt.val().length != 0 && AmountPlt.val() !=0){ 
        for(var i=parseInt(FromNumber.val()); i<=parseInt(ToNumber.val()); i++)
        {
            var _NumberSplit = SplitNumber(i);
            var digitFirst = _NumberSplit[0];
            var digitTwo = _NumberSplit[1];
            //alert(digitTwo);
            if(digitFirst != digitTwo && i.toString().length <=2 ){
                var newNumber = "";
                if(digitTwo === undefined){
                    newNumber = digitFirst+'0';
                }else{
                    newNumber = digitTwo+''+digitFirst;
                }
                GenrateNumberArr[index] = {
                    Number: newNumber,
                    Amount: AmountPlt.val(),
                };
                index++;	
            }
        }
    }
    BindViewPanel(GenrateNumberArr);
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
    FromNumber.val("");
    ToNumber.val("");
    Amount.val("");
    AmountPlt.val("");
    $("#FromToModal").modal('hide');
}
// ------ End From To -----------//



//-------- Start Old Random ------- //
function Random_clone()
 {
    if($("#RandomTableOld tr:last input").val()!="")
    {
    $("#RandomTableOld ").append($("#RandomTableOld tr:last").clone(true));
    $("#RandomTableOld tr:last input").val("");
    }
}
function setRandomOld_TotalAmount()
{
    $("#OldRandPanelTotalAmount").text("0");
    var Amount=$("#RandomAmountOld");
    var AmountPlt=$("#RandomAmountOldPlt").val();
    var Count = 0;
    var CountPlt = 0;
    var Numbers = document.getElementsByName('RandomNumberOld[]');
    for (var i = 0; i <Numbers.length; i++) {
        if(Numbers[i].value!=""){
            Count++;
        }
    }
    if(AmountPlt!="")
    {
        for (var i = 0; i <Numbers.length; i++) {
            var NumberElement = Numbers[i];
            var _number = NumberElement.value;
            if(_number!="")
            {
                var _NumberSplit = SplitNumber(_number.trim());
                var digitFirst = _NumberSplit[0];
                var digitTwo = _NumberSplit[1];
                //alert(digitTwo);
                if(digitFirst != digitTwo && _number.toString().length <=2 ){
                    var newNumber = "";
                    if(digitTwo === undefined){
                        newNumber = digitFirst+'0';
                    }else{
                        newNumber = digitTwo+''+digitFirst;
                    }
                    CountPlt++;
                }
            }
        }
    }
    var mTotal = 0;
    if(Count != 0  && Amount.val().length != 0){
        mTotal = Count*parseFloat(Amount.val()) ;	
    }
    if(CountPlt != 0){
        mTotal += (CountPlt*parseFloat(AmountPlt)) ;	
    }
    $("#OldRandPanelTotalAmount").text( mTotal );	
}

function setRandomOld()
{
    var KeyAmount=$("#RandomAmountOld").val();
    var KeyAmountPlt=$("#RandomAmountOldPlt").val();
    if(KeyAmount=="")
    {
        alert("Please enter a valid amount.");
        $("#RandomAmountOld").focus();
        return false;
    }
    var NumberValid = ["00","111","222","333","444","555","666","777","888","999","000","1111","2222","3333","4444","5555","6666","7777","8888","9999","0000"];
    for(var i=1; i<=100; i++){
        if(i<10){
            NumberValid.push("0"+i);
        }
        NumberValid.push(""+i);
    }
    var Numbers = document.getElementsByName('RandomNumberOld[]');
    for (var i = 0; i <Numbers.length; i++) {
        var NumberElement = Numbers[i];
        var _number = NumberElement.value;
        if(_number!="")
        {
            if(NumberValid.includes(""+_number)==false){
                Notify("Invalid Number","Please enter a valid Number!","danger");
                NumberElement.focus().select();
                break;
                return false;
            }
        }
    }
    
    var GenrateNumberArr = [];
    var _Index = 0;
    for (var i = 0; i <Numbers.length; i++) {
        var NumberElement = Numbers[i];
        var _number = NumberElement.value;
        if(_number!="")
        {
            GenrateNumberArr[_Index] = {
                Number: (_number=="00" ? "100" : (_number.length == 2 ? parseInt(_number): _number)),
                Amount: KeyAmount,
            }; 
            _Index++;
        }
    }
    if(KeyAmountPlt!="")
    {
        var Numbers = document.getElementsByName('RandomNumberOld[]');	
        for (var i = 0; i <Numbers.length; i++) {
            var NumberElement = Numbers[i];
            var _number = NumberElement.value;
            if(_number!="")
            {
                var _NumberSplit = SplitNumber(_number.trim());
                var digitFirst = _NumberSplit[0];
                var digitTwo = _NumberSplit[1];
                //alert(digitTwo);
                if(digitFirst != digitTwo && _number.toString().length <=2 ){
                    var newNumber = "";
                    if(digitTwo === undefined){
                        newNumber = digitFirst+'0';
                    }else{
                        newNumber = digitTwo+''+digitFirst;
                    }
                    GenrateNumberArr[_Index] = {
                        Number: (newNumber=="00" ? "100" : (newNumber.length == 2 ? parseInt(newNumber): newNumber)),
                        Amount: KeyAmountPlt,
                    }; 
                    _Index++;
                }
            }
        }
    }
    BindViewPanel(GenrateNumberArr);
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
    $("#RandomAmountOld").val("");
    $("#RandomAmountOldPlt").val("");
    $("#RandomTableOld ").html($("#RandomTableOld tr:last").clone(true));
    $('#OldRandPanel').modal('hide');
    
}





// ------ Start Random -----------//
$('#RandomBahar_Number,#RandomAndar_Number').keyup(function() {
    CheckCrossingDuplicateNumber(this.id,this.value);
});

$('#Random_Number').keyup(function() {
    TwoNumberWithSpaces(this.id,this.value);
});

$("#Random_Number").bind('blur keydown', function(e) {
    if (e.which == 13){
        $('#Random_Amount').focus().select();
    }
});

$("#Random_Amount, #RandomBahar_Amount, #RandomAndar_Amount").bind('blur keyup', function(e) {
    setRandomTotal();
});

function setRandomTotal(){
    var Number = $('#Random_Number');
    var Amount = $('#Random_Amount');

    var BaharNumber = $('#RandomBahar_Number');
    var BaharAmount = $('#RandomBahar_Amount');

    var AndarNumber = $('#RandomAndar_Number');
    var AndarAmount = $('#RandomAndar_Amount');

    $('#Total_Random_Amount').text( "0" );

    if(Number.val().trim().length == 0 && Amount.val().length != 0){ 
        $('#Total_Random_Dara_Amount').text("");
        return false;
    }
    if(Number.val().trim().length != 0 && Amount.val().length == 0){ 
        $('#Total_Random_Dara_Amount').text("");
        return false;
    }
    var DaraNumber = Number.val().replace(/\s/g, '').trim();

    if((DaraNumber.length % 2) != 0){ 
        $('#Total_Random_Dara_Amount').text("Invalid No.");
        return false;
    }

    if(BaharNumber.val().trim().length == 0 && BaharAmount.val().length != 0){ 
        $('#Total_Random_Bahar_Amount').text("");
        return false;
    }
    if(BaharNumber.val().trim().length != 0 && BaharAmount.val().length == 0){ 
        $('#Total_Random_Bahar_Amount').text("");
        return false;
    }

    if(AndarNumber.val().trim().length == 0 && AndarAmount.val().length != 0){ 
        $('#Total_Random_Andar_Amount').text("");
        return false;
    }
    if(AndarNumber.val().trim().length != 0 && AndarAmount.val().length == 0){ 
        $('#Total_Random_Andar_Amount').text("");
        return false;
    }
    
    // Dara
    if(DaraNumber.trim().length != 0 && Amount.val().length != 0){ 
        var _NumberSplit = SplitNumber(DaraNumber.trim());
        var index = 0;
        var GenrateNumberArr = [];
        var IsTwoDigit = false;
        for(var i=0; i<parseInt(_NumberSplit.length); i++)
        {
            
                
                if(IsTwoDigit==false)
                {
                    var _number = _NumberSplit[i];
                    IsTwoDigit = true;
                }else{
                    _number += ''+_NumberSplit[i];
                    GenrateNumberArr[index] = {
                        Number: parseInt((_number=="00" ? "100" : _number)),
                        Amount: Amount.val(),
                    }; 
                    index++;
                    IsTwoDigit = false;
                }
                
            
        }
        $('#Total_Random_Dara_Amount').text( (GenrateNumberArr.length*Amount.val()) );
    }
    // Bahar Akhar
    if(BaharNumber.val().trim().length != 0 && BaharAmount.val().length != 0){ 
        var _NumberSplit = SplitNumber(BaharNumber.val().trim());
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=0; i<parseInt(_NumberSplit.length); i++)
        {
            var _number = _NumberSplit[i]+''+_NumberSplit[i]+''+_NumberSplit[i];
            GenrateNumberArr[index] = {
                Number: _number,
                Amount: BaharAmount.val(),
            }; 
            index++;
        }
        $('#Total_Random_Bahar_Amount').text( (GenrateNumberArr.length*BaharAmount.val()) );
        
    }
    // Andar Akhar
    if(AndarNumber.val().trim().length != 0 && AndarAmount.val().length != 0){ 
        var _NumberSplit = SplitNumber(AndarNumber.val().trim());
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=0; i<parseInt(_NumberSplit.length); i++)
        {
            var _number = _NumberSplit[i]+''+_NumberSplit[i]+''+_NumberSplit[i]+''+_NumberSplit[i];
            GenrateNumberArr[index] = {
                Number: _number,
                Amount: AndarAmount.val(),
            }; 
            index++;
        }
        $('#Total_Random_Andar_Amount').text( (GenrateNumberArr.length*AndarAmount.val()) );
    }
    var tDaraAmt = $('#Total_Random_Dara_Amount').text();
    var tAndarAmt = $('#Total_Random_Andar_Amount').text();
    var tBaharAmt = $('#Total_Random_Bahar_Amount').text();
    var mTotal  = Math.round(tDaraAmt) + Math.round(tAndarAmt) + Math.round(tBaharAmt);
    $('#Total_Random_Amount').text( mTotal );

}

function setRandom(){
    var Number = $('#Random_Number');
    var Amount = $('#Random_Amount');

    var BaharNumber = $('#RandomBahar_Number');
    var BaharAmount = $('#RandomBahar_Amount');

    var AndarNumber = $('#RandomAndar_Number');
    var AndarAmount = $('#RandomAndar_Amount');

    if(Number.val().trim().length == 0 && Amount.val().length != 0){ 
        Notify("Invalid Number","Please enter a valid number!","danger");
        setTimeout(function(){ Number.focus().select(); }, 10); 
        return false;
    }
    if(Number.val().trim().length != 0 && Amount.val().length == 0){ 
        Notify("Invalid Amount","Please enter a valid amount!","danger");
        setTimeout(function(){ Amount.focus().select(); }, 10); 
        return false;
    }
    var DaraNumber = Number.val().replace(/\s/g, '').trim();

    if((DaraNumber.length % 2) != 0){ 
        Notify("Invalid Number Pair","Number should be pair of 2 digit!","danger");
        setTimeout(function(){ Number.focus().select(); }, 10); 
        return false;
    }

    if(BaharNumber.val().trim().length == 0 && BaharAmount.val().length != 0){ 
        Notify("Invalid Number","Please enter a valid number!","danger");
        setTimeout(function(){ BaharNumber.focus().select(); }, 10); 
        return false;
    }
    if(BaharNumber.val().trim().length != 0 && BaharAmount.val().length == 0){ 
        Notify("Invalid Amount","Please enter a valid amount!","danger");
        setTimeout(function(){ BaharAmount.focus().select(); }, 10); 
        return false;
    }

    if(AndarNumber.val().trim().length == 0 && AndarAmount.val().length != 0){ 
        Notify("Invalid Number","Please enter a valid number!","danger");
        setTimeout(function(){ AndarNumber.focus().select(); }, 10); 
        return false;
    }
    if(AndarNumber.val().trim().length != 0 && AndarAmount.val().length == 0){ 
        Notify("Invalid Amount","Please enter a valid amount!","danger");
        setTimeout(function(){ AndarAmount.focus().select(); }, 10); 
        return false;
    }
    
    // Dara
    if(DaraNumber.trim().length != 0 && Amount.val().length != 0){ 
        var _NumberSplit = SplitNumber(DaraNumber.trim());
        var index = 0;
        var GenrateNumberArr = [];
        var IsTwoDigit = false;
        for(var i=0; i<parseInt(_NumberSplit.length); i++)
        {
            
                
                if(IsTwoDigit==false)
                {
                    var _number = _NumberSplit[i];
                    IsTwoDigit = true;
                }else{
                    _number += ''+_NumberSplit[i];
                    GenrateNumberArr[index] = {
                        Number: parseInt((_number=="00" ? "100" : _number)),
                        Amount: Amount.val(),
                    }; 
                    index++;
                    IsTwoDigit = false;
                }
                
            
        }
        BindViewPanel(GenrateNumberArr);
    }
    // Bahar Akhar
    if(BaharNumber.val().trim().length != 0 && BaharAmount.val().length != 0){ 
        var _NumberSplit = SplitNumber(BaharNumber.val().trim());
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=0; i<parseInt(_NumberSplit.length); i++)
        {
            var _number = _NumberSplit[i]+''+_NumberSplit[i]+''+_NumberSplit[i];
            GenrateNumberArr[index] = {
                Number: _number,
                Amount: BaharAmount.val(),
            }; 
            index++;
        }
        BindViewPanel(GenrateNumberArr);
    }
    // Andar Akhar
    if(AndarNumber.val().trim().length != 0 && AndarAmount.val().length != 0){ 
        var _NumberSplit = SplitNumber(AndarNumber.val().trim());
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=0; i<parseInt(_NumberSplit.length); i++)
        {
            var _number = _NumberSplit[i]+''+_NumberSplit[i]+''+_NumberSplit[i]+''+_NumberSplit[i];
            GenrateNumberArr[index] = {
                Number: _number,
                Amount: AndarAmount.val(),
            }; 
            index++;
        }
        BindViewPanel(GenrateNumberArr);
    }

    Number.val("");
    BaharNumber.val("");
    AndarNumber.val("");
    Amount.val("");
    BaharAmount.val("");
    AndarAmount.val("");
    $("#RandomModal").modal('hide');
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }

    $('#Total_Random_Amount').text( "0" );
    $('#Total_Random_Dara_Amount').text("");
    $('#Total_Random_Andar_Amount').text("");
    $('#Total_Random_Bahar_Amount').text("");
}
// ------ End Random -----------//




// ------ Start Odd/Even -----------//
function setOddEven(){
    var NumberValid = [];
    for(var i=1; i<=100; i++){
        if(i<10){
            NumberValid.push("0"+i);
        }
        NumberValid.push(""+i);
    }

    var OddNumberFrom = $('#Odd_NumberFrom');
    var OddNumberTo = $('#Odd_NumberTo');
    var OddAmount = $('#Odd_Amount');

    var EvenNumberFrom = $('#Even_NumberFrom');
    var EvenNumberTo = $('#Even_NumberTo');
    var EvenAmount = $('#Even_Amount');


    if(OddNumberFrom.val().trim().length == 0 || OddNumberTo.val().trim().length == 0 || OddAmount.val().length == 0){ 
        if(OddNumberFrom.val().trim().length == 0 && OddNumberTo.val().trim().length != 0 && OddAmount.val().length != 0){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ OddNumberFrom.focus().select(); }, 10); 
            return false;
        }
        if(OddNumberFrom.val().trim().length != 0 && OddNumberTo.val().trim().length == 0 && OddAmount.val().length != 0){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ OddNumberTo.focus().select(); }, 10); 
            return false;
        }
        if(OddNumberFrom.val().trim().length != 0 && OddNumberTo.val().trim().length != 0 && OddAmount.val().length == 0){ 
            Notify("Invalid Number","Please enter a valid amount!","danger");
            setTimeout(function(){ OddAmount.focus().select(); }, 10); 
            return false;
        }
        if(OddNumberFrom.val().trim().length == 0 && OddNumberTo.val().trim().length == 0 && OddAmount.val().length != 0){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ OddNumberFrom.focus().select(); }, 10); 
            return false;
        }
    }

    if(EvenNumberFrom.val().trim().length == 0 || EvenNumberTo.val().trim().length == 0 || EvenAmount.val().length == 0){ 
        if(EvenNumberFrom.val().trim().length == 0 && EvenNumberTo.val().trim().length != 0 && EvenAmount.val().length != 0){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ EvenNumberFrom.focus().select(); }, 10); 
            return false;
        }
        if(EvenNumberFrom.val().trim().length != 0 && EvenNumberTo.val().trim().length == 0 && EvenAmount.val().length != 0){
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ EvenNumberTo.focus().select(); }, 10); 
            return false;
        }
        if(EvenNumberFrom.val().trim().length != 0 && EvenNumberTo.val().trim().length != 0 && EvenAmount.val().length == 0){
            Notify("Invalid Number","Please enter a valid amount!","danger");
            setTimeout(function(){ EvenAmount.focus().select(); }, 10); 
            return false;
        }
        if(EvenNumberFrom.val().trim().length == 0 && EvenNumberTo.val().trim().length == 0 && EvenAmount.val().length != 0){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ EvenNumberFrom.focus().select(); }, 10); 
            return false;
        }
    }

    // Odd
    if(OddNumberFrom.val().trim().length != 0 && OddNumberTo.val().trim().length != 0 && OddAmount.val().length != 0){ 

        if(parseInt(OddNumberFrom.val().trim()) > parseInt(OddNumberTo.val().trim())){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ OddNumberTo.focus().select(); }, 10); 
            return false;
        }

        if(NumberValid.includes(""+OddNumberFrom.val())==false){
            Notify("Invalid Number","Please enter a valid Number!","danger");
            OddNumberFrom.focus().select();
            return false;
        }
        if(NumberValid.includes(""+OddNumberTo.val())==false){
            Notify("Invalid Number","Please enter a valid Number!","danger");
            OddNumberTo.focus().select();
            return false;
        }

        var index = 0;
        var GenrateNumberArr = [];
        for(var i=Math.round(OddNumberFrom.val()); i<=Math.round(OddNumberTo.val()); i++){	
            var isOdd =  i % 2;
            if(isOdd==1) {
                var _number = i;
                GenrateNumberArr[index] = {
                    Number: parseInt((_number=="00" ? "100" : _number)),
                    Amount: OddAmount.val(),
                }; 
                index++;
            }
        }
        BindViewPanel(GenrateNumberArr);
    }
    //  Even
    if(EvenNumberFrom.val().trim().length != 0 && EvenNumberTo.val().trim().length != 0 && EvenAmount.val().length != 0){ 

        if(parseInt(EvenNumberFrom.val().trim()) > parseInt(EvenNumberTo.val().trim())){ 
            Notify("Invalid Number","Please enter a valid number!","danger");
            setTimeout(function(){ EvenNumberFrom.focus().select(); }, 10); 
            return false;
        }
        
        if(NumberValid.includes(""+EvenNumberFrom.val())==false){
            Notify("Invalid Number","Please enter a valid Number!","danger");
            EvenNumberFrom.focus().select();
            return false;
        }
        if(NumberValid.includes(""+EvenNumberTo.val())==false){
            Notify("Invalid Number","Please enter a valid Number!","danger");
            EvenNumberTo.focus().select();
            return false;
        }
        

        var index = 0;
        var GenrateNumberArr = [];
        for(var i=Math.round(EvenNumberFrom.val()); i<=Math.round(EvenNumberTo.val()); i++){	
            var isOdd =  i % 2;
            if(isOdd==0) {
                var _number = i;
                GenrateNumberArr[index] = {
                    Number: parseInt((_number=="00" ? "100" : _number)),
                    Amount: EvenAmount.val(),
                }; 
                index++;
            }
        }
        BindViewPanel(GenrateNumberArr);
    }
    
    OddNumberFrom.val("");
    EvenNumberFrom.val("");
    OddNumberTo.val("");
    EvenNumberTo.val("");
    
    OddAmount.val("");
    EvenAmount.val("");
    
    $("#OddEvenPanel").modal('hide');
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
}
// ------ End Odd/Even -----------//


// ------ Start Ekdi Dukdi ---------//
$("#Ekdi_Status,#Dukdi_Status,#Tikdi_Status").bind('input', function(evt) {
        var value = $(this).val().toUpperCase();
        if(value=="Y"){
            $(this).val("YES").select();
        }else if(value=="N"){
            $(this).val("NO").select();
        }else{
            $(this).val("NO").select();
        }
});
function setEkdiDukdi(){

    $('#Ekdi_Amount').focus();
    var Ekdi_Amount = $('#Ekdi_Amount');
    var Dukdi_Amount = $('#Dukdi_Amount');
    var Tikdi_Amount = $('#Tikdi_Amount');

    if(Ekdi_Amount.val().trim().length != 0 && Math.round(Ekdi_Amount.val()) > 0 ){ 
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=1; i<=100; i++)
        {
            GenrateNumberArr[index] = {
                Number: i,
                Amount: Ekdi_Amount.val(),
            }; 
            i+=2;
            index++;	
        }
        BindViewPanel(GenrateNumberArr);
    }
    if(Dukdi_Amount.val().trim().length != 0 && Math.round(Dukdi_Amount.val()) > 0 ){ 
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=2; i<=100; i++)
        {
            GenrateNumberArr[index] = {
                Number: i,
                Amount: Dukdi_Amount.val(),
            }; 
            i+=2;
            index++;	
        }
        BindViewPanel(GenrateNumberArr);
    }
    if(Tikdi_Amount.val().trim().length != 0 && Math.round(Tikdi_Amount.val()) > 0 ){ 
        var index = 0;
        var GenrateNumberArr = [];
        for(var i=3; i<=100; i++)
        {
            GenrateNumberArr[index] = {
                Number: i,
                Amount: Tikdi_Amount.val(),
            }; 
            i+=2;
            index++;	
        }
        BindViewPanel(GenrateNumberArr);
    }
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
    $("#EkdiDukdiModal").modal('hide');
}
// ------ End Ekdi Dukdi -----------//


//------ Start JodiDaane Panel ------//

$('#JodiDaane_Number').keyup(function() {
    CheckCrossingDuplicateNumber(this.id,this.value);
    setJodiDaaneCount();
});

function setJodiDaaneCount()
{
    var _Number1 = $('#JodiDaane_Number');
    var _Amount = $('#JodiDaane_Amount');
    if(_Number1.val().length == 0){ 
        return false;
    }
    var GenrateNumberArr = CreateJodiDaane(_Number1.val(), _Amount.val());
    $("#JodiDaaneModalNumberCount").text(GenrateNumberArr.length);	
    
    $("#JodiDaaneModalTotalAmount").text("0");
    if(_Amount.val().length != 0){
        $("#JodiDaaneModalTotalAmount").text(GenrateNumberArr.length*parseFloat(_Amount.val()));	
    }
}


function setJodiDaane()
{	
    var _Number1 = $('#JodiDaane_Number');
    var _Amount = $('#JodiDaane_Amount');

    if(_Number1.val().length == 0){ 
        Notify("Invalid Number","Please enter a valid number!","danger");
        setTimeout(function(){ _Number1.focus().select(); }, 10); 	
        return false;
    }
    if(_Amount.val()!="" && _Amount.val() > 0)
    {
        setAppliedNarration("JodiDaane", _Number1.val(), '', '', _Amount.val());
        var GenrateNumberArr = CreateJodiDaane(_Number1.val(), _Amount.val());	
        BindViewPanel(GenrateNumberArr);
        
    }else {
        setTimeout(function(){ _Amount.focus().select(); }, 50);
        Notify("Invalid Amount","Please enter a valid amount!","danger");
        return false;
    }
    _Number1.val("");
    _Amount.val("");
    $("#JodiDaaneModalNumberCount").text("");
    $("#JodiDaaneModal").modal('hide');
    if(TransactionMode=="J"){
        setTimeout(function () { $("#number_1").focus().select(); }, 500);
    }else if(TransactionMode=="U"){
        setTimeout(function () { $("#Utar_Number").focus().select(); }, 500);
    }
}
//------- End JodiDaane Panel --------//



function setAppliedNarration(_Type, _Number1, _Number2, _Joda, _Amount)
{
    var label = _Number1+" x "+_Number2+" / "+_Amount+" / "+_Joda;
    if(_Type=="Cross"){
        label = _Number1+" x "+_Number2+" / "+_Amount+" / "+(_Joda=='' ? 'N' : _Joda);
    }else if(_Type=="From-To"){
        label = _Number1+" To "+_Number2+" / "+_Amount;
    }else if(_Type=="JodiDaane"){
        label = _Number1+" / "+_Amount;
    }
    
    AppliedNarration.unshift({
        Type: _Type,
        Number1: _Number1,
        Number2: _Number2,
        Joda: _Joda,
        Amount: _Amount,
        Label: label,
    }); 
    
    var List = "";
    $.each(AppliedNarration, function(index,obj) { 
        List+= '<tr>'
            + '<td width="110px">'+ obj.Type +'</td>' 
            + '<td>'+ obj.Label +'</td>' 
            + '</tr>';
    });	
    $('#AppliedNarrationPanel').html(List);
}





function BindViewPanel(ValueArr)
{
    for(var i=0; i<ValueArr.length; i++)
    {
        if(TransactionMode=="J"){
            console.log("userCapAmount", userCapAmount);
            var NumberAmount = $('#number_'+ValueArr[i].Number).val();
            var Amount = parseInt( (NumberAmount=="" ? 0 : NumberAmount) ) + parseInt( ValueArr[i].Amount );
            $('#number_'+ValueArr[i].Number).val(Amount);
        }else if(TransactionMode=="U"){
            if(userCapAmount != -1){
                let existingEntries = UtarMaster.filter(item => item.Number === ValueArr[i].Number);
                let totalAmount = existingEntries.reduce((sum, entry) => sum + parseInt(entry.Amount), 0);

                if (parseInt(totalAmount) + parseInt(ValueArr[i].Amount) > parseInt(userCapAmount)) {
                    Notify("Invalid Amount", "Total amount for Number " + ValueArr[i].Number + " exceeds the allowed cap of " + userCapAmount + "!", "danger");
                    return false;
                }
            }
            UtarMaster.unshift({
                Number: ValueArr[i].Number,
                Amount: ValueArr[i].Amount,
            });
            if(i == (ValueArr.length-1)){
                FillUtar(UtarMaster);
            }
        }
    }
    
    MasterTotal();
}



function setUtarSingleNumber()
{
    var tmpUtarArr = [];
    var _Number = $('#Utar_Number');
    var _Amount = $('#Utar_Amount');
    var NumberValid = ["00","111","222","333","444","555","666","777","888","999","000","1111","2222","3333","4444","5555","6666","7777","8888","9999","0000"];
    for(var i=1; i<=100; i++){
        if(i<10){
            NumberValid.push("0"+i);
        }
        NumberValid.push(""+i);
    }
    if(_Number.val().length ==0 && Math.round(_Amount.val()) != 0){
        Notify("Invalid Number","Please enter a valid number!","danger");
        _Number.focus().select();
        return false;
    }
    if(_Number.val().length !=0 && Math.round(_Amount.val()) == 0){
        Notify("Invalid Amount","Please enter a valid Amount!","danger");
        _Number.focus().select();
        return false;
    }
    if(userCapAmount != -1){
        if(parseInt(_Amount.val()) > parseInt(userCapAmount)){
            Notify("Invalid Amount","Amount should be less than or equal to "+userCapAmount+"!","danger");
            _Amount.focus().select();
            return false;
        }
    }

    if(_Number.val().length !=0 && _Amount.val().length !=0){

        if(NumberValid.includes(""+_Number.val())==false){
            Notify("Invalid Number","Please enter a valid Number!","danger");
            _Number.focus().select();
            return false;
        }
        
    
        tmpUtarArr.unshift({
                    Number: ((_Number.val()=="00") ? "100" : (_Number.val().length == 2 ? parseInt(_Number.val()) : _Number.val()) ),
                    Amount: _Amount.val(),
                });
        _Number.val("");
        _Amount.val("");
        _Number.focus();
        BindViewPanel(tmpUtarArr);
        
    }else{
        $('#AddBtn').focus()
    }
}

function setJantriSingleNumber(number)
{
    var AmountTotal = parseInt(($('#number_'+number).val()=="" ? 0 : $('#number_'+number).val()));
    if(userCapAmount != -1){

        if (parseInt(AmountTotal) > parseInt(userCapAmount)) {
            $('#number_'+number).val("");
            Notify("Invalid Amount", "Total amount for Number " + number + " exceeds the allowed cap of " + userCapAmount + "!", "danger");
            return false;
        }
    }
    
    MasterTotal();
}



function MasterTotal()
{
    var GrandTotal = 0;
    if(TransactionMode=="J"){
        var DaraTotal=0;
        var BaharTotal=0;
        var AkharTotal=0;
        var RowTotal=0;
        var x = 1;
        for(var i=1; i<=100; i++)
        {
            var no = i;
            var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
            DaraTotal += AmountTotal;
            
            if(x<=10){
                RowTotal += AmountTotal;	
            }
            x++;
            if(x==11){
                var Row = Math.floor(((no)*10)/100);
                $('#JantriRow_'+Row).text(RowTotal);
                x=1;
                RowTotal = 0;
            }
        }
        
        for(var i=0; i<=9; i++)
        {
            var no = i+''+i+''+i;
            var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
            BaharTotal += AmountTotal;
            
            var no = i+''+i+''+i+''+i;
            var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
            AkharTotal += AmountTotal;
        }
        
        // Horizontal Total
        for(var i=1; i<=10; i++){
            var Total = 0;
            $('.ColIndex_'+i).each(function() {
                Total += parseInt(($(this).val()=="" ? 0 : $(this).val()));
                $('#JantriCol_'+i).text(Total);
            });
        }
        
        $('#JantriDaraTotal').text(DaraTotal);
        $('#JantriBaharTotal').text(BaharTotal);
        $('#JantriAndarTotal').text(AkharTotal);
        
        GrandTotal = DaraTotal+BaharTotal+AkharTotal;
    }else if(TransactionMode=="U"){
        for(var i=0; i<UtarMaster.length; i++)
        {
            GrandTotal = GrandTotal + parseInt(UtarMaster[i].Amount);
        }
        $('#TotalCountUttarNumber').text(UtarMaster.length);
    }
    $('#GrandTotal').text(GrandTotal.toLocaleString());
    $('#TotalAmount').text(GrandTotal.toLocaleString());
    
}

function FillUtar(listArr){
    var List = "";
        $.each(listArr, function(index,obj) { 
            List+= '<tr>'
                + '<td style="text-align:center; font-weight:bold; border-right:1px solid #f2f2f2;">'+ obj.Number +'</td>' 
                + '<td style="text-align:right; font-weight:bold; border-right:1px solid #f2f2f2; padding-right:15px;">'+ obj.Amount +'</td>' 
                + '<td style="vertical-align: middle; padding:2px; margin:0px auto;" align="center">'
                    + '<a href="#" style="text-align:center; width:30px; padding:2px;" id="Triply_Button" class="btn btn-danger"  onclick="deleteUtarNumber('+index+')"> &nbsp; x &nbsp; </button>'
                + '</td>'
                + '</tr>';
        });	
    $('#UtarListPanel').html(List);
}

function deleteUtarNumber(ind){
    var tmpList = [];
    for(var i=0; i<UtarMaster.length; i++){
        if(i!=ind){
            tmpList.push(UtarMaster[i]);
        }
    }
    UtarMaster = [];
    UtarMaster = tmpList;
    if(UtarMaster.length == 0){
        AppliedNarration = [];
        $('#AppliedNarrationPanel').html('');
    }
    FillUtar(UtarMaster);
    MasterTotal();
    $('#Utar_Number').focus().select();
}

function SwitchJantriUtar()
{	
    if(TransactionMode=="J"){
        UtarMaster = [];
        for(var i=1; i<=100; i++)
        {
            var no = i;
            var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
            if(AmountTotal > 0){
                UtarMaster.push({
                    Number: no,
                    Amount: AmountTotal,
                });
            }
        }
        
        for(var i=0; i<=9; i++)
        {
            var no = i+''+i+''+i;
            var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
            if(AmountTotal > 0){
                UtarMaster.push({
                    Number: no,
                    Amount: AmountTotal,
                });
            }
            
            var no = i+''+i+''+i+''+i;
            var AmountTotal = parseInt(($('#number_'+no).val()=="" ? 0 : $('#number_'+no).val()));
            if(AmountTotal > 0){
                UtarMaster.push({
                    Number: no,
                    Amount: AmountTotal,
                });
            }
        }
        
        TransactionMode="U";
        $('.jantriView').hide();
        $('.utarView').show();
        setTimeout(function() { $('#Utar_Number').focus().select(); }, 200);
        
        FillUtar(UtarMaster);
        
    }else if(TransactionMode=="U"){	
        
        TransactionMode="J";
        $('.utarView').hide();
        $('.jantriView').show();
        ClearJantri();
        BindViewPanel(UtarMaster);
        setTimeout(function() {  $("#number_1").focus().select();  }, 200);
    }
    
}

function ClearJantri()
{
    for(var i=1; i<=100; i++){
        var no = i;
        $("#number_"+no).val("");
    }
    for(var i=0; i<=9; i++){
        var no = i+''+i+''+i;
        $("#number_"+no).val("");
        no = i+''+i+''+i+''+i;
        $("#number_"+no).val("");
    }
    
    for(var i=1; i<=10; i++){
        $('#JantriRow_'+i).text("0");
        $('#JantriCol_'+i).text("0");
    }
    
    $('#JantriDaraTotal').text("0");
    $('#JantriBaharTotal').text("0");
    $('#JantriAndarTotal').text("0");
    $('#GrandTotal').text("0");
}

function ClearPanel()
{
    if(LoginRoleId==5){
        location.reload();
        return false;
    }
    IsDirectLedger = 0;
    IsSelfHissa = 0;
    IsOtherHissa = 0;
    IsConfigPopupEnable = false;

    JantriMaster = [];
    UtarMaster = [];
    AppliedNarration = [];
    ClearJantri();
    
    $('#PartyDara').html("0/0");
    $('#PartyAkhar').html("0/0");
    $('#PartyBalance').html("0");
    $('#PartyLimit').html("0");
    $('#GrantorRmk').text("");
    
    $('#AppliedNarrationPanel').html("");
    $('#UtarListPanel').html("");
    $('#TotalCountUttarNumber').text("0");
    $('#TotalAmount').text("0");
    setTimeout(function() {  $("#PartyName").focus().select();  }, 200);
    //$('#PartyName').focus().select();
    if(TransactionId==""){ 
        $('#unPaidCopyMoveHeader').prop('checked', false);
        getShiftsCopyMove();
    }
}











// -- For Edit ----//

function BlankMasterJantri()
{
    JantriMaster = [];
    for(var i=1; i<=100; i++){
        var no = i;
        JantriMaster.push({
            Number: no,
            Amount: 0,
        }); 
    }
    for(var i=0; i<=9; i++){
        var no = i+''+i+''+i;
        JantriMaster.push({
            Number: no,
            Amount: 0,
        });
        no = i+''+i+''+i+''+i;
        JantriMaster.push({
            Number: no,
            Amount: 0,
        });
    }
    console.log(JantriMaster);
    
}

function FillMasterJantri(ValueArr)
{
    var tmpJantriMaster=[];
    
    for(var i=0; i<JantriMaster.length; i++)
    {
        for(var k=0; k<ValueArr.length; k++)
        {
            if( parseInt(JantriMaster[i].Number) == parseInt(ValueArr[k].Number) ){
                JantriMaster[i].Amount = parseInt(JantriMaster[i].Amount) + parseInt(ValueArr[k].Amount);
            }
        }
    }
    Bind_Jantri();
}

function Bind_Jantri(tmpJantriArr)
{
    for(var i=0; i<tmpJantriArr.length; i++)
    {
        if( (parseInt(tmpJantriArr[i].Number) >=1) && (parseInt(tmpJantriArr[i].Number) <=100) ){
            var Amount = tmpJantriArr[i].Amount==0 ? '' : tmpJantriArr[i].Amount;
            $('#number_'+(tmpJantriArr[i].Number)).val(Amount);
        }
        
        if( (parseInt(tmpJantriArr[i].Number) >=111) && (parseInt(tmpJantriArr[i].Number) <=999) || (tmpJantriArr[i].Number == '000') ){
            var Amount = tmpJantriArr[i].Amount==0 ? '' : tmpJantriArr[i].Amount;
            $('#number_'+(tmpJantriArr[i].Number)).val(Amount);
        }
        if( (parseInt(tmpJantriArr[i].Number) >=1111) && (parseInt(tmpJantriArr[i].Number) <=9999) || (tmpJantriArr[i].Number == '0000') ){
            var Amount = tmpJantriArr[i].Amount==0 ? '' : tmpJantriArr[i].Amount;
            $('#number_'+(tmpJantriArr[i].Number)).val(Amount);
        }
    }

}


function Bind_Jantri2(tmpJantriArr)
{
    var GrandTotal = 0;
    var DaraTotal=0;
    var BaharTotal=0;
    var AkharTotal=0;
    var RowTotal=0;
    var x = 1;
    for(var i=0; i<tmpJantriArr.length; i++)
    {
        if( (parseInt(tmpJantriArr[i].Number) >=1) && (parseInt(tmpJantriArr[i].Number) <=100) ){
            DaraTotal += Math.round(tmpJantriArr[i].Amount);
            var Amount = tmpJantriArr[i].Amount==0 ? '' : tmpJantriArr[i].Amount;
            $('#number_'+(tmpJantriArr[i].Number)).val(Amount);
            
            if(x<=10){
                RowTotal += Math.round(tmpJantriArr[i].Amount);	
            }
            x++;
            if(x==11){
                var Row = Math.floor(((tmpJantriArr[i].Number)*10)/100);
                console.log(Row);
                $('#JantriRow_'+(Row==0 ? "10" : Row)).text(RowTotal==0 ? '': RowTotal);
                x=1;
                RowTotal = 0;
            }
        }
        
        if( (parseInt(tmpJantriArr[i].Number) >=111) && (parseInt(tmpJantriArr[i].Number) <=999) || (tmpJantriArr[i].Number == '000') ){
            BaharTotal += Math.round(tmpJantriArr[i].Amount);
            var Amount = tmpJantriArr[i].Amount==0 ? '' : tmpJantriArr[i].Amount;
            $('#number_'+(tmpJantriArr[i].Number)).val(Amount);
        }
        if( (parseInt(tmpJantriArr[i].Number) >=1111) && (parseInt(tmpJantriArr[i].Number) <=9999) || (tmpJantriArr[i].Number == '0000') ){
            AkharTotal += Math.round(tmpJantriArr[i].Amount);
            var Amount = tmpJantriArr[i].Amount==0 ? '' : tmpJantriArr[i].Amount;
            $('#number_'+(tmpJantriArr[i].Number)).val(Amount);
        }
    }
    // Horizontal Total
    for(var i=1; i<=10; i++){
        var Total = 0;
        $('.ColIndex_'+i).each(function() {
            Total += parseInt(($(this).val()=="" ? 0 : $(this).val()));
            $('#JantriCol_'+i).text(Total);
        });
    }
    
    $('#JantriDaraTotal').text(DaraTotal==0 ? "" : DaraTotal);
    $('#JantriBaharTotal').text(BaharTotal==0 ? "" : BaharTotal);
    $('#JantriAndarTotal').text(AkharTotal==0 ? "" : AkharTotal);
    
    GrandTotal = DaraTotal+BaharTotal+AkharTotal;
    $('#GrandTotal').text(GrandTotal);
    
}



//Click button functions

function ClearShortKeyPopupTotalAmount()
{
    $("#CrossModalTotalAmount").text("0");
    $("#FromToModalTotalAmount").text("0");
    $("#OldRandPanelTotalAmount").text("0");
    $("#JodiDaaneModalTotalAmount").text("0");
}

function click_Joda()
{
    ClearShortKeyPopupTotalAmount();

    if(var_Joda=="0"){ return false; }
    $('#JodaModal').modal('show'); 
    setTimeout(function(){ 
        $('#Joda_Amount').val(''); 
        $('#Joda_Amount').focus().select(); 
    }, 500);
}

function click_Random_Old()
{
    ClearShortKeyPopupTotalAmount();

    if(var_Random_Old=="0"){ return false; }
    $('#OldRandPanel').modal('show'); 
    setTimeout(function(){ 
        $('#REN_Number_input').val(''); 
        $('#RandomAmountOld').val(''); 
        $("#RandomTableOld ").html($("#RandomTableOld tr:last").clone(true));
        $('#REN_Number_input').focus().select(); 
    }, 500);
}
function click_Crossing()
{
    ClearShortKeyPopupTotalAmount();

    if(var_Crossing=="0"){ return false; }
    $("#CrossModal").modal('show');
    setTimeout(function() { 
        $('#Cross_Number1').val(''); 
        $('#Cross_Number2').val(''); 
        $('#Cross_Amount').val(''); 
        $('#Cross_Joda').val('Y'); 
        $("#Cross_Number1").focus().select();  
    }, 500);	
}
function click_FromTo()
{
    ClearShortKeyPopupTotalAmount();

    if(var_FromTO=="0"){ return false; }
    $("#FromToModal").modal('show');
    setTimeout(function() { 
        $('#From_Number').val(''); 
        $('#To_Number').val('');  
        $('#FromTo_Amount').val(''); 
        $("#From_Number").focus().select();  
    }, 500);	
}
function click_Random_New()
{
    ClearShortKeyPopupTotalAmount();

    if(var_Random_New=="0"){ return false; }
    $("#RandomModal").modal('show');
    setTimeout(function() { 
        $('#Random_Number').val(''); 
        $('#Random_Amount').val(''); 
        $('#RandomBahar_Number').val(''); 
        $('#RandomAndar_Number').val(''); 
        $('#RandomBahar_Amount').val(''); 
        $('#RandomAndar_Amount').val('');
        $('#Random_Number').focus().select(); 
        
        $('#Total_Random_Amount').text( "0" );
        $('#Total_Random_Dara_Amount').text("");
        $('#Total_Random_Andar_Amount').text("");
        $('#Total_Random_Bahar_Amount').text("");
    }, 500);
}
function click_OddEven()
{
    ClearShortKeyPopupTotalAmount();

    if(var_OddEven=="0"){ return false; }
    $('#OddEvenPanel').modal('show'); 
    setTimeout(function(){ 
        $('#Odd_NumberFrom').val(''); 
        $('#Odd_NumberTo').val(''); 
        $('#Odd_Amount').val(''); 
        $('#Even_NumberFrom').val(''); 
        $('#Even_NumberTo').val(''); 
        $('#Even_Amount').val(''); 
        $('#Odd_NumberFrom').focus().select();
    }, 500);	
}
function click_EkdiDukdi()
{
    ClearShortKeyPopupTotalAmount();
    
    if(var_EkdiDukdi=="0"){ return false; }
    $('#EkdiDukdiModal').modal('show'); 
    setTimeout(function(){ 
        $('#Ekdi_Amount').val(''); 
        $('#Dukdi_Amount').val(''); 
        $('#Tikdi_Amount').val('');  
        $('#Ekdi_Amount').focus().select(); 
    }, 500);
}
function click_JodiDaane()
{
    ClearShortKeyPopupTotalAmount();
    if(var_JodiDaane=="0"){ return false; }
    $('#JodiDaaneModal').modal('show'); 
    setTimeout(function(){ 
        $('#JodiDaane_Number').val(''); 
        $('#JodiDaane_Amount').val(''); 
        $('#JodiDaane_Number').focus().select(); 
    }, 500);
}

function setIsStaffWorking()
{
    if(LoginRoleId!=1 && LoginRoleId!=3 && LoginRoleId!=4 && LoginRoleId!=5){
        
    }
}

</script>



<script type="text/javascript">
    function get_current_date(){
        const currentDate = new Date();

        const year = currentDate.getFullYear();
        const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed, so we add 1
        const day = String(currentDate.getDate()).padStart(2, '0');

        const hours = String(currentDate.getHours()).padStart(2, '0');
        const minutes = String(currentDate.getMinutes()).padStart(2, '0');
        const seconds = String(currentDate.getSeconds()).padStart(2, '0');

        const formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;

        return formattedDateTime;

    }
    $(function(){
        $("body").keydown(function(e){

            var keyCode = e.keyCode || e.which;
            
            if(keyCode==27) // Esc  
            {
                closePreview();
                closePreview1();
                
                if(IsConfigPopupEnable == true){
                    CloseConfigPopup();
                }
            }
            if(keyCode==109) // -  
            {
                e.preventDefault();
                LastFocusedControl_Id = $(":focus").attr("id");
                if(LastFocusedControl_Id=="Utar_Number"){
                    var tmpUtarNumber = $('#Utar_Number').val();
                    if(tmpUtarNumber.length==1){
                        $('#Utar_Number').val(tmpUtarNumber+''+tmpUtarNumber+''+tmpUtarNumber+''+tmpUtarNumber);
                        $('#Utar_Amount').focus().select();
                        return false;
                    }
                }
                
            }
            if(keyCode==107) // +  
            {
                e.preventDefault();
                LastFocusedControl_Id = $(":focus").attr("id");
                if(LastFocusedControl_Id=="Utar_Number"){
                    var tmpUtarNumber = $('#Utar_Number').val();
                    if(tmpUtarNumber.length==1){
                        $('#Utar_Number').val(tmpUtarNumber+''+tmpUtarNumber+''+tmpUtarNumber);
                        $('#Utar_Amount').focus().select();
                        return false;
                    }
                }
                
            }
            
            if(keyCode==113) // F2 - Save Transaction
            {
                e.preventDefault();
                if(TransactionMode=="J"){
                    var OnlyNumber = LastFocusedControl_Id.replace('number_','');						
                    if(parseInt(OnlyNumber) <= 100){
                        VerticalEnterMove = false;
                        $('#number_111').focus().select(); 
                    }else if((parseInt(OnlyNumber) >= 111 && parseInt(OnlyNumber) <= 999) || OnlyNumber == '000'){
                        VerticalEnterMove = false;
                        $('#number_1111').focus().select(); 
                    }else if((parseInt(OnlyNumber) >= 1111 && parseInt(OnlyNumber) <= 9999) || OnlyNumber == '0000'){
                        $('#AddBtn').click();
                    }
                }else{
                    $('#AddBtn').click();
                }
                
                //Notify("Awesome","Transaction has been Added Successfully!","success");
            }
            if(keyCode==114) // F3 - Joda
            {
                e.preventDefault();
                click_Joda();
                //setIsStaffWorking();
            }
            if(keyCode==115) // F4 - Random
            {
                e.preventDefault();
                click_Random_Old();
                //setIsStaffWorking();
            }
            if(keyCode==116) // F5 - 
            {
                e.preventDefault();		
            }
            if(keyCode==117) // F6 - Crossing
            {
                e.preventDefault();
                click_Crossing();
                //setIsStaffWorking();
            }
            if(keyCode==118) // F7 - From-To
            {
                e.preventDefault();
                click_FromTo();
                //setIsStaffWorking();
            }
            if(keyCode==119) // F8 - Random
            {
                e.preventDefault();
                click_Random_New();	
                //setIsStaffWorking();
            }

            if(keyCode==120) // F9 - Odd/Even
            {
                e.preventDefault();
                click_OddEven();
                //setIsStaffWorking();
            }

            if(keyCode==121) // F10 - Ekdi/Dukdi
            {
                e.preventDefault();
                click_EkdiDukdi();
                //setIsStaffWorking();
            }

            
            if(keyCode==122) // F11 -  Vertical Enter Move
            {
                e.preventDefault();
                if ($(".JantriInput").is( ":focus" )) {
                    VerticalEnterMove = (VerticalEnterMove==false ? true : false);
                }else{
                    VerticalEnterMove = false;
                }
            }

            if(keyCode==123) // F12 - Jantri/Utar
            {
                e.preventDefault();
                SwitchJantriUtar();
                //setIsStaffWorking();
            }
            
            if(e.shiftKey && keyCode==192) // ` - Focus
            {
                e.preventDefault();
                if(LastFocusedControl_Id==""){
                    $("#number_1").focus().select();
                }else{
                    if(TransactionMode=="U"){	
                        $("#"+LastFocusedControl_Id).focus().select();
                    }else if(TransactionMode=="J"){
                        $("#"+LastFocusedControl_Id).focus().select();
                    }	
                }
            }
            if(keyCode==192) // ` - Focus
            {
                e.preventDefault();
                $("#PartyName").focus().select();
            }
            if(e.shiftKey && keyCode==27) // Exit
            {
                e.preventDefault();
                window.location =(IsLive=="Live" ? "/transaction_list/" : "/declare_transaction_list/")+''+ShiftId;
            }
            if(keyCode==38) // Arrow UP
            {
                e.preventDefault();
                if ($(".JantriInput").is( ":focus" )) {
                    var OnlyNumber = LastFocusedControl_Id.replace('number_','');						
                    if(parseInt(OnlyNumber) <= 10){
                        $("#number_"+((parseInt(OnlyNumber)+90)-1)).focus().select();
                    }else if(parseInt(OnlyNumber) == 1){
                        $("#number_100").focus().select();
                    }else{
                        $("#number_"+((parseInt(OnlyNumber))-10)).focus().select();
                    }
                }
            }
            if(keyCode==40) // Arrow DOWN
            {
                e.preventDefault();
                if ($(".JantriInput").is( ":focus" )) {
                    var OnlyNumber = LastFocusedControl_Id.replace('number_','');						
                    if(parseInt(OnlyNumber) <= 90){
                        $("#number_"+(parseInt(OnlyNumber)+10)).focus().select();
                    }else if(parseInt(OnlyNumber) >= 91 && parseInt(OnlyNumber) < 100){
                        $("#number_"+((parseInt(OnlyNumber)-90)+1)).focus().select();
                    }else if(parseInt(OnlyNumber) == 100){
                        $("#number_111").focus().select();
                    }
                }
            }



            
            if (e.altKey && keyCode == 68) { // Alt+D
                e.preventDefault();
                $('#DECLARE_LOTTERY').click();
            }
            if (e.altKey && keyCode == 69) { // Alt+E
                e.preventDefault();
                $('#PREDICTION_LOTTERY').click();
            }
        });
    });

    $("input,select,button,textarea").focus(function(){
        LastFocusedControl_Id = $(":focus").attr("id");
    });

    $("#AddTransaction").click($.debounce(250, function(e) {
        $('#AddTransaction').prop('disabled', true);
        AddTransaction();
    }));

    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");
                console.log("LastFocusedControl_Id", LastFocusedControl_Id);
                if (e.keyCode == 13) {
                    focusable = form.find('input,select,button,textarea').filter(':visible');
                    var nextIndex = 0;
                    if(VerticalEnterMove == true){
                        if ($(".JantriInput").is( ":focus" )) {
                            var InputId = LastFocusedControl_Id;
                            var OnlyNumber = InputId.replace('number_','');						
                            if(parseInt(OnlyNumber) <= 90){
                                $("#number_"+(parseInt(OnlyNumber)+10)).focus().select();
                            }else if(parseInt(OnlyNumber) >= 91 && parseInt(OnlyNumber) < 100){
                                $("#number_"+((parseInt(OnlyNumber)-90)+1)).focus().select();
                            }else if(parseInt(OnlyNumber) == 100){
                                $("#number_111").focus().select();
                                VerticalEnterMove = false;
                            }
                        }
                    }else{
                        nextIndex = focusable.index(this) == focusable.length -1 ? 0 : focusable.index(this) + 1;
                        next = focusable.eq(nextIndex);
                        next.focus().select();
                    }
                    
                    return false;
                }
            });
        }
    };
    ko.applyBindings({});
    $(document).ready(function() {
        getTgMessages('all');
        
        // Assuming your modal opening method is named something like openModal()
        $('#TransactionConfigModal').on('show.bs.modal', function (e) {
            // Your code to run when the modal opens goes here
            console.log("Modal opened!");
            $('#AddTransaction').prop('disabled', false);
        });
    });

    $(document).ready(function() {
        setTimeout(() => {
            getTgMessages('processed')
        }, 1000);
        
    });
</script>
<div><div class="content-root-rb-FdpxmT"></div><div class="content-root-WCIiJJ"><div class="sidebar-entry-btn-hvXPZj sidebar-entry-btn-right-doBuCO" data-id="2" style="transform: translateX(128px); bottom: 109.8px; display: flex;"><img src="chrome-extension://ofpnmcalabcbjgholdjcjblkibolbppb/static/monicaLogo.png" class="logo-img-COjMQi" style="width: 24px; height: 24px; border-radius: 4px;"><span class="shortcut--0OZjH">⌘M</span><div class="badge-u2eSW7">6</div></div><div class="dialog-root-xrz8Zp"></div></div></div></template></div></body><!-- bootstrap.gallery/royal-hospital-admin/design-option-4/index.html --></html>