<?php
require_once('header.php');
echo '<div class="row head main"><div class="col s12 m12 l12 center-align"><h1>'.$pagetitle.'</h1></div></div>';
echo $page_content;
?>

<style>
.popupenquiry{width: 300px;height: 503px;position: fixed;right: 0;bottom: -460px;z-index: 999999999;transition: 0.5s;background-color: red;}
.popupenquiry.open{bottom: 0;}
.popupenquiry .closebutton{width: 60px;height: 24px;background: #000;border: 1px solid #000;border-radius: 4px 4px 0 0;color: #fff;font-weight: 500;text-transform: uppercase;position: absolute;top: -24px;right: 0;cursor: pointer;}
.popupenquiry .popupenquiryinner{float: left;width: 100%;padding: 10px;background: #fff;border: 1px solid #000;border-bottom: none;border-radius: 4px 0 0 0;}
.popupenquiry .popupenquiryinner h6{float: left;width: 100%;margin-bottom: 10px;padding-bottom: 8px;border-bottom: 1px solid #ccc;color: #333;text-transform: uppercase;}
.popupenquiry .popupenquiryinner label{float: left;color: #333;font-size: 11px;font-weight: 500;text-transform: uppercase;}
.popupenquiry .popupenquiryinner input,
.popupenquiry .popupenquiryinner textarea,
.popupenquiry .popupenquiryinner select{float: left;width: 100%;height: 32px !important;padding: 0 5px !important;background: #fff;border: 1px solid #ccc !important;border-radius: 2px !important;box-shadow: none !important;}
.popupenquiry .popupenquiryinner textarea{height: 100px !important;padding: 5px !important;}
.popupenquiry .popupenquiryinner button{height: 30px;line-height: 30px;}

@media(max-width:992px){
.popupenquiry{width: 100%;height: 450px;bottom: -410px;}
.popupenquiry .popupenquiryinner input,
.popupenquiry .popupenquiryinner select{height: 28px !important;}
.popupenquiry .popupenquiryinner textarea{height: 70px !important;}
.popupenquiry .popupenquiryinner button{height: 28px !important;line-height: 29px !important;}
}
</style>
<?php
$journals = '';
$stmt = $mysqli->prepare("SELECT journal FROM journals WHERE status = 'enabled'") or die('An error occurred. Please try after some time.');
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($journal);
while($stmt->fetch()):
    $journals .= '<option value="'.$journal.'">'.$journal.'</option>';
endwhile;
$stmt->close();
echo <<<EOJ
<!--
<div class="popupenquiry">
    <button type="button" class="closebutton" onclick="togglePopupForm(this)">Open</button>
    <div class="popupenquiryinner">
        <h6>Enquiry for Subscription</h6>
        <form action="{$baseurl}journalsubscription" method="post" name="contactform" class="subsenquiry" onsubmit="return subscriptionEnquiry(this)">
            <input type="hidden" name="{$token_id}" value="{$token_value}" autocomplete="off" readonly />
            <input type="hidden" name="focus" value="{$en->encrypt('[GET_ENQUIRY]')}" autocomplete="off" readonly />
            <input type="hidden" name="honeypot" value="" readonly />
                <div class="row">
                    <div class="col s12 m12 l12">
                        <label for="name">name</label><b class="red-text right">*</b>
                        <input type="text" name="name" id="name" />
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m12 l12">
                        <label for="email">email</label><b class="red-text right">*</b>
                        <input type="text" name="email" id="email" />
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m12 l12">
                        <label for="phone">phone</label><b class="red-text right">*</b>
                        <input type="text" name="phone" id="phone" />
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m12 l12">
                        <label for="message">message</label><b class="red-text right">*</b>
                        <textarea rows="5" cols="5" name="message" id="message" class="materialize-textarea"></textarea>
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m12 l12">
                        <label for="address">address</label><b class="red-text right">*</b>
                        <input type="text" name="address" id="address" />
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m12 l12" style="display:flex;margin-top:5px">
                        <img src="{$baseurl}subscaptcha" alt="captcha">
                        <input type="text" name="capcode" id="capcode" style="margin:0 0 0 10px" />
                    </div>
                </div>
                <small style="float:right">Enter the sum of numbers in above field</small>
                <br clear="all">
                <div class="row">
                    <div class="col s12 m12 l12">
                        <button type="submit" name="submit" class="waves-effect btn-flat blue accent-3 white-text" disabled>send</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
-->
EOJ;
?>

<?php
echo <<<EOJ
<div class="subscriptionenquirycanvas">
    <div class="container">
        <div class="hideonmobile">
            <div>
			    <a href="{$baseurl}"><img src="{$imageurl}logo-default.png" alt="{$websitename}" title="{$websitename}" /></a>
            </div>
            <div style="display: flex;flex-direction: column;">
                <b style="font-size: 18px;">{$websitename}</b>
                <span style="font-size: 13px;">Phone: +91-8178042476</span>
            </div>
        </div>
        <div class="buttongroup">
            <a href="{$baseurl}subscription-enquiry/{$pagename}" target="_blank" class="enqbtn">Subscription Enquiry</a>
            <a href="https://wa.me/918178042476?text=Hi, I have a query regarding journal subscription." target="_blank" class="enqbtn wab">
                <svg xmlns="http://www.w3.org/2000/svg" aria-label="WhatsApp" role="img" viewBox="0 0 512 512" width="18px" height="18px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="#25d366"></rect><path fill="#25d366" stroke="#ffffff" stroke-width="26" d="M123 393l14-65a138 138 0 1150 47z"></path><path fill="#ffffff" d="M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18"></path></g></svg>
                Chat
            </a>
        </div>
    </div>
</div>
EOJ;
?>

<!-- Global site tag (gtag.js) - Google Ads: 10874739437 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10874739437"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-10874739437');
</script>

<!-- Event snippet for Website traffic conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-10874739437/CUvNCMWQlq0DEO21vcEo'});
</script>

<script>
function togglePopupForm(e)
{
    e.innerText = e.innerText == 'OPEN' ? 'CLOSE' : 'OPEN';
    $('.popupenquiry').toggleClass('open');
}
function subscriptionEnquiry(form)
{
    $.ajax({
        type:'post',
        url:form.action,
        data:new FormData(form),
        cache:false,
        dataType:'json',
        contentType:false,
        processData:false,
        beforeSend:function(){
            form.submit.disabled = true;
        },
        success:function(json){
            if(json.stat == true){
                $('.subsenquiry').trigger('reset');
            }
            if(typeof(json.text) !== 'undefined'){
                alert(json.text);
            }
            form.submit.disabled = false;
        },
        error:function(){
            alert('Something went wrong.');form.submit.disabled = false;
        }
    });

	return false;
}
</script>

<?php
require_once('footer.php');
?>