@extends('layouts.app')

@section('content')
    <!-- <div class="margin-top-bottom textlabel">
        <h2>Test Call</h2>
    </div>
    <div class="addnumber-success-popup">
        <div class="addnumber-error-message"></div>
        <div class="close-addno-error-button">
            <i class="fa fa-times"></i>
        </div>
    </div>
    <div class="margin-top-bottom textlabel">
        <label class="call-type-label" for="isYouVOXX">
            <input class="CallType" type="radio" id="isYouVOXX" name="CallType" value="1">Non Number Sentry
        </label>
        <label class="call-type-label" for="isNS">
            <input class="CallType" type="radio" id="isNS" name="CallType" value="2" checked>Number Sentry
        </label>
    </div>
    <div class="margin-top-bottom">
        <input type="text" id="CalledFrom" name="CalledFrom" placeholder = "Called From" >
        <input type="text" id="CalledTo" name="CalledTo" placeholder = "Called To">
    </div>
    <div class="margin-top-bottom">
        <input type="button" id="TestCallBTN" name="TestCallBTN" value = "Test Call" onclick="verifyFunction('TestCallFunction()')">
    </div> -->
    <!--div-- class="margin-top-bottom">
        <input type="button" id="connectTestCallBTN" name="connectTestCallBTN" value = "Connect Test Call" onclick="ConnectTestCallFunction()">
    </div-->
<!-- <br/>

<hr>
<br/> -->
<!-- <div class="margin-top-bottom textlabel">
    <h2>Test Device Management</h2>
</div>
<div class="container column-container">
    <div class="col-one-half-left-content">
        <div class="margin-top-bottom">
            <h3>Device(s) in Test Call mode: <span id="deviceTestCunt">0</span></h3>
            <input class="Stop-awesome" type="button" id="removeTestCallMode" name="removeTestCallMode" value = "Move To Active Status" onclick="removeTestCallMode()" style="padding: 0 20px;" >
            <div class="blink-me blink-text" id="removeTestCallModeProgress" style="padding: 0 20px; padding: 0px 20px; margin-bottom: 12px !important;">
                Loading ...
            </div>
            <br />
            <div class="test-call-device-list-cont">
                <table>
                    <thead>
                    <tr>
                        <th>
                            <label class="check-box-container">
                                <input id="select-all-devices-test" type="checkbox">
                                <span class="checkmark"></span>
                            </label>
                        </th>
                        <th>Device</th>
                        <th>Date Time</th>
                    </tr>
                    </thead>
                    <tbody class="test-call-device-list-tbody">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="margin-top-bottom demo">
        <div class="test-call-device-dropdown-control-cont">
            <div class="margin-top-bottom demo">
                <div class="test-call-dropdown-control control-group">
                    <select class="test-call-device-select demo-default" placeholder="Search for a Device to Reboot">

                    </select>
                </div>
                <input class="Stop-awesome test-call-mode-btn" type="button" id="test-call-mode-device" name="test-call-mode-device" value="Move Device(s) to Test Call" onclick="moveDevicesToTestCall()" style="padding: 0 20px;">
            </div>
        </div>
    </div>
</div> -->
    <!-- <br/>
    <hr>
    <br/> -->
    <div class="margin-top-bottom textlabel" style="text-align: center;">
    <h2>Device(s) In Maintenance Mode</h2>
    </div>
    <div class="container column-container">
    <br/>
    <hr>
    <br/>
    <div class="col-one-half-left-content">
        <div class="margin-top-bottom">
            <h3>Count of Device(s) in Maintenance Mode: <span id="deviceCunt">0</span></h3>
            <!-- <h3>Do you want to move these devices to Active status?</h3> -->
            <input class="Stop-awesome" type="button" id="removeMaintanance" name="removeMaintanance" value = "Move To Active Status" onclick="removeMaintanance()" style="padding: 0 20px;" >
            <input class="refresh_maintainence" type="button" id="refresh_maintainence" name="refresh_maintainence" value = "Refresh" onclick="GetMaintenanceModeDevices()" style="padding: 0 20px;" >
            <div class="blink-me blink-text" id="removeMaintananceProgress" style="padding: 0 20px;margin-bottom: 12px;">
                Loading ...
            </div>
            <div class="maintenance-device-list-cont">
                <table>
                    <thead>
                        <tr>
                            <th>
                                <label class="check-box-container">
                                    <input id="select-all-devices" type="checkbox">
                                    <span class="checkmark"></span>
                                </label>
                            </th>
                            <th>Device</th>
                            <th>Maintenance Mode Reason</th>
                            <th>Date Time</th>
                            <th>Permission Status</th>
                        </tr>
                    </thead>
                    <tbody class="maintenance-device-list-tbody">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-one-half-right-content">
        <div class="margin-top-bottom demo">
            <div class="reboot-device-dropdown-control control-group">
                <select class="reboot-device-select demo-default" placeholder="Search for a Device to Reboot">

                </select>
            </div>
            <input class="Stop-awesome reboot-device-btn" type="button" id="reboot-device" name="reboot-device" value="Reboot Device" style="padding: 0 20px;">
        </div>
        <div class="margin-top-bottom demo">
            <div class="maintenance-device-dropdown-control-cont">
                <div class="maintenance-device-dropdown-control">
                    <select class="maintenance-device-select" placeholder="Search Device" multiple="multiple">

                    </select>
                </div>
                <div class="blink-me blink-text" id="maintenance-device-progress" style="padding: 0 20px;">
                    Loading ...
                </div>
                <input class="Stop-awesome maintenance-device-btn" type="button" id="maintenance-device" name="maintenance-device" value="Move Device(s) to Maintenance" onclick="moveDevicesToMaintenance()" style="padding: 0 20px;">
            </div>
        </div>
    </div>
</div>
<br/>
<hr>
<br/>
<div class="container">
    <div class="margin-top-bottom">
        <input class="Stop-awesome" type="button" id="StartCallBTN" name="StartCallBTN" value = "Move Device(s) Maintenance to Free Mode" onclick="StartStopCallFunctionMain(1)" style="padding: 0 20px;">
    </div>
    <div class="margin-top-bottom">
        <input type="button" id="StopCallBTN" name="StopCallBTN" value = "Move all Device(s) Free to Maintenance Mode " onclick="StartStopCallFunctionMain(3)" style="padding: 0 20px;" >
    </div>
</div>
<br/>
<hr>
<br/>
<!-- <div class="margin-top-bottom textlabel" style="text-align: center;">
    <h2>Device Management Data</h2>
</div> -->
<!-- <div class="container">
    <div class="margin-top-bottom">
        <input class="Stop-awesome" type="button" id="StartCallBTN" name="StartCallBTN" value = "Download Today's Device Data" onclick="StartStopCallFunctionMain(1)" style="padding: 0 20px;">
    </div>
    <div class="margin-top-bottom">
        <input type="button" id="StopCallBTN" name="StopCallBTN" value = "View Device Management Data" onclick="StartStopCallFunctionMain(3)" style="padding: 0 20px;" >
    </div>
</div> -->
<!-- <br/>
<hr>
<br/> -->
<div class="margin-top-bottom textlabel" style="text-align: center;">
    <h2>Cancel Scheduled Carriers Calls</h2>
</div>
<div class="row col-md-12">
    <div class="col-md-12">
    <div class="margin-top-bottom demo" style="padding-top:0px;margin-left: 60px;">
        <div class="test-call-device-dropdown-control-cont">
            <div class="margin-top-bottom demo">
                <div class="blink-me blink-text" id="cancelSheduledModeProgress" style="padding: 0 20px;">
                    Loading ...
                </div>
                <div class="test-call-dropdown-control control-group" style="width: 250px;margin: 0px auto;">
                    <select class="parent_carrier_name demo-default" placeholder="Search for Carrier To Cancel Call">

                    </select>
                </div>
                <br>
                <input class="Stop-awesome test-call-mode-btn" type="button" id="parent_carrier_button" name="parent_carrier_button" value="Cancel Scheduled Calls" style="padding: 0 20px;">
            </div>
        </div>
    </div>
    </div>
</div>
<br/>
<hr>
<br/>
<div class="margin-top-bottom textlabel" style="text-align: center;">
    <h2>Test Call Queue Management</h2>
</div>
<div class="row col-md-12">
    <div class="container">

    </div>
    <div class="container text-calling-queue-buttons-section">
        <div class="col-one-half col-left-section-one-half">
            <div class="margin-top-bottom">
                <input type="button" id="StartCallQueueBTN" name="StartCallQueueBTN" value = "Start All Number Sentry Call" onclick="StartCallQueueFunction()" style="padding: 0 20px;" >
                <label id="startCallButton"><b>Inactive</b></label>
            </div>
            <div class="margin-top-bottom">
                <input type="button" id="StopCallQueueBTN" name="StopCallQueueBTN" value = "Stop All Number Sentry Call" onclick="StopCallQueueFunction()" style="padding: 0 20px;" >
                <label id="stopCallButton"><b>Inactive</b></label>
            </div>
        </div>
        <div class="col-one-half col-right-section-one-half">
            <div class="margin-top-bottom">
                <input type="button" id="startObnRetryBtn" name="startObnRetryBtn" value = "Start OBN Retry Counts" onclick="StartStopObnRetry(true)" style="padding: 0 20px;">
                <label id="startButton"><b>Inactive</b></label>
            </div>

            <div class="margin-top-bottom">
                <input type="button" id="stopObnRetryBtn" name="stopObnRetryBtn" value = "Stop OBN Retry Counts" onclick="StartStopObnRetry(false)" style="padding: 0 20px;" >
                <label id="stopButton"><b>Active</b></label>
            </div>
        </div>
    </div>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <span class="close">&times;</span>
        <p id="model_msg">Are you sure to start number sentry calling system?</p>
        <div class="margin-top-bottom">
            <input type="button" id="YesBTN" name="YesBTN" value = "Yes" onclick="StartStopCallFunction(1)">
        </div>
        <div class="margin-top-bottom">
            <input type="button" id="NoBTN" name="NoBTN" value = "No" >
        </div>
    </div>
</div>
<!-- The Enter PW Modal -->
<div id="myPWModal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <span class="close">&times;</span>
        <p id="model_msg"> <span>Are you sure to test call.</span> <input type="hidden" id="password" name="pass" placeholder = "Enter Key" ></p>
        <div class="margin-top-bottom">
            <input type="button" id="PwYesBTN" name="PwYesBTN" value = "Ok" onclick="">
        </div>
        <div class="margin-top-bottom">
            <input type="button" id="PWNoBTN" name="PWNoBTN" value = "Cancel" >
        </div>
    </div>
</div>
<div id="reboot-device-confirmation-modal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <span class="close">&times;</span>
        <p id="model_msg"> <span>Are you sure you want to reboot the device.</span></p>
        <input id="selected-device" type="hidden" value="" />
        <div class="margin-top-bottom">
            <input type="button" id="reboot-device-ok" name="reboot-device-ok" value = "Yes">
        </div>
        <div class="margin-top-bottom">
            <input type="button" id="reboot-device-cancel" name="reboot-device-cancel" class="reboot-device-cancel" value = "No" >
        </div>
    </div>
</div>
<div id="cancel-call-confirmation-modal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <span class="close">&times;</span>
        <p id="model_msg"> <span>Are you sure you want to stop scheduled call on selected device.</span></p>
        <div class="margin-top-bottom">
            <input type="button" id="cancel-call-device-ok" name="cancel-call-device-ok" onclick="cancelScheduledCalls('Yes')" value="Yes">
        </div>
        <div class="margin-top-bottom">
            <input type="button" id="cancel-call-device-cancel" name="cancel-call-device-cancel" class="cancel-call-device-cancel" value = "No"  onclick="cancelScheduledCalls('No')">
        </div>
    </div>
</div>
<div id="dynamic-reboot-off-confirmation-modal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <span class="close dynamic-reboot-popup-close">&times;</span>
        <p id="model_msg"> <span>Dynamic Rebooting is OFF, Reboot Device anyway?</span></p>
        <div class="margin-top-bottom">
            <input type="button" id="dynamic-reboot-off-ok" name="dynamic-reboot-off-ok" value = "Yes">
        </div>
        <div class="margin-top-bottom">
            <input type="button" id="dynamic-reboot-off-cancel" name="dynamic-reboot-off-cancel" class="dynamic-reboot-off-cancel" value = "No" >
        </div>
    </div>
</div>
<div id="loaderModal" class="modal">
    <img class="loader-img" src="../images/ajax-spinner.gif">
    <span class="loader-text">Please wait ...</span>
</div>
<script>
    var allDevicesArr = [];
    var animationInterval;
    jQuery(".col-one-half-right-content").on('click', '#reboot-device', function (event) {
        jQuery("#selected-device").val('');
        jQuery("#selected-device").attr('data-device-name','');
        var seletedOption = jQuery('.reboot-device-select option:selected').val();
        var seletedDeviceName = jQuery('.reboot-device-select option:selected').text();
        //var seletedDeviceDynamicReboot = jQuery('.reboot-device-select option:selected').attr('dynamic-reboot');
        jQuery("#selected-device").val(seletedOption);
        jQuery("#selected-device").attr('data-device-name',seletedDeviceName);

        jQuery('#reboot-device-confirmation-modal').show();
        var s = jQuery(".reboot-device-select")[0].selectize; //get select
        var data = s.options[s.items[0]]; //get current data() for the active option.
        jQuery("#selected-device").attr('data-device-dynamic-reboot',data.dynamicreboot);
    });
    jQuery("#reboot-device-confirmation-modal").on('click', '.close,.reboot-device-cancel', function (event) {
        event.stopPropagation();
        jQuery('#reboot-device-confirmation-modal').hide();
    });
    jQuery("#dynamic-reboot-off-confirmation-modal").on('click', '.dynamic-reboot-popup-close,.dynamic-reboot-off-cancel', function (event) {
        event.preventDefault();
        jQuery('#dynamic-reboot-off-confirmation-modal').hide();
    });
    jQuery("#reboot-device-confirmation-modal").on('click', '#reboot-device-ok', function (event) {
        var checkDynamicReboot = jQuery("#reboot-device-confirmation-modal #selected-device").attr('data-device-dynamic-reboot');
        var selectedDeviceID = jQuery("#reboot-device-confirmation-modal #selected-device").val();
        var selectedDeviceName = jQuery("#reboot-device-confirmation-modal #selected-device").attr('data-device-name');
        var isForceReboot = 0;
        jQuery('#reboot-device-confirmation-modal').hide();
        jQuery('#dynamic-reboot-off-confirmation-modal').hide();
        jQuery('#reboot-device-confirmation-modal').hide();
        dynamicRebootDeviceAPIFunctionCall(selectedDeviceID,isForceReboot);
    });
    jQuery("#dynamic-reboot-off-confirmation-modal").on('click', '#dynamic-reboot-off-ok', function (event) {
        var selectedDeviceID = jQuery('#dynamic-reboot-off-ok').attr('data-dynamic-reboot-id');
        var isForceReboot = 1;
        dynamicRebootDeviceAPIFunctionCall(selectedDeviceID,isForceReboot);
        jQuery('#reboot-device-confirmation-modal').hide();
        jQuery('#dynamic-reboot-off-confirmation-modal').hide();
    });
    jQuery( document ).ready(function() {
        jQuery("#loaderModal").show();
        jQuery(".reboot-device-select").hide();
        jQuery("#reboot-device").hide();
        jQuery(".maintenance-device-dropdown-control-cont").hide();
        var ajaxApiUrl = baseURL + "GetAllDevices";
        jQuery.ajax({
            type : "GET",
            url : ajaxApiUrl,
            success: function(res) {
                if( res.success ){
                    if( res.data.all_devices.length > 0 ){
                        var all_device_names = res.data.all_devices;
                        allDevicesArr = res.data.all_devices;
                        var deviceNameOptions = "<option value=''></option>";
                        var deviceMaintenanceNameOptions = "";
                        for( var k=0;k<all_device_names.length;k++ ){
                            deviceNameOptions = deviceNameOptions + "<option value='"+all_device_names[k].mobile_number+"' data-dynamicreboot='"+all_device_names[k].dynamic_reboot+"'>"+all_device_names[k].device_name+"</option>";
                            if(parseInt(all_device_names[k].device_status) != 3){
                                deviceMaintenanceNameOptions = deviceMaintenanceNameOptions + "<option value='"+all_device_names[k].ID+"'>"+all_device_names[k].device_name+"</option>";
                            }
                        }
                    }
                    jQuery(".reboot-device-select").html('');
                    jQuery(".reboot-device-select").append(deviceNameOptions);
                    jQuery(".reboot-device-select").selectize({
                        onInitialize: function(){
                            var s = this;
                            this.revertSettings.$children.each( function(){
                                jQuery.extend(s.options[this.value], jQuery(this).data());
                            });
                        }
                    });
                    jQuery("#reboot-device").show();

                    jQuery(".maintenance-device-select").html('');
                    jQuery(".maintenance-device-select").append(deviceMaintenanceNameOptions);
                    jQuery(".maintenance-device-select").fSelect({
                        placeholder: 'Select some device(s)',
                        numDisplayed: 4,
                        overflowText: '{n} device(s) selected',
                        noResultsText: 'No device(s) found',
                        searchText: 'Search device(s)',
                        showSearch: true
                    });
                    jQuery(".maintenance-device-dropdown-control-cont").show();

                    jQuery(".test-call-device-select").html('');
                    jQuery(".test-call-device-select").append(deviceNameOptions);
                    jQuery(".test-call-device-select").selectize({
                        onInitialize: function(){
                            var s = this;
                            this.revertSettings.$children.each( function(){
                                jQuery.extend(s.options[this.value], jQuery(this).data());
                            });
                        }
                    });
                    jQuery("#reboot-device").show();

                    jQuery("#loaderModal").hide();
                }
                else {
                    jQuery(".reboot-device-select").html('');
                    jQuery(".reboot-device-select").append(deviceNameOptions);
                    jQuery(".reboot-device-select").selectize();
                    jQuery("#reboot-device").show();
                    jQuery("#loaderModal").hide();
                }
            },
            error: function( jqXHR,error, errorThrown ) {
                if( jqXHR.status && jqXHR.status == 400 ){
                    var res_json = JSON.parse(jqXHR.responseText);
                }
            }
        });
        //for get parent devices
        var ajaxApiUrl1 = baseURL + "GetAllParentDevices";
        jQuery.ajax({
            type : "GET",
            url : ajaxApiUrl1,
            success: function(res) {
                if( res.success ){
                    if( res.data.all_devices.length > 0 ){
                        var all_device_names = res.data.all_devices;
                        allDevicesArr = res.data.all_devices;
                        var deviceNameOptions = "<option value=''></option>";
                        var deviceMaintenanceNameOptions = "";
                        for( var k=0;k<all_device_names.length;k++ ){
                            deviceNameOptions = deviceNameOptions + "<option value='"+all_device_names[k].ID+"'>"+all_device_names[k].carrier_name+"</option>";
                        }
                    }


                    jQuery(".parent_carrier_name").html('');
                    jQuery(".parent_carrier_name").append(deviceNameOptions);
                    jQuery(".parent_carrier_name").selectize({
                        onInitialize: function(){
                            var s = this;
                            this.revertSettings.$children.each( function(){
                                jQuery.extend(s.options[this.value], jQuery(this).data());
                            });
                        }
                    });
                    jQuery("#reboot-device").show();

                    jQuery("#loaderModal").hide();
                }
                else {
                    jQuery(".reboot-device-select").html('');
                    jQuery(".reboot-device-select").append(deviceNameOptions);
                    jQuery(".reboot-device-select").selectize();
                    jQuery("#reboot-device").show();
                    jQuery("#loaderModal").hide();
                }
            },
            error: function( jqXHR,error, errorThrown ) {
                if( jqXHR.status && jqXHR.status == 400 ){
                    var res_json = JSON.parse(jqXHR.responseText);
                }
            }
        });

        $('#parent_carrier_button').click(function(){
            jQuery('#cancel-call-confirmation-modal').show();
        });
    });


    function dynamicRebootDeviceAPIFunctionCall(selectedDeviceID,isForceReboot){
        var ajaxPostApiUrl = baseURL + "DynamicRebootDevice";
        console.log("selectedDeviceID===>",selectedDeviceID);
        jQuery.ajax({
            type : "POST",
            data : {
                'dynamic_reboot_device_id': selectedDeviceID,
                'is_force_to_reboot': isForceReboot
            },
            url : ajaxPostApiUrl,
            success: function(res) {
                if( res.success ){
                    jQuery('#reboot-device-confirmation-modal').hide();
                    jQuery('#dynamic-reboot-off-confirmation-modal').hide();
                    jQuery('.addnumber-success-popup').fadeIn(500);
                    jQuery('.addnumber-error-message').html(res.message);
                    setTimeout(function(){ jQuery('.addnumber-success-popup').fadeOut(300); },2000);
                    location.reload();
                }else if( res.status == 201 ) {
                    jQuery('#dynamic-reboot-off-confirmation-modal').fadeIn(300);
                    jQuery('#dynamic-reboot-off-confirmation-modal #dynamic-reboot-off-ok').attr('data-dynamic-reboot-id',selectedDeviceID);
                    jQuery('#dynamic-reboot-off-confirmation-modal #dynamic-reboot-off-ok').attr('data-dynamic-reboot-device-name',selectedDeviceName);
                }
                else {
                    jQuery('#reboot-device-confirmation-modal').hide();
                    jQuery('#dynamic-reboot-off-confirmation-modal').hide();
                    jQuery('.addnumber-success-popup').addClass('.addnumber-error-popup');
                    jQuery('.addnumber-success-popup').fadeIn(500);
                    jQuery('.addnumber-error-message').html(res.message);
                    setTimeout(function(){ jQuery('.addnumber-success-popup').fadeOut(300); },2000);
                }
            },
            error: function( jqXHR,error, errorThrown ) {
                if( jqXHR.status && jqXHR.status == 400 ){
                    var res_json = JSON.parse(jqXHR.responseText);
                    jQuery('.addnumber-success-popup').addClass('.addnumber-error-popup');
                    jQuery('.addnumber-success-popup').fadeIn(500);
                    jQuery('.addnumber-error-message').html("Something went wrong...");
                    setTimeout(function(){ jQuery('.addnumber-success-popup').fadeOut(300); },2000);
                }
            }
        });
    }
    // Get the modal
    var modal = document.getElementById("myModal");
    var pwmodal = document.getElementById("myPWModal");
    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close")[0];
    $('#NoBTN').click(function() {
        modal.style.display = "none";
        // ^-- missing #
    });
    // When the user clicks the button, open the modal
    function StartStopCallFunctionMain(value) {
        modal.style.display = "block";
        if(value == 3){
            $("#model_msg").html('Are you sure to stop number sentry calling system?');
        }
        else{
            $("#model_msg").html('Are you sure to start number sentry calling system?');
        }
        pwmodal.style.display = "none";
        $("#YesBTN").attr('onclick','StartStopCallFunction('+value+')');
    }
    function verifyFunction(callFor){
        pwmodal.style.display = "block";
        $("#PwYesBTN").attr('onclick',callFor);
    }
    // Get the <span> element that closes the modal
    var span1 = document.getElementsByClassName("close")[1];
    $('#PWNoBTN').click(function() {
        pwmodal.style.display = "none";
        // ^-- missing #
    });
    // When the user clicks on <span> (x), close the modal
    span1.onclick = function() {
        pwmodal.style.display = "none";
    }
    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
        modal.style.display = "none";
    }
    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
    var baseURL = "{{ URL::to('/') }}" + "/";
    function TestCallFunction() {
        //alert(baseURL);
        var CalledFrom = $("#CalledFrom").val();
        var CalledTo = $("#CalledTo").val();
        var Pass = $("#password").val();
        var CallType = $(".CallType:checked").val();
        /*if(Pass == ''){
            alert('Please enter password');
            return false;
        }*/
        var filter = /^\d*(?:\.\d{1,2})?$/;
        if (CallType == 1) {
            $("#mobile-valid").removeClass("hidden");
            $("#folio-invalid").addClass("hidden");
        } else {
            if (filter.test(CalledTo)) {
                if (CalledTo.length == 10) {
                    $("#mobile-valid").removeClass("hidden");
                    $("#folio-invalid").addClass("hidden");
                } else {
                    alert('Please put 10  digit mobile number');
                    $("#folio-invalid").removeClass("hidden");
                    $("#mobile-valid").addClass("hidden");
                    return false;
                }
            } else {
                alert('Not a valid number');
                $("#folio-invalid").removeClass("hidden");
                $("#mobile-valid").addClass("hidden");
                return false;
            }
        }
        if(CalledFrom && CalledTo){
            if(CallType == 1){
                var urlLink = baseURL + "TestCallForCallingAPI"
            }
            else{
                var urlLink = baseURL + "AddTestCallInCallingQueue"
            }
            pwmodal.style.display = "none";
            //alert(urlLink);
            $.ajax({
                type : "POST",
                url : urlLink,
                data : {called_from:CalledFrom, called_to: CalledTo, pw:Pass},
                success : function(response) {
                    //console.log("response =>"+response.message);
                    if(response.message) {

                        if (CallType != 1) {
                            setTimeout(function () {
                                ConnectTestCallFunction();
                            }, 4000);
                        }
                        pwmodal.style.display = "none";
                        alert(response.message);
                        $("#CalledFrom").val('');
                        $("#CalledTo").val('');
                        $("#password").val('');
                    }
                    else{
                        alert(response.message);
                    }
                }
            });
        }
        else{
            alert("Called From & Called To Required");
        }
    }
    function ConnectTestCallFunction() {
        $("#StartCallQueueBTN").prop('disabled', true);
        var urlLink = baseURL + "UpdateDataForTelephonyAPI"
        $.ajax({
            type : "GET",
            url : urlLink,
            data : '',
            success : function(response) {
                // $("#StartCallQueueBTN").prop('disabled', false);
            }
        });
        // $("#StartCallQueueBTN").prop('disabled', false);
    }
    function StartStopCallFunction(val){
        //debugger;
        /*var Pass = $("#password").val();
        if(Pass == ''){
            alert('Please enter password');
            return false;
        }*/
        modal.style.display = "none";
        if(val !=''){
            $(':input[type="button"]').prop('disabled', true);
            var urlLink = baseURL + "StopTestCall";
            $.ajax({
                type : "POST",
                url : urlLink,
                data : {status:val},
                success : function(response) {
                    //pwmodal.style.display = "none";
                    alert(response.message);
                    $(':input[type="button"]').prop('disabled', false);
                    //$("#password").val('');
                },
                error: function(error){
                    $(':input[type="button"]').prop('disabled', false);
                }
            });
        }
    }

    function moveDevicesToMaintenance(){
        var selectedDevices = $(".maintenance-device-select").val();
        if(!selectedDevices){
            alert("Please select at least one device to move in maintenance status");
            return;
        }
        selectedDevices = selectedDevices ? selectedDevices.join() : '';
        $(':input[type="button"]').prop('disabled', true);
        startAnimation($("#maintenance-device"), $("#maintenance-device-progress"), "Wait ...");
        var urlLink = baseURL + "UpdateFreeDevicesToMaintenance";
        $.ajax({
            type: "POST",
            url: urlLink,
            data: {selected_devices: selectedDevices},
            success: function(response) {
                alert(response.message);
                $(':input[type="button"]').prop('disabled', false);
                if(response.success){
                    $('.maintenance-device-select :selected').remove();
                    $('.maintenance-device-select').fSelect('reload');
                    stopAnimation($("#maintenance-device"), $("#maintenance-device-progress"), "Wait ...");
                    GetMaintenanceModeDevices();
                }
            },
            error: function(error){
                $(':input[type="button"]').prop('disabled', false);
            }
        });
    }

    function moveDevicesToTestCall(){
        var selectedDevices = $(".test-call-device-select").val();
        if(!selectedDevices){
            alert("Please select at least one device to move in test call status");
            return;
        }

        $(':input[type="button"]').prop('disabled', true);
        startAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"), "Wait ...");
        var urlLink = baseURL + "UpdateFreeDevicesToTestCall";
        $.ajax({
            type: "POST",
            url: urlLink,
            data: {selected_devices: selectedDevices},
            success: function(response) {
                alert(response.message);
                $(':input[type="button"]').prop('disabled', false);
                if(response.success){
                    //$('.maintenance-device-select :selected').remove();
                    //$('.maintenance-device-select').fSelect('reload');
                    stopAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"), "Wait ...");
                    GetTestCallModeDevices();
                }
            },
            error: function(error){
                $(':input[type="button"]').prop('disabled', false);
            }
        });
    }

    function removeMaintanance(){
        if($('.select-device').length <= 0){
            alert("No devices to move in active status");
            return;
        }
        let selected_devices = [];
        $('.select-device:checked').each(function() {
            selected_devices.push(this.value);
        });
        if(!selected_devices.length){
            alert("Please select at least one device to move in active status");
            return;
        }
        $(':input[type="button"]').prop('disabled', true);
        startAnimation($("#removeMaintanance"), $("#removeMaintananceProgress"), "Wait ...");
        var urlLink = baseURL + "UpdateMaintenanceModeDeviceToFree";
        $.ajax({
            type : "POST",
            url : urlLink,
            data : {selected_devices: selected_devices.join()},
            success : function(response) {
                alert(response.message);
                $(':input[type="button"]').prop('disabled', false);
                $('#refresh_maintainence').trigger('click');
                stopAnimation($("#removeMaintanance"), $("#removeMaintananceProgress"));
                if(response.success){
                    $('.select-device:checked').each(function() {
                        $(this).closest('tr').remove();
                    });
                    $("#select-all-devices").prop('checked', false);
                    var current_device_count = parseInt($("#deviceCunt").text());
                    var updated_device_count = current_device_count - selected_devices.length;
                    $("#deviceCunt").text((updated_device_count > 0 ? updated_device_count : 0));
                    stopAnimation($("#removeMaintanance"), $("#removeMaintananceProgress"));
                    addUpdatedDevicesToAllDevices(selected_devices);
                    $('#refresh_maintainence').trigger('click');
                }
            },
            error: function(error){
                $(':input[type="button"]').prop('disabled', false);
                $('#refresh_maintainence').trigger('click');
            }
        });
    }

    function removeTestCallMode(){
        if($('.select-device-test-call').length <= 0){
            alert("No devices to move in active status");
            return;
        }
        let selected_devices = [];
        $('.select-device-test-call:checked').each(function() {
            selected_devices.push(this.value);
        });
        if(!selected_devices.length){
            alert("Please select at least one device to move in active status");
            return;
        }
        $(':input[type="button"]').prop('disabled', true);
        startAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"), "Wait ...");
        //console.log(selected_devices);return;
        var urlLink = baseURL + "UpdateTestCallModeDeviceToFree";
        $.ajax({
            type : "POST",
            url : urlLink,
            data : {selected_devices: selected_devices.join()},
            success : function(response) {
                alert(response.message);
                $(':input[type="button"]').prop('disabled', false);
                if(response.success){
                    $('.select-device-test-call:checked').each(function() {
                        $(this).closest('tr').remove();
                    });
                    stopAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"));
                    $("#select-all-devices-test").prop('checked', false);
                    /*$("#select-all-devices").prop('checked', false);
                    var current_device_count = parseInt($("#deviceCunt").text());
                    var updated_device_count = current_device_count - selected_devices.length;
                    $("#deviceCunt").text((updated_device_count > 0 ? updated_device_count : 0));
                    addUpdatedDevicesToAllDevices(selected_devices);*/
                }
            },
            error: function(error){
                $(':input[type="button"]').prop('disabled', false);
            }
        });
    }

    function addUpdatedDevicesToAllDevices(devices_arr){
        startAnimation($("#maintenance-device"), $("#maintenance-device-progress"), "Loading ...");
        var res_devices_arr = allDevicesArr.filter(({ ID: all_device_id }) => devices_arr.some((device_arr_id) => all_device_id == device_arr_id));
        var deviceMaintenanceNameOptions = '';
        for( var i=0;i<res_devices_arr.length;i++ ){
            deviceMaintenanceNameOptions = deviceMaintenanceNameOptions + "<option value='"+res_devices_arr[i].ID+"'>"+res_devices_arr[i].device_name+"</option>";
        }
        jQuery(".maintenance-device-select").append(deviceMaintenanceNameOptions);
        var maintenance_device_select = $('.maintenance-device-select');
        maintenance_device_select.html(maintenance_device_select.find('option').sort(function(x, y) {
            return $(x).text() > $(y).text() ? 1 : -1;
        }));
        $('.maintenance-device-select').fSelect('reload');
        setTimeout(() => {
            stopAnimation($("#maintenance-device"), $("#maintenance-device-progress"));
        }, 1000);
    }

    function GetTestCallModeDevices(){
        startAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"), "Loading ...");
        var urlLink = baseURL + "GetTestCallModeDevices";
        $.ajax({
            type : "GET",
            url : urlLink,
            data : {},
            success : function(response) {
                let response_devices_arr = response.data.length ? response.data : [];
                $("#deviceTestCunt").text(response_devices_arr.length);
                let tbody_str = '';
                for(let i=0;i<response_devices_arr.length;i++){
                    tbody_str = tbody_str + '<tr>'
                        + '<td>'
                        + '<label class="check-box-container">'
                        + '<input class="select-device-test-call" type="checkbox" value="'+response_devices_arr[i].device_id+'" />'
                        + '<span class="checkmark"></span>'
                        + '</label>'
                        + '</td>'
                        + '<td>' + response_devices_arr[i].device_name + '</td>'
                        + '<td>' + response_devices_arr[i].maintenance_date_time + '</td>';
                }
                $(".test-call-device-list-tbody").html(tbody_str);
                stopAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"));
            }
        });
    }

    function GetMaintenanceModeDevices(){
        startAnimation($("#removeMaintanance"), $("#removeMaintananceProgress"), "Loading ...");
        var urlLink = baseURL + "GetMaintenanceModeDevices";
        $.ajax({
            type : "GET",
            url : urlLink,
            data : {},
            success : function(response) {
                let response_devices_arr = response.data.length ? response.data : [];
                $("#deviceCunt").text(response_devices_arr.length);
                let tbody_str = '';
                for(let i=0;i<response_devices_arr.length;i++){
                    tbody_str = tbody_str + '<tr>'
                                + '<td>'
                                + '<label class="check-box-container">'
                                + '<input class="select-device" type="checkbox" value="'+response_devices_arr[i].device_id+'" />'
                                + '<span class="checkmark"></span>'
                                + '</label>'
                                + '</td>'
                                + '<td>' + response_devices_arr[i].device_name + '</td>'
                                + '<td>' + response_devices_arr[i].maintenance_reason + '</td>'
                                + '<td>' + response_devices_arr[i].maintenance_date_time + '</td>'
                                + '<td>' + response_devices_arr[i].permission_status + '</td>';
                }
                $(".maintenance-device-list-tbody").html(tbody_str);
                stopAnimation($("#removeMaintanance"), $("#removeMaintananceProgress"));
            }
        });
    }

    function GetAllParentDevices(){
        startAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"), "Loading ...");
        var urlLink = baseURL + "GetTestCallModeDevices";
        $.ajax({
            type : "GET",
            url : urlLink,
            data : {},
            success : function(response) {
                let response_devices_arr = response.data.length ? response.data : [];
                let tbody_str = '';
                for(let i=0;i<response_devices_arr.length;i++){
                    tbody_str = tbody_str + '<tr>'
                        + '<td>'
                        + '<label class="check-box-container">'
                        + '<input class="select-device-test-call" type="checkbox" value="'+response_devices_arr[i].device_id+'" />'
                        + '<span class="checkmark"></span>'
                        + '</label>'
                        + '</td>'
                        + '<td>' + response_devices_arr[i].device_name + '</td>'
                        + '<td>' + response_devices_arr[i].maintenance_date_time + '</td>';
                }
                $(".test-call-device-list-tbody").html(tbody_str);
                stopAnimation($("#removeTestCallMode"), $("#removeTestCallModeProgress"));
            }
        });
    }

    function cancelScheduledCalls(data){
        jQuery('#cancel-call-confirmation-modal').hide();
        if(data=='No'){
            return;
        }
        var selectedDevices = $(".parent_carrier_name").val();
        if(!selectedDevices){
            alert("Please select at least one device to cancel scheduled calls");
            return;
        }
        $(':input[type="button"]').prop('disabled', true);
        startAnimation($("#cancel-call-confirmation-modal"), $("#cancelSheduledModeProgress"), "Wait ...");
        var urlLink = baseURL + "CancelSchduledCallsOnCarrier";
        $.ajax({
            type: "POST",
            url: urlLink,
            data: {selected_devices: selectedDevices},
            success: function(response) {
                alert(response.message);
                $(':input[type="button"]').prop('disabled', false);
                if(response.success){
                    $("#cancelSheduledModeProgress").hide();
                }
            },
            error: function(error){
                $(':input[type="button"]').prop('disabled', false);
            }
        });
    }

    function startAnimation(currEle, progressEle, progressEleText){
        currEle.hide();
        progressEle.html(progressEleText);
        progressEle.show();
    }

    function stopAnimation(currEle, progressEle){
        currEle.show();
        progressEle.hide();
    }

    $( document ).ready(function() {
        $("#select-all-devices").prop('checked', false);
        $("#select-all-devices-test").prop('checked', false);
        GetMaintenanceModeDevices();
        //GetTestCallModeDevices();
        $("#select-all-devices").on('click', function(){
            if($(this).is(':checked')){
                $(".select-device").each(function(){
                    $(this).prop('checked', true);
                });
            }else{
                $(".select-device").each(function(){
                    $(this).prop('checked', false);
                });
            }
        });

        $("#select-all-devices-test").on('click', function(){
            if($(this).is(':checked')){
                $(".select-device-test-call").each(function(){
                    $(this).prop('checked', true);
                });
            }else{
                $(".select-device-test-call").each(function(){
                    $(this).prop('checked', false);
                });
            }
        });
    });

    function StartCallQueueFunction() {
        jQuery("#loaderModal").show();
        var urlLink = baseURL + "updateStopCallSettingsAPI/false"
        $.ajax({
            type : "GET",
            url : urlLink,
            data : '',
            success : function(response)
            {
                jQuery("#loaderModal").hide();
                checkCallingCountStatus();
                ConnectTestCallFunction();
                alert('Calling was started');
            },
            error:() =>
            {
                jQuery("#loaderModal").hide();
                alert('Facing some technical error');
            }
        });
    }
    function StopCallQueueFunction() {
        jQuery("#loaderModal").show();
        var urlLink = baseURL + "updateStopCallSettingsAPI/true"
        $.ajax({
            type : "GET",
            url : urlLink,
            data : '',
            success : function(response) {
                jQuery("#loaderModal").hide();
                alert('Calling was stoped');
                checkCallingCountStatus();
            }
        });
    }

    function StartStopObnRetry(type)
    {
        jQuery("#loaderModal").show();
        let url = baseURL +'startStopObnRetry/'+type;
        $.ajax({
            type : "GET",
            url : url,
            data : '',
            success : function(response) {
                jQuery("#loaderModal").hide();
                alert(response.msg);
                checkRetryCountStatus();
            }
        });
    }

    $(document).ready(() =>
    {
        checkRetryCountStatus();
        checkCallingCountStatus();
    })

    function checkRetryCountStatus()
    {
        let url = baseURL + 'checkRetryCountStatus';
        $.ajax(
        {
            type : "GET",
            url : url,
            data : '',
            success : function(response)
            {
                if(response.code === 200)
                {
                    if(response.data.setting_value == 0)
                    {
                        $('#stopObnRetryBtn').prop('disabled', true);
                        $('#startObnRetryBtn').prop('disabled', false);
                        $('#startButton').html('<b>Inactive</b>');
                        $('#stopButton').html('<b>Active</b>');
                    }
                    else
                    {
                        $('#startObnRetryBtn').prop('disabled', true);
                        $('#stopObnRetryBtn').prop('disabled', false);
                        $('#startButton').html('<b>Active</b>');
                        $('#stopButton').html('<b>Inactive</b>');
                    }
                }
            }
        });
    }

    function checkCallingCountStatus()
    {
        let url = baseURL + 'checkCallingStatus';
        $.ajax(
        {
            type : "GET",
            url : url,
            data : '',
            success : function(response)
            {
                if(response.code === 200)
                {
                    if(response.data.setting_value == 'true')
                    {
                        $('#StopCallQueueBTN').prop('disabled', true);
                        $('#StartCallQueueBTN').prop('disabled', false);
                        $('#startCallButton').html('<b>Inactive</b>');
                        $('#stopCallButton').html('<b>Active</b>');
                    }
                    else
                    {
                        $('#StartCallQueueBTN').prop('disabled', true);
                        $('#StopCallQueueBTN').prop('disabled', false);
                        $('#startCallButton').html('<b>Active</b>');
                        $('#stopCallButton').html('<b>Inactive</b>');
                    }
                }
            }
        });
    }
</script>
@endsection