<?php
session_start();
require_once('inc/config.php');

$packagefiles = array('csrf', 'encryptions', 'functions', 'sendmail');
foreach($packagefiles as $packagefile)
{
	if(file_exists($package.$packagefile.'.php'))
	{
		require_once $package.$packagefile.'.php';
	}
	else
	{
		die('Required file doesn\'t exist.');
	}
}

$stmt = $mysqli->prepare("SELECT websitename, websiteemail, fromname, fromemail, replyname, replyemail, abbreviation, impactfactor, issn, ads, extensions, signature, editorspicture, gsitekey, gsecretkey, grecaptcha, blockedword FROM settings ORDER BY settingsid DESC LIMIT 1") or die('An error occurred. Please try after some time.');
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($websitename, $websiteemail, $fromname, $fromemail, $replyname, $replyemail, $abbreviation, $impactfactor, $issn, $ads, $extensions, $signature, $editorspicture, $gsitekey, $gsecretkey, $grecaptcha, $blockedword);
$stmt->fetch();
$stmt->close();

$recaptcha= $grecaptcha === 'enabled' ? '<div class="row"><div class="col s12 m12 l12"><div class="g-recaptcha" data-sitekey="'.$gsitekey.'"></div></div></div>' : '';

$filename  = pathinfo($_SERVER['PHP_SELF'], PATHINFO_FILENAME);
$pagename  = $filename === 'index' ? basename(getcwd()) : $filename;
$basename  = basename(dirname(__FILE__));
$loginhash = sha1(hash('sha512', md5(base64_encode($baseurl))));

if($fn->page_is_exist($pagename) == false):
	die('Page not found.');
endif;

$decryptedfocus = filter_input(INPUT_POST, 'focus', FILTER_SANITIZE_STRING);
$decryptedfocus = strip_tags($en->decrypt($fn->escape($decryptedfocus)));

if($_SERVER['REQUEST_METHOD'] === 'POST' && $decryptedfocus):
	if($csrf->check_valid('post')):
		if(file_exists('inc/'.$filename.'.php')):
			require_once('inc/'.$filename.'.php');
			exit();
		else:
			die(output('Required file is missing.'));
		endif;
	else:
		die(output('Submission not allowed.'));
	endif;
endif;

$fn->page_hits($pagename);

$articleparams = filter_input(INPUT_GET, 'params', FILTER_SANITIZE_STRING | FILTER_FLAG_STRIP_HIGH);
$articleparams = strip_tags($fn->escape($articleparams));
$articleparams = explode('.', $articleparams);
$year   = $fn->element(0, $articleparams);
$volume = ltrim($fn->element(1, $articleparams), 'v');
$issue  = ltrim($fn->element(2, $articleparams), 'i');
$part   = $fn->element(3, $articleparams);
$archivesid = $fn->element(4, $articleparams);

if($pagename == 'archives' && $year && $volume && $issue && $part && $archivesid):
	$stmt = $mysqli->prepare("SELECT title, keywords, description FROM archives WHERE (archivesid = ? AND status = 'enabled') LIMIT 1") or die('An error occurred. Please try after some time.');
	$stmt->bind_param('i', $archivesid);
	$stmt->execute();
	$stmt->store_result();
	$stmt->bind_result($page_title, $page_meta_keyword, $page_meta_desc);
	$stmt->fetch();
	$stmt->close();

	$head_title		= strip_tags(html_entity_decode($page_title));
	$page_title		= $year.', Vol. '.$volume.', Issue '.preg_replace('/[^0-9]/', '', $issue).', Part '.$part;
	$page_content	= '';
elseif($pagename == 'archives' && $year && $volume && $issue && $part):
	$meta_keywords = '';
	$stmt = $mysqli->prepare("SELECT keywords FROM archives WHERE (year = ? AND volume = ? AND issue = ? AND part = ? AND status = 'enabled')") or die('An error occurred. Please try after some time.');
	$stmt->bind_param('siss', $year, $volume, $issue, $part);
	$stmt->execute();
	$stmt->store_result();
	$stmt->bind_result($keywords);
	while($stmt->fetch()):
		$meta_keywords .= $keywords ? $keywords.', ' : '';
	endwhile;
	$stmt->close();

	$head_title		= $year.', Vol. '.$volume.', Issue '.preg_replace('/[^0-9]/', '', $issue).', Part '.$part.' | '.$websitename;
	$page_title		= $year.', Vol. '.$volume.', Issue '.preg_replace('/[^0-9]/', '', $issue).', Part '.$part;
	$page_meta_desc	= $year.', Vol. '.$volume.', Issue '.preg_replace('/[^0-9]/', '', $issue).', Part '.$part;
	$page_meta_keyword= trim(trim($meta_keywords, ', '));
	$page_content	= '';
else:
	$page_contents = $fn->page_contents($pagename);

	$head_title = $page_contents[0];
	$page_title = $page_contents[1];
	$page_meta_desc = $page_contents[2];
	$page_meta_keyword = $page_contents[3];
	$page_content = html_entity_decode($page_contents[4]);
endif;

$copyright_year = date('Y');

$protocol = !empty($_SERVER['HTTPS']) ? 'https' : 'http';
$canonicalUrl = $protocol . '://' . $_SERVER['HTTP_HOST'] . strtok($_SERVER['REQUEST_URI'], '?');

echo <<<EOJ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{$page_meta_desc}" />
<meta name="keywords" content="{$page_meta_keyword}" />
<meta name="Author" content="{$websitename}-{$fromemail}" />
<meta name="Robots" content="index, follow" />
<title>{$head_title}</title>
EOJ;
if($pagename == 'archives' && $year && $volume && $issue && $part && $archivesid):
	$stmt = $mysqli->prepare("SELECT doi, month, year, refnumber, volume, issue, part, authorname, title, abstract, pagenumber, description, file, creation FROM archives WHERE (archivesid = ? AND status = 'enabled') LIMIT 1") or die('An error occurred. Please try after some time.');
	$stmt->bind_param('i', $archivesid);
	$stmt->execute();
	$stmt->store_result();
	$count_rows = $stmt->num_rows();
	$stmt->bind_result($m_doi, $m_month, $m_year, $m_refnumber, $m_volume, $m_issue, $m_part, $m_authorname, $m_title, $m_abstract, $m_pagenumber, $m_description, $m_file, $m_creation);
	$stmt->fetch();
	$stmt->close();
	if($count_rows === 1):

	echo PHP_EOL;
	
echo <<<EOJ
<meta name="citation_journal_title" content="{$websitename}" />
<meta name="citation_journal_abbrev" content="Int. J. Res. Adv. Electron. Eng.">
<meta name="citation_publisher" content="AkiNik Publications">
EOJ;

	echo PHP_EOL;
	
	$m_authors = $fn->multiexplode($m_authorname);
	foreach($m_authors as $author):
		echo '<meta name="citation_author" content="'.trim($author).'" />'.PHP_EOL;
	endforeach;

	$m_month = date('m', strtotime(substr($m_month, 0, 3)));
	$m_title = strip_tags(html_entity_decode($m_title));
	$m_creation = date('Y/m/d', strtotime($m_creation));
	$m_pagenumber = explode('-', $m_pagenumber);
	$m_abstract = strip_tags(html_entity_decode($m_abstract));
echo <<<EOJ
<meta name="citation_title" content="{$m_title}" />
<meta name="citation_online_date" content="{$m_creation}" />
<meta name="citation_publication_date" content="{$m_year}" />
<meta name="citation_volume" content="{$m_volume}" />
<meta name="citation_issue" content="{$m_issue}" />
<meta name="citation_issn" content="2708-4566" />
<meta name="citation_firstpage" content="{$m_pagenumber[0]}" />
<meta name="citation_lastpage" content="{$m_pagenumber[1]}" />
<meta name="citation_doi" content="{$m_doi}" />
<meta name="citation_abstract_html_url" content="{$baseurl}archives/{$year}.v{$volume}.i{$issue}.{$part}.{$archivesid}" />
<meta name="citation_pdf_url" content="{$baseurl}article/{$archivesid}/{$m_file}" />
<meta name="citation_article_type" content="Research Article" />
<meta name="citation_abstract" content="{$m_abstract}" />
EOJ;
	endif;
endif;

if(($pagename == 'archives' OR $pagename == 'special-issue') && ($year && $volume && $issue && $part && $archivesid)):
	echo PHP_EOL;
	function explodeAuthors($delimiters, $string){
		$ready = str_replace($delimiters, $delimiters[0], $string);
		$launch = explode($delimiters[0], $ready);
		return $launch;
	}
	$stmt = $mysqli->prepare("SELECT doi, month, year, refnumber, volume, issue, part, authorname, title, abstract, pagenumber, keywords, file, creation, specialissue FROM archives WHERE (archivesid = ? AND status = 'enabled')") or die('An error occurred. Please try after some time.');
	$stmt->bind_param('i', $archivesid);
	$stmt->execute();
	$stmt->store_result();
	$stmt->bind_result($m_doi, $m_month, $m_year, $m_refnumber, $m_volume, $m_issue, $m_part, $m_authorname, $m_title, $m_abstract, $m_pagenumber, $m_keywords, $m_file, $m_creation, $m_specialissue);
	$stmt->fetch();
	$stmt->close();

	$m_title = str_replace('"', '', strip_tags(html_entity_decode($m_title)));
	$m_abstract = str_replace(array('\\', '"', '\''), '', strip_tags($m_abstract));
	$datePublished = date('Y-m-dTh:i:s', strtotime($m_creation));
	$m_keywords = explode(',', $m_keywords);
	$m_keywordsList = array();
	foreach($m_keywords as $m_keywords1):
		$m_keywordsList[] = '"'.trim($m_keywords1).'"';
	endforeach;
	$m_keywords = implode(',', $m_keywordsList);

	$m_authorname = explodeAuthors(array(',', ' and ', ' And '), $m_authorname);
	$m_authornameList = array();
	foreach($m_authorname as $m_author):
		$m_authornameList[] = '{"name":"'.trim($m_author).'","@type":"Person"}';
	endforeach;
	$m_authorname = implode(',', $m_authornameList);

	$m_pagenumber = explode('-', $m_pagenumber);
	$copyrightYear = date('Y');

    $pageUrl = (ctype_digit($issue) && $m_specialissue == 'N') ? 'archives' : 'special-issue';
echo <<<EOJ
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ScholarlyArticle",
    "@id": "{$baseurl}{$pageUrl}/{$year}.v{$volume}.i{$issue}.{$part}.{$archivesid}",
    "name": "{$m_title}",
    "datePublished": "{$datePublished}",
    "isPartOf": {
        "@id": "{$baseurl}{$pageUrl}/{$year}.v{$volume}.i{$issue}.{$part}",
        "@type": "PublicationIssue",
        "issueNumber": "{$m_issue}",
        "datePublished": "{$datePublished}",
        "isPartOf": {
            "@id": "{$baseurl}",
            "@type": "Periodical",
            "name": "{$websitename}",
            "issn": [
                "2708-4558"
            ]
        }
    },
    "url": "{$baseurl}{$pageUrl}/{$year}.v{$volume}.i{$issue}.{$part}.{$archivesid}",
    "keywords": [{$m_keywords}],
    "inLanguage": "en",
    "copyrightHolder": "{$websitename}",
    "copyrightYear": "{$copyrightYear}",
    "publisher": "Akinik Publications",
    "sameAs": "",
    "author": [{$m_authorname}],
    "description": "{$m_abstract}",
    "pageStart": "{$m_pagenumber[0]}",
    "pageEnd": "{$m_pagenumber[1]}",
    "headline": "{$m_title}"
}
</script>
EOJ;
endif;

echo PHP_EOL;

if ($pagename === 'electrojournal.com') :
echo <<<EOJ
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@graph": [
		{
			"@type": "Periodical",
			"name": "{$websitename}",
			"url": "{$baseurl}",
			"issn": ["2708-4558", "2708-4566"],
			"editor": [{
				"@type": "Person",
				"givenName": "Dr. Alejandro Silva",
				"familyName": "Juárez"
			}],
			"publisher": [{
				"@type": "Organization",
				"name": "AkiNik Publications"
			}],
			"description": "{$page_meta_desc}"
		},
		{
			"@type": "WebPage",
			"name": "{$websitename}",
			"url": "{$baseurl}",
			"primaryImageOfPage": {
				"@id": "{$baseurl}#primaryimage"
			},
			"image": { "@id": "{$baseurl}#primaryimage" },
			"thumbnailUrl": "{$baseurl}uploads/JPG_20200303_112621.jpg",
			"description": "{$page_meta_desc}",
			"publisher": {
				"@type": "Organization",
				"name": "AkiNik Publications",
				"url": "https://www.akinik.com"
			},
			"breadcrumb": {
				"@type": "BreadcrumbList",
				"itemListElement": [
					{
						"@type": "ListItem",
						"position": 1,
						"name": "Home",
						"item": "{$baseurl}"
					}
				]
			}
		},
		{
			"@type": "Organization",
			"name": "{$websitename}",
			"url": "{$baseurl}",
			"logo": "{$baseurl}images/logo.png",
			"contactPoint": {
				"@type": "ContactPoint",
				"telephone": "+91-9711224068",
				"contactType": "Customer Support",
				"areaServed": "Worldwide",
				"availableLanguage": ["English"]
			}
		}
	]
}
</script>

<meta property="og:type" content="website">
<meta property="og:url" content="{$baseurl}">
<meta property="og:title" content="{$head_title}">
<meta property="og:description" content="{$page_meta_desc}">
<meta property="og:image" content="{$baseurl}uploads/JPG_20200303_112621.jpg">
EOJ;
echo PHP_EOL;
endif;
?>
<link rel="canonical" href="<?php echo $canonicalUrl;?>">
<link rel="shortcut icon" href="<?php echo $imageurl;?>favicon.ico" />
<link rel="stylesheet" href="https://www.akinik.com/assets/css/materialize.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500|Domine:400,700|Material+Icons" />
<style type="text/css">
*,*:after,*:before{margin:0;box-sizing:border-box !important;outline:none}body{font-size:13px;font-family:'Domine', sans-serif;overflow-y:scroll}

.row{margin-bottom:0;clear:both}.container{width:75%}.fluid{float:left;width:100%;height:auto}

a{text-decoration:none}a:hover{text-decoration:underline}img,a img{max-width:100%;border:none;object-fit:cover;overflow:hidden}
b,strong,label,th,h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}

input,button,select,textarea{margin:0 !important;font-size:13px !important;font-family:'Domine', sans-serif}

header{padding:10px 0}
header .col img{float:left}
header .col ul{margin-left:50px}
header .col ul li{margin-bottom:5px;font-weight:700;list-style-type:disc;list-style-position:inside}
header .col form{width:380px;margin-bottom:12px;padding:3px;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;display:flex}
header .col form input[type=text]{height:33px;padding:0 5px;border:none !important;box-shadow:none !important}
header .col form input[type=text]::placeholder{color:#999}
header .col form button.btn-flat{height:33px;line-height:34px;padding:0 10px;font-size:12px;font-weight:500}

nav *{height:36px !important;min-height:36px !important;line-height:36px !important}
nav{height:38px !important;border-bottom:2px solid #fff}
nav ul{display:flex}
nav ul li{border-right:1px dashed #3479b0;flex-grow:1}
nav ul li:nth-child(6){background-color:#35926e;}
nav ul li:last-child{border:none}
nav ul li a{font-size:12px;font-weight:700;text-align:center;text-transform:uppercase}
nav a:hover,.sidenav a:hover{text-decoration:none}
nav a.sidenav-trigger{margin:0;padding-right:10px}

.banner img{width:100%}

main{padding:10px 0}

aside .head{float:left;width:100%;padding:8px 10px;background-color:#01579b;color:#fff;font-weight:700}
aside .body{float:left;width:100%;background-color:#dde7ef}
aside .body li{float:left;width:100%;border-top:1px solid #fff;border-bottom:1px solid #a4bbcd;clear:both}
aside .body li:last-child{border-bottom:none}
aside .body li a,aside .body li strong{float:left;width:100%;padding:8px 10px;color:#000;font-weight:normal}
aside img{max-width:100%;margin:0;display:block}

section{margin-bottom:10px;text-align:justify;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
section .phead,
section .chead{margin-bottom:10px}
section .phead{padding-bottom:2px}
section .phead h1{font-size:18px;font-weight:700}
section .chead{padding-bottom:5px;border-bottom:1px dotted #d9d9d9;font-size:16px;font-weight:700}
section a{color:#01579b}

.btn-link-wrap{margin-bottom:20px}
.btn-link-wrap a.btn-flat{line-height:34px;margin:0 10px;border:2px solid transparent;border-radius:25px;display:inline-block;font-size:13px;font-weight:500;text-transform:inherit}
.btn-link-wrap a.btn-flat.teal{border-color:#00796b}
.btn-link-wrap a.btn-flat.red{border-color:#c62828}
.btn-link-wrap a.btn-flat:hover{text-decoration:none}

.boards th,.articles th{padding:8px 7px 6px;background-color:#eee;border:1px solid #e5e5e5;font-size:12px;vertical-align:top}
.boards td,.articles td{padding:7px 7px 6px;border:1px solid #e5e5e5;vertical-align:top}
.boards td:first-child{width:80px}
.boards td:first-child img{width:100%;border-radius:4px;-webkit-border-radius:4px}

.archives .head{padding:8px 10px;border-top:1px solid #eee;border-bottom:1px solid #e5e5e5;font-size:12px;font-weight:700;text-transform:uppercase}
.archives .body{padding:8px 10px;font-size:12px;text-transform:uppercase}
.archives .body ul{margin-top:10px}
.archives .body ul li{margin-bottom:10px}

.articles{margin-bottom:10px}
.articles th.xs{width:50px}.articles th.sm{width:100px}
.articles th,.articles td{padding:7px;vertical-align:top}
.articles td .body{margin-bottom:7px}.articles td .body:last-child{margin-bottom:2px}
.articles td .body a{font-weight:700}

.citation{margin-top:20px;padding:10px;background-color:#cbe0cb;border:1px solid #900;color:#0000cc}
.citation .head{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dashed #999;font-weight:500}
.citation .body{line-height:18px;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.citation .body a{color:#0000cc;text-decoration:underline}
.citation .body a:hover{text-decoration:none}

table.indexing{float:left;width:100%;border-collapse:collapse}
table.indexing td{padding:5px 0;border:1px solid #ccc;text-align:center}
table.indexing td img{float:none}


.form.ajax{padding:20px 13px 10px;border:1px solid #d9d9d9;border-radius:5px;-webkit-border-radius:5px;clear:both;overflow:hidden;position:relative}
.form.ajax .row{margin-bottom:0;padding:0 10px}
.form.ajax .row .col{margin-bottom:15px;padding:0 15px}
.form.ajax .row .col h3{font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif}
.form.ajax .row .col label{float:left;width:100%;color:#333}
.form.ajax .row .col input,.form.ajax .row .col textarea,.form.ajax .row .col select{float:left;width:100%;height:36px;margin:0;padding:0 5px;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;-webkit-border-radius:4px;outline:none}
.form.ajax .row .col textarea{padding:5px;height:120px}
.form.ajax .row .col input:focus,.form.ajax .row .col textarea:focus,.form.ajax .row .col select:focus{border-color:#2962ff;box-shadow:0 1px 2px rgba(0,0,0,0.2) inset}
.form.ajax .row .col .btn{height:35px;line-height:36px;font-size:12px}
.form.ajax .row .col .btn-flat{border-radius:4px;font-weight:500;text-transform:inherit}
.form.ajax .row .col .btn-flat:hover{background:rgba(41,98,255,0.8) !important;box-shadow:0 1px 2px rgba(41,98,255,0.6)}

.progress{margin:0;border-radius:0;position:absolute;top:0;left:0;z-index:999;display:none}
#toast-container{top:auto;right:30px;bottom:30px}.toast{font-size:15px}

.smsg{margin-top:20px;padding:10px;background-color:#ecf9e8;border:1px solid #94bc87;border-radius:3px;-webkit-border-radius:3px;color:#416336;font-weight:700;display:none}

footer{padding:10px 0;font-size:12px}

.whatsapp{width:40px;height:140px;margin:auto;position:fixed;bottom:5px;right:0;z-index:99999;display:none}
.aJyEal tr{border:none;}
.aJyEal tr td{padding:5px;border:1px solid #ddd;}
.aJyEal tr td:first-child{background-color:#9a9aff}
.aJyEal tr td:last-child{background-color:#bbbbf9}
@media(max-width:992px){
.container,aside,section{width:100%}section{padding:0 10px}
header{padding:12px 0}
header .col{text-align:center}
header .col a{margin:auto}
header .col a img{float:none}
header .col ul{width:100%;margin:10px 0 15px;clear:both}
header .col ul li{margin:0 10px;list-style:none;display:inline-block}
header .col form{width:100%}
header .col h5{float:none !important}
.sidenav{background:#616161 url('<?php echo $imageurl.'sidebar-grid.png';?>') left bottom no-repeat}
.sidenav li{float:left;width:100%;line-height:normal;background-color:#616161;border-bottom:1px solid #757575;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;clear:both}
.sidenav li>a{height:auto;line-height:normal;padding:10px 20px;color:#fff;font-size:14px !important}
.sidenav li>a:hover{text-decoration:none}
section{padding:0}
}
@media(max-width:600px){
section .phead h1{font-size:18px}
.form.ajax{padding:10px 0 0}
.form.ajax .row{padding:0}
.form.ajax .row .col{margin-bottom:10px;padding:0 10px}
#toast-container{right:0;bottom:0}
}

.bs-row {--bs-gutter-x: 1.5rem;display: flex;flex-wrap: wrap;margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x));text-align: center;}
.bs-row > * {flex-shrink: 0;width: 25%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;row-gap: 10px;margin-bottom: 30px;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);}
.bs-row > * > a {display: inline-flex;flex-direction: column;row-gap: 8px;}

.mobilebuttons{display: flex;align-items: center;justify-content: center;clear: both;float: left;width: 100%;column-gap: 10px;margin-top: 10px;}
.mobilebuttons.d-flex-col{flex-direction: column;row-gap: 10px;}
.mobilebuttons .enqbtn{border-radius: 17px;border: 1px solid #2e3192;height: 34px;width: 100%;background: #fff;display: flex;align-items: center;justify-content: center;color: #2e3192;font-weight: 500;column-gap: 5px;text-decoration: none;cursor: pointer;font-size: 12px !important;}
.mobilebuttons .enqbtn.bgbtn{background: #2e3192;color: #fff;}
.mobilebuttons .enqbtn.hideonlarge{display: none;}
.mobilebuttons .enqbtn span.material-icons{font-size: 16px;}

.subscriptionenquirycanvas{background: #e6ebf8;position: fixed;bottom: -84px;left: 0;right: 0;z-index: 999;padding: 0 12px;box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.15);transition: all linear 0.25s;height: 74px;}
.subscriptionenquirycanvas .container{display: flex;align-items: center;justify-content: space-between;height: 74px;}
.subscriptionenquirycanvas .container .hideonmobile{display: flex;align-items: center;column-gap: 15px;}
.subscriptionenquirycanvas .container .buttongroup{display: flex;align-items: center;column-gap: 5px;}
.subscriptionenquirycanvas .container a.enqbtn{padding: 0 9px;background: #fe610c;border-radius: 5px;color: #fff;font-weight: 500;font-family: 'Roboto', sans-serif;color: #fff;font-size: 13px;height: 34px;display: inline-flex;border: 1px solid transparent;align-items: center;column-gap: 5px;text-decoration: none;}
.subscriptionenquirycanvas .container a.enqbtn.wab{border-color: #fe610c;background: #fff;color: #fe610c;}
@media(max-width:600px){.bs-row > * {width: 50%;}.mobilebuttons .enqbtn.hideonlarge{display: flex;}.mobilebuttons .enqbtn.hideonsmall{display: none;}.subscriptionenquirycanvas .container .hideonmobile{display: none;}.subscriptionenquirycanvas .container{justify-content: center;}}

.subscriptionform{background: #000a;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;font-family: 'Roboto', sans-serif;display: none;}
.subscriptionform .subscriptionformcentered{display: flex;align-items: center;justify-content: center;width: 100%;height: 100vh;padding: 16px;}
.subscriptionform .subscriptionformcentered .subscriptionformcard{background: #fff;border-radius: 12px;width: 500px;overflow: hidden;}
.subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead{background: #0259b9;height: 120px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;row-gap: 10px;}
.subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead h5{color: #fff;font-size: 20px;font-weight: 500;font-family: 'Roboto', sans-serif;}
.subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead b{color: #fff;font-size: 15px;font-weight: 500;font-family: 'Roboto', sans-serif;}
.subscriptionform .subscriptionformcentered .subscriptionformcard .subscriptionformcardhead button{background: none;width: 24px;height: 24px;display:flex;align-items: center;justify-content: center;border: none;cursor: pointer;position: absolute;top: 10px;right: 10px;color: #fff;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form{padding: 15px 0 2px;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row{--bs-gutter-x: 1rem;display: flex;flex-wrap: wrap;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row > *{width: 100%;flex-shrink: 0;padding-right: calc(var(--bs-gutter-x) * 1);padding-left: calc(var(--bs-gutter-x) * 1);margin-bottom: 15px;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row-2 > *{width: 50%;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row label{text-transform: uppercase;font-size: 11px;font-weight: 500;color: #333;float: left;display: block;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .subscriptionfield{background: #fff;border-radius: 4px;width: 100%;border:1px solid #dee2e6;height: 34px;padding:0 7px;box-shadow: none;outline: none;font-family: 'Roboto', sans-serif;float: left;margin: 0;box-sizing: border-box;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row textarea.subscriptionfield{height: 80px;padding:7px;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .subscriptionfield:focus{border-color: #0259b9;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row button,
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .sloader{width: 130px;height:34px;line-height:34px;padding:0px 12px;background:#0259b9;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;text-align:center;text-transform:uppercase;cursor:pointer;box-shadow:0px 1px 1px rgba(0,0,0,0.3);margin:auto;display: inline-block;font-family: 'Roboto', sans-serif;}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row button:active{background:#187bcf}
.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row .sloader{opacity: 0.5;cursor: default;display: none;}
.customtoast button{background: none;width: 24px;height: 24px;display:flex;align-items: center;justify-content: center;border: none;cursor: pointer;}
@media(max-width:600px){.subscriptionform .subscriptionformcentered .subscriptionformcard form .form-row-2 > *{width: 100%;clear: both;}}

.redpaper-widget {
    width: 100%;
    padding: 8px;
    text-align: center;
    background: #fff;
    box-shadow: 0 8px 24px rgba(204, 0, 0, 0.15);
    transition: transform 0.3s ease;
    position: relative;
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
}
.redpaper-widget:hover {
    transform: translateY(-4px);
}
.redpaper-widget img {
    float: none !important;
    width: 90px;
    height: auto;
}
.redpaper-widget .headline {
    font: 700 18px/1.2 sans-serif;
    color: #fff;
    background: #cc0000;
    padding: 8px 12px;
    border-radius: 6px;
    display: inline-block;
    text-transform: uppercase;
}
.redpaper-widget .cta {
    font: 600 15px/1.4 sans-serif;
    color: #cc0000;
}
.redpaper-widget .check-btn {
    background: #cc0000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font: 600 14px/1.4 sans-serif;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.redpaper-widget .check-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(90deg, rgba(255, 0, 0, 0.1), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    animation: wave-slide 2s infinite;
    z-index: 0;
}
.redpaper-widget .check-btn:hover {
    background: #a80000;
}
.redpaper-widget .check-btn span {
    position: relative;
    z-index: 2;
}

@keyframes wave-slide {
    0% {
        left: -100%;
    }
    50%, 100% {
        left: 100%;
    }
}


<?php
$stmt = $mysqli->prepare("SELECT name, file FROM fonts") or die('An error occurred. Please try after some time.');
$stmt->execute();
$stmt->store_result();
if($stmt->num_rows() > 0):
	$stmt->bind_result($fontname, $fontfile);
	while($stmt->fetch()):
		if($fontfile && file_exists($uploadpath.'fonts/'.$fontfile)):
			echo '@font-face{font-family:'.$fontname.';src:url('.$uploadurl.'fonts/'.$fontfile.');}';
		endif;
	endwhile;
endif;
$stmt->close();
?>
</style>
<script src="https://www.google.com/recaptcha/api.js" defer></script><!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-161416144-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-161416144-1');
</script>
</head>
<body class="blue-grey lighten-4 black-text">
<?php
echo <<<EOJ
<div style="display:flex;justify-content:center;padding:15px 0;">
	<a href="https://www.checkplagiarism.ai" style="display:inline-block" target="_blank" rel="nofollow sponsored noopener">
		<img src="https://www.akinik.com/images/red-paper/red-paper-banner-4.jpg" alt="Red Paper" title="Red Paper" style="display:block;border:1px solid #000;float:none;max-width:100%" />
	</a>
</div>

<div class="container white">
	<header class="row white">
		<div class="col s12 m12 l7">
			<a href="{$baseurl}"><img src="{$imageurl}logo.png" alt="{$websitename}" height="48" /></a>
			<ul class="left">
				<li>Printed Journal</li>
				<li>Refereed Journal</li>
				<li>Peer Reviewed Journal</li>
			</ul>
		</div>
		<div class="col s12 m12 l5">
			<form action="{$baseurl}search" method="get" name="searchform" autocomplete="off" class="right white" onsubmit="return q.value!='';">
				<input type="text" name="q" placeholder="Search articles" />
				<button type="submit" class="btn-flat light-blue darken-4 white-text">Search</button>
			</form>
			<br clear="all">
			<h5 class="right">{$issn}</h5>
		</div>
	</header>
	<div class="clearfix"></div>
	<nav class="nav-extended light-blue darken-4 z-depth-0">
		<div class="nav-wrapper">
			<ul id="nav-mobile" class="hide-on-med-and-down fluid">{$fn->nav()}</ul>
			<a href="#" data-target="sidenav" class="sidenav-trigger center-align right"><i class="material-icons white-text left">menu</i>MENU</a>
		</div>
	</nav>
	<div class="clearfix"></div>
	<div class="banner"><img src="{$imageurl}header.jpg" alt="{$websitename}" class="left" /></div>
	<div class="clearfix"></div>
	<div style="float:left;width:100%;text-align:center;background: linear-gradient(90deg, #1b1a5c, #6e1b89);padding:14px 0;margin:10px 0 0;color:#fff;font-weight:500;font-size: 18px;">Peer Reviewed Journal</div>
	<main class="row white">
		<aside class="col s12 m12 l3 hide-on-med-and-down">
		    <a href="https://www.checkplagiarism.ai" target="_blank" style="text-decoration:none;" rel="nofollow sponsored noopener">
                <div class="redpaper-widget">
                    <div class="headline">Check Plagiarism</div>
					<img src="https://www.checkplagiarism.ai/static/logo-new.png" alt="Red Paper Logo">
                    <div class="cta">Try Red Paper Now!</div>
                    <button class="check-btn"><span>Check Plagiarism</span></button>
                </div>
            </a>
			<a href="{$baseurl}electronics-magazine-subscription" class="body center-align" style="padding:10px;"><b>Subscribe Print Journal</b><br clear="all"><img src="{$imageurl}recommend-this-journal.png" alt="Subscribe Print Journal" style="margin:auto;" /></a>
			{$fn->sidebar('L')}
		</aside>
		<section class="col s12 m12 l9">
			<div class="phead center-align"><h1>{$websitename}</h1></div>
			<br clear="all">
EOJ;
			if($pagename !== $basename):
				echo '<div class="head chead center-align">'.$page_title.'</div>';
			endif;
?>