<?php
$getCheckAccessTokenArrArray = $this->getCheckAccessTokenArr;
$getCheckAccessTokenWAArr= $this->getCheckAccessTokenWAArr;
//echo "<pre>";print_r($getCheckAccessTokenWAArr);exit;
$Whatsappdetails = $this->Whatsappdetails;
$sessionLogin_user = new Zend_Session_Namespace('sessionLogin_user');
$SecurityKey = $sessionLogin_user->agencyDetails['SecurityKey'];

//echo "<pre>";print_r();exit;;

$readonly = isset($Whatsappdetails)?'readonly':'';
?>
<style>
    .wabg{
    padding: 1px 1px 1px 1px;
    margin-top: 5%;
    background-color: #204566;
        }
</style>
<section id="min-wrapper" class="active">
    <div id="main-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <!--Top header start-->
                    <h3 class="ls-top-header">FB/Insta Lead Integration</h3>
                    <!--Top header end -->

                    <!--Top breadcrumb start -->
                    <ol class="breadcrumb">
                        <li><a href="javascript://"><i class="fa fa-home"></i></a></li>
                        <li class="active">Marketing</li><li class="active">
                            FB/Insta Lead Integration</li>
                        <?php if(!empty($getCheckAccessTokenArrArray) && (isset($getCheckAccessTokenArrArray[0]['AccessToken']) && $getCheckAccessTokenArrArray[0]['AccessToken'] != "" )) { ?>
                        <a href="javascript://" class="btn btn-black " style="float:right;" onclick="facebookLogout()"><i class="fa fa-fw fa-power-off"></i> Facebook Logout </a>
                        <?php } ?>
                        <a href="javascript://" class="btn btn-black " style="float:right;" onclick="goBack()"><i class="fa fa-fw fa-arrow-left"></i> Back </a>
                    </ol>
                    <!--Top breadcrumb start -->
                </div>
            </div>
            <!-- Main Content Element  Start-->
            <div class="row">

                <div class="col-md-12">         
                    <h3 class="margin-top-bot">
                        <div class="col-md-12 no-padding" >
                            <strong>FB/Insta Lead Integration</strong>
                        </div>

                    </h3>
                    <div class="clear"> &nbsp;</div>
                </div>
                <div class="container">
                    <div class="row "> 
                        <div class="col-md-4">

                            <img src="/public/images/Facebook.png" width="26%" style="text-align: center;
                                 margin: 0 auto;
                                 display: flex;">
                        </div>

                        <div class="col-md-6">

                            <p>
                                Allow Meta access to GTX to display your leads in CRM.
                            </p>
                            <a href="<?php echo $this->siteUrl; ?>facebook-lead/index" class="btn btn-primary" style="float: left; padding: 9px 42px;">
                              <?php if(!empty($getCheckAccessTokenArrArray) && (isset($getCheckAccessTokenArrArray[0]['AccessToken']) && $getCheckAccessTokenArrArray[0]['AccessToken'] != "" )) { ?>
                                View Integration
                              <?php } else { ?>
                                Login Now
                              <?php } ?>
                            </a>
                        </div>

                        <div class="clear"></div>
                    </div>

                </div>
               <?php if(isset($this->IsWhatsApp) && $this->IsWhatsApp ==1) { ?>
                <div class="col-md-12 wabg"></div>
                <div class="clear"></div>
                <div class="col-md-12 mt-4">
                    <div class="col-md-6 no-padding">
                                <h3><strong>WhatsApp Integration</strong><h3>
                    </div>
                    <div class="col-md-6 no-padding">
                         <?php if(!empty($getCheckAccessTokenWAArr) && (isset($getCheckAccessTokenWAArr[0]['WhatsAppApiType']) && $getCheckAccessTokenWAArr[0]['WhatsAppApiType'] == 0) && (isset($getCheckAccessTokenWAArr[0]['AccessToken']) && $getCheckAccessTokenWAArr[0]['AccessToken'] != "" )) { ?>
                        <a href="javascript://" class="btn btn-black " style="float:right;" onclick="whatsAppLogout()"><i class="fa fa-fw fa-power-off"></i> WhatsApp Logout </a>
                        <?php } ?>
                                
                    </div>
                </div>
                <div class="container">
                    <?php 
                    $WhatsAppNumberId = isset($Whatsappdetails[0]['WhatsAppNumberId'])?$Whatsappdetails[0]['WhatsAppNumberId']:'';
                    if($WhatsAppNumberId == '') { 
                    ?>
                <div class="row "> 
                <form id="waform" action="" method="post">
                    <div class="row"> 
                        <div class="col-md-12">
                            <h1>Webhook URL</h2>
                            <input type="text" class="form-control" value="https://globaltravelexchange.com/whatsappWebhook.php?sk=<?php echo $SecurityKey;?>" readonly>
                        </div>
                     </div>
                   <div class="clear"> &nbsp;</div>
                        <div class="row bg"> 
                    <div class="col-md-12 mt-5 mb-5">
                       <div class="col-md-3 mt-5"><span class="labelhead"> WhatsApp Phone No ID</span></div>
                       <div class="col-md-6"><input type="text" class="form-control" name="WhatsAppNumberId" value="<?php echo isset($Whatsappdetails[0]['WhatsAppNumberId'])?$Whatsappdetails[0]['WhatsAppNumberId']:''?>" <?php //echo $readonly;?>></div>
                    </div>
                    <div class="col-md-12 mt-5 mb-5">
                       <div class="col-md-3 mt-5"><span class="labelhead"> WhatsApp Bussiness ID</span></div>
                       <div class="col-md-6"><input type="text" class="form-control" name="WhatsAppBusinessId" value="<?php echo isset($Whatsappdetails[0]['FacebookBusinessId'])?$Whatsappdetails[0]['FacebookBusinessId']:''?>" <?php //echo $readonly;?>></div>
                    </div>
                    <div class="col-md-12 mt-5 mb-5">
                       <div class="col-md-3 mt-5"><span class="labelhead"> App ID</span></div>
                       <div class="col-md-6"><input type="text" class="form-control" name="WhatsAppAppId" value="<?php echo isset($Whatsappdetails[0]['FacebookAppId'])?$Whatsappdetails[0]['FacebookAppId']:''?>" <?php //echo $readonly;?>></div>
                    </div>
                    <div class="col-md-12 mt-5 mb-5">
                       <div class="col-md-3"> </div>
                       <div class="col-md-6">
                       <div id="message__yes"></div>
                        <button type="submit" class="saveaction btn btn-primary" name="wasubmit" id="wabtn" style="margin-left:86%;">Submit</button>
<!--                        <input class="saveaction btn btn-primary" id="modifybtn" onclick="modifyform()" style="margin-left:60%;display:<?php echo (isset($Whatsappdetails[0]['WhatsAppNumberId']) || isset($Whatsappdetails[0]['FacebookBusinessId']) || isset($Whatsappdetails[0]['FacebookAppId'])) ? 'block' : 'none'; ?>" value="Modify">-->
                    </div>
                       
                    </div>
                    </div>
                        </form>
                   </div>
                    <div class="col-md-12 wabg"></div>
                <div class="clear"></div>   
                    <?php } ?>
                            
                    <div class="row "> 
                        <div class="col-md-4 mt-5">
                            <img src="/public/images/whatsapp-3.png" width="18%" style="text-align: center;
                                 margin: 0 auto;
                                 display: flex;">
                        </div>
                        <div class="col-md-6 mt-5">
                            <p> Allow WhatsApp access to GTX to Integrate your WhatsApp API.</p>
                            <a href="<?php echo $this->siteUrl; ?>facebook-lead/whats-app" class="btn btn-primary" style="float: left; padding: 9px 42px;">
                              <?php if(!empty($getCheckAccessTokenWAArr) && (isset($getCheckAccessTokenWAArr[0]['AccessToken']) && $getCheckAccessTokenWAArr[0]['AccessToken'] != "" )) { ?>
                                View Integration
                              <?php } else { ?>
                                Login Now
                              <?php } ?>
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
               <?php } ?>
            </div>
        </div>
    </div>
</section>
<script>
            $('#waform').on('submit',function (e) {
        e.preventDefault();
            if($('#waform input[name="WhatsAppNumberId"]').val().trim() === ''){
                $('#waform input[name="WhatsAppNumberId"]').focus();return false;
            }
            if($('#waform input[name="WhatsAppBusinessId"]').val().trim() === ''){
                $('#waform input[name="WhatsAppBusinessId"]').focus();return false;
            }
            if($('#waform input[name="WhatsAppAppId"]').val().trim() === ''){
                $('#waform input[name="WhatsAppAppId"]').focus();return false;
            }
            
        var data = $(this).serialize();
        $.ajax({
            url  : '/facebook-lead/save-whatsapp-details',
            type: 'POST',
            data: data,
            dataType: 'json',
            beforeSend: function(){ $('.saveaction').html('Please wait..');},
            success:function(result){
                if(result.status){
                    $('#message__yes').html("<font color='green'>Updated Successfully</font>");
                    $('.saveaction').html('Submit');
                    document.getElementsByName("WhatsAppNumberId")[0].setAttribute("readonly", "readonly");
                    document.getElementsByName("WhatsAppBusinessId")[0].setAttribute("readonly", "readonly");
                    document.getElementsByName("WhatsAppAppId")[0].setAttribute("readonly", "readonly");
                    document.getElementById("wabtn").style.display = 'none';
                    document.getElementById("modifybtn").style.display = 'block';  
                } else{
                    $('.saveaction').html('Submit');
                    alert('Response Error')
                }
            },
            error:function(){
                $('.saveaction').html('Submit');
                alert(' response error');
            }

        });
    });
</script>
<script>
    function modifyform() {
        // Remove readonly attribute from all input fields
        document.getElementsByName("WhatsAppNumberId")[0].removeAttribute("readonly");
        document.getElementsByName("WhatsAppBusinessId")[0].removeAttribute("readonly");
        document.getElementsByName("WhatsAppAppId")[0].removeAttribute("readonly");

        // Show the "Submit" button and hide the "Modify" button
        document.getElementById("wabtn").style.display = 'block';
        document.getElementById("modifybtn").style.display = 'none';
    }
</script>
<script type="text/javascript">
    function facebookLogout() {
        $.ajax({
            url: '/facebook-lead/facebook-logout',
            type: 'post',
            dataType: 'json',
            beforeSend: function () {},
            success: function (data) {
                if (data.status == true) {
                    location.reload();
                }
            }
        });
    }
    function whatsAppLogout() {
        $.ajax({
            url: '/facebook-lead/wa-logout',
            type: 'post',
            dataType: 'json',
            beforeSend: function () {},
            success: function (data) {
                if (data.status == true) {
                    location.reload();
                }
            }
        });
    }
</script>
<?php echo $this->render('copyrightfooter.phtml'); ?>
<?php echo $this->render('newfooter.phtml'); ?>