<?php 
global $opt_themes;  
if($opt_themes['debug_on']){
if ( $data['title_GP'] && ! is_wp_error( $data['title_GP'] ) ) 
{
?>

<div id="debug"> 
<?php

@ini_set('display_errors', ERRORS); 
if ($data) { 	
@ini_set('display_errors', ERRORS); 
global $opt_themes;  
$urlX							= $url;
$parse							= parse_url($urlX);
$urlX1							= preg_replace("/^([a-zA-Z0-9].*\.)?([a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9]\.[a-zA-Z.]{2,})$/", '$2', $parse['host']);
$language						= $opt_themes['apk_language']; 
$arr['languages']				= $language;	 
?>

<link rel="stylesheet" href="<?php echo EX_THEMES_URI; ?>/libs/addons/assets/css_2/aps-admin.css"> 
<style>
th.has-text-align-left {text-transform: capitalize;padding:10px;}
td.has-text-align-left {padding:10px 0px ;}
table.app-box-info ul, table.app-box-info ol {
  margin: unset; 
}
table.app-box-info ol > li { 
  padding: 0;
  display:list-item; 
  list-style-type: square;
}
 
</style>
<div style="clear:both"></div>  
 
<!--
<?php
if ( !empty($data['images_GP']) ) { 
$images_GP	= $data['images_GP'];
?> 

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'>

<style>
img.gallery {height: 100%;object-fit: cover;}.owl-nav button {position: absolute;top: 50%;background-color: #000;color: #fff;margin: 0;transition: all 0.3s ease-in-out;}.owl-nav button.owl-prev {left: 0;}.owl-nav button.owl-next {right: 0;}.owl-dots {text-align: center;padding-top: 15px;}.owl-dots button.owl-dot {width: 15px;height: 15px;border-radius: 50%;display: inline-block;background: #ccc;margin: 0 3px;}.owl-dots button.owl-dot.active {background-color: #000;}.owl-dots button.owl-dot:focus {outline: none;}.owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.38) !important;}span.gl {font-size: 70px;position: relative;top: -5px;}.owl-nav button:focus {outline: none;}.owl-item {height: 200px !important;display: flex;}.item.gl {width: 100%;}
</style>

<div class="owl-slider">
<div id="carousel" class="owl-carousel">

<div class="item gl"><img class="gallery" src="<?php print_r( $data['cover']) ?>"></div>   
<?php
foreach ( (array) $images_GP as $key => $img ) {  ?>
<div class="item gl"><img class="gallery" src="<?php echo $img; ?>"></div>   
<?php } ?>
	
</div>
</div>
 
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'></script>
<script id="rendered-js" >
jQuery("#carousel").owlCarousel({autoplay:true,rewind:false,margin:20,loop:true,responsiveClass:true,autoHeight:true,autoplayTimeout:7000,smartSpeed:800,nav:true,navText:['<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>','<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>'],responsive:{0:{items:1},600:{items:3},1024:{items:4},1366:{items:4}}});
</script>
<?php } ?>
<div style="clear:both"></div>
-->


<?php if ( !empty($data['GP_ID']) ) {?>
<div class="play_menu" style="padding: unset;margin: 10px 0;">
	<h3 style="color:black;text-align: center;font-size: x-large!important;">Showing Information "<b><?php print_r( $data['title_GP']) ?></b>" from <b><a href='https://play.google.com/store/apps/details?id=<?php print_r( $data['GP_ID']) ?>' target="_blank"  style="text-transform:uppercase!important;color: <?php echo colors_url; ?>;">playstore</a></b>
	</h3>
</div>
 

<div class="admin-inside-box clearfix">
<div class="aps-wrap">
<div id="aps-tb-features" class="aps-tab-content active">
<ul class="aps-features">


	<li class="aps-field-box">	
	
	<?php if ( !empty($data['GP_ID']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>Package ID </label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['GP_ID']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['title_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>App Name</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['title_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['version_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>version</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['version_GP']; ?>"/>
	</div>
	<?php } ?>
	
	</li>
	
	<li class="aps-field-box">	
	<?php if ( !empty($data['sizes_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>sizes</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['sizes_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['genres_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>category</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['genres_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['developers_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>developers</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['developers_GP']; ?>"/>
	</div>
	<?php } ?>
	</li>
	
	<li class="aps-field-box">	
	<?php if ( !empty($data['installs_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>totall installs</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['installs_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['updates_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>latest updates</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['updates_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['requires_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>os require</label>
	<input onclick="this.select()" readonly type="number" class=" aps-text-input" value="<?php echo $data['requires_GP']; ?>"/>
	</div>
	<?php } ?>
	</li>
	
	<li class="aps-field-box">		
	<?php if ( !empty($data['rated_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>rated</label>
	<input onclick="this.select()" readonly type="number" class=" aps-text-input" value="<?php echo $data['rated_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['ratings_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>voted</label>
	<input onclick="this.select()" readonly type="number" class=" aps-text-input" value="<?php echo $data['ratings_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['youtube_GP']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>youtube id</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['youtube_GP']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['paid_GP1']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>paid 1</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['paid_GP1']; ?>"/>
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['paid_GP2']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>paid 2</label>
	<input onclick="this.select()" readonly type="text" class=" aps-text-input" value="<?php echo $data['paid_GP2']; ?>"/>
	</div>
	<?php } ?>
	
	</li> 	 
 
    <?php if ( !empty($data['desck_GP']) ) { ?> 
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>Summary </label>
	</div>				
	<div class="aps-col-4">
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php print_r( $data['desck_GP']) ?></textarea>    
	</div>
	</li> 
    <?php } ?>	
     
 

 
    <?php if ( !empty($data['whatnews_GP']) ) { ?> 
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>whats news </label>
	</div>				
	<div class="aps-col-4">
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="5"><?php print_r( $data['whatnews_GP']) ?></textarea>    
	</div>
	</li> 
    <?php } ?>	
     
    <?php if ( !empty($data['articlebody_GP']) ) { ?> 
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>content </label>
	</div>				
	<div class="aps-col-4">
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="6"><?php print_r( $data['articlebody_GP']) ?></textarea>    
	</div>
	</li> 
    <?php } ?>	
      
    <?php if ( !empty($data['cover']) ) { ?> 
	<li class="aps-field-box">
	 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>Background cover</label>
	</div>	
	<div class="aps-col-4">
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['cover']; ?></textarea>    
	</div>
	 
	</li> 
    <?php } ?>	
     
    <?php if ( !empty($data['images_GP']) ) { 
	$images_GP	= $data['images_GP'];
	?> 
	<li class="aps-field-box">
	<?php 
	$counter = 0;
	foreach ( (array) $images_GP as $key => $img ) {  
	$counter++;		
	?>	
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>Gallery <?php echo $counter; ?></label>
	</div>	
	<div class="aps-col-4">
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $img; ?></textarea>    
	</div>
	<?php } ?>
	</li> 
    <?php } ?>	
     
	
</ul>
</div>
</div>
</div>
<?php } ?>

<?php if ($data['title']) { ?>
<div style="clear:both"></div>

<div class="play_menu" style="padding: unset;margin: 10px 0;">
	<h3 style="color:black;text-align: center;font-size: x-large!important;">Showing Information "<b><?php print_r( $data['title_GP']) ?></b>" from <b><a href='<?php echo $url; ?>' target="_blank"  style="text-transform:uppercase!important;color: <?php echo colors_url; ?>;"><?php echo $urlX1; ?></a></b>
	</h3>
</div>


<div class="admin-inside-box clearfix">
<div class="aps-wrap">
<div id="aps-tb-features" class="aps-tab-content active">
<ul class="aps-features">
 

	<li class="aps-field-box">		
	
	<?php if ( !empty($data['title']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>title </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['title']; ?></textarea>    
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['app_name']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>app name </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['app_name']; ?></textarea>    
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['version_sc']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>version </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['version_sc']; ?></textarea>   
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['genre_sc']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>genre </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['genre_sc']; ?></textarea>  
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['size_sc']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>size  </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['size_sc']; ?></textarea>  
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['developer_sc']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>developer </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['developer_sc']; ?></textarea>  
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['updated_sc']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>updated </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php echo $data['updated_sc']; ?></textarea> 
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['mods']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>short mods </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php print_r( $data['mods']) ?></textarea>     
	</div>
	<?php } ?>
	
	<?php if ( !empty($data['full_mod']) ) { ?> 
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>full mods </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="2"><?php print_r( $data['full_mod']) ?></textarea>      
	</div>
	<?php } ?>
	 
	<?php if ( !empty($data['article_content']) ) { ?> 
	<div class="aps-col-6" style="text-transform:uppercase">
	<label>content </label>
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="4"><?php print_r( $data['article_content']) ?></textarea>      
	</div>
	<?php } ?>
	 
	
	</li> 
	 
  
     
</ul>
</div>
</div>
</div>
     
 
 
			
<?php } ?>
<div style="clear:both"></div>
<div class="play_menu" style="padding: unset;margin: 10px 0;">
	<h3 style="color:black;text-align: center;font-size: x-large!important;">List of Download Link  </h3>
</div>

<div class="admin-inside-box clearfix">
<div class="aps-wrap">
<div id="aps-tb-features" class="aps-tab-content active">
<ul class="aps-features">
 
	<?php if ($data['title']) { ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>title</label>
	</div>				
	<div class="aps-col-4">
	<input readonly  type="text" class="aps-text-input " value="<?php print_r( $data['title']) ?>" />  
	</div>
	</li> 
 
	<?php } if ( !empty($data['download_links_page']) ) {  ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>download html page </label>
	</div>				
	<div class="aps-col-4">
	<input readonly  type="text" class="aps-text-input " value="<?php print_r( $data['download_links_page']) ?>" />  
	</div>
	</li> 
  
	<?php } if ( !empty($data['downloadlink']) ) {  ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>link download </label>
	</div>				
	<div class="aps-col-4">
	<input readonly  type="text" class="aps-text-input " value="<?php print_r( $data['downloadlink']) ?>" />  
	</div>
	</li> 
  
	<?php }
	$count		= count($data['downloadlinks_gma']);
	
	for ($i = 0; $i < $count; $i++) {
	@ini_set('display_errors', ERRORS); 
	if ( !empty($data['name_downloadlinks_gma'][$i]) ) {	
	if ( !empty($data['downloadlink_gma_'[$i]]) ) {
		$get_link_[$i]	= $data['downloadlink_gma_'[$i]];  
	} else {
		$get_link_[$i]	= $data['downloadlinks_gma'][$i];  
	} if ( !empty($data['name_downloadlinks_gma'][$i]) ) {
		$get_name_[$i]	= $data['name_downloadlinks_gma'][$i];  
	} if ( !empty($data['size_downloadlinks_gma'][$i]) ) {
		$get_size_[$i]	= $data['size_downloadlinks_gma'][$i];  
	} if ( !empty($data['type_downloadlink_gma_'[$i]]) ) {
		$get_type_[$i]	= $data['type_downloadlink_gma_'[$i]];  
	} elseif ( !empty( $data['types_downloadlinks_gma'][$i]) ) {
		$get_type_[$i]	= $data['types_downloadlinks_gma'][$i];  
	} if ( !empty($data['notes_downloadlinks_gma'][$i]) ) { 
		$get_note_[$i]	= $data['notes_downloadlinks_gma'][$i];  
	}
	?>

	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>link download #<?php echo $i+1; ?></label>
	</div>				

	<div class="aps-col-4 ">
	
	<?php if ( !empty($get_link_[$i]) ) { ?>
	<input readonly  type="text" class="aps-text-input " value="LINK DOWNLOAD : <?php echo $get_link_[$i];?>" />
	<?php } if ( !empty($data['apklink'][$i]) ) { ?>
	<input onclick="this.select()" readonly  type="text" class="aps-text-input " value="LINK APK : <?php echo $data['apklink'][$i];?>" />
	<?php } ?>
	<input readonly  type="text" class="aps-text-input " value="NAME : <?php echo $get_name_[$i]; ?>" />
	<?php if ( !empty($get_size_[$i]) ) { ?>
	<input readonly  type="text" class="aps-text-input " value="SIZE : <?php echo wp_strip_all_tags($get_size_[$i]); ?>" /> 
	<?php } if ( !empty($get_type_[$i]) ) { ?>
	<input readonly  type="text" class="aps-text-input " value="TYPE : <?php echo $get_type_[$i];?>" />
	<?php } if ( !empty($get_note_[$i]) ) { ?>
	<input readonly  type="text" class="aps-text-input " value="NOTE : <?php echo $get_note_[$i];?>" />
	<?php } ?>
	 
	</div>
	</li> 
  
    <?php }} if ( !empty($data['downloadlink2']) ) {  ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>apk links </label>
	</div>	 
	<div class="aps-col-4">  
	<?php 
	$downloadlink2 = $data['downloadlink2'];      
	foreach ( (array) $downloadlink2 as $key => $item ) { 
	?> 
	<input onclick="this.select()" readonly  type="text" class="aps-text-input " value="<?php echo $item; ?>" />
	<?php } ?>  
	</div>	 
	</li>      
		
    <?php } if ( !empty($data['namedownloadlink2']) ) {  ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>apk name </label>
	</div>	 
	<div class="aps-col-4">  
	<?php 
	$namedownloadlink2 = $data['namedownloadlink2'];      
	foreach ( (array) $namedownloadlink2 as $key => $item ) { 
	?> 
	<input readonly  type="text" class="aps-text-input " value="<?php echo $item; ?>" />
	<?php } ?>  
	</div>	 
	</li>      
		
    <?php } if ( !empty($data['sizedownloadlink2']) ) {  ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>apk size </label>
	</div>										
	<div class="aps-col-4">
	<input readonly  type="text" class="aps-text-input " value="<?php print_r( $data['sizedownloadlink2']) ?>" /> 
	</div>
	</li> 
	</li>        
		
    <?php } if ( !empty($data['link_download_aptoide']) ) { ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label>file link aptoide</label>
	</div>										
	<div class="aps-col-4"> 
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="3"><?php print_r( $data['link_download_aptoide']) ?></textarea>   
	</div>
	</li> 
	</li>        
		
    <?php } if ( !empty($data['link_download_gps']) ) { ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label> file Link apkgk </label>
	</div>	 
	<div class="aps-col-4">  
	<?php 
	$link_download_gps = $data['link_download_gps'];      
	foreach ( (array) $link_download_gps as $key => $item ) { 
	?>  
    <textarea onclick="this.select()" readonly id="auto_expand" class="aps-textarea" rows="8"><?php echo $item; ?></textarea>   
	<?php } ?>  
	</div>	 
	</li>     
	
    <?php } if ( !empty($data['name_download_gps']) ) { ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label> file name apkgk </label>
	</div>	 
	<div class="aps-col-4">  
	<?php 
	$name_download_gps = $data['name_download_gps'];      
	foreach ( (array) $name_download_gps as $key => $item ) { 
	?> 
	<input readonly  type="text" class="aps-text-input " value="<?php echo $item; ?>" />
	<?php } ?>  
	</div>	 
	</li>     
	
    <?php } if ( !empty($data['size_download_gps']) ) { ?>
	<li class="aps-field-box">
	<div class="aps-col-2" style="text-transform:uppercase">
	<label> file size apkgk </label>
	</div>	 
	<div class="aps-col-4">  
	<?php 
	$size_download_gps = $data['size_download_gps'];      
	foreach ( (array) $size_download_gps as $key => $item ) { 
	?> 
	<input readonly  type="text" class="aps-text-input " value="<?php echo $item; ?>" />
	<?php } ?>  
	</div>	 
	</li>     

	<?php } ?>	
     
</ul>
</div>
</div>
</div>
     
 
<?php }  ?>
<style>
input#auto_expand {
  scrollbar-width: thin;
  outline: none;
  resize: none;
  box-shadow: 0 0 0 4px rgba(34,113,177, 0.3);
  width: 100%;
  min-height: 50px;
  max-height: 200px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #2271B1;
}
textarea#auto_expand {
  scrollbar-width: thin;
  outline: none;
  resize: none;
  box-shadow: 0 0 0 4px rgba(34,113,177, 0.3);
  width: 100%;
  min-height: 50px;
  max-height: 200px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #2271B1;
}
textarea#auto_expand:hover, textarea#auto_expand:focus {
  box-shadow: 0 0 0 4px rgba(34,113,177, 0.5);
}
textarea#auto_expand::-webkit-scrollbar {
  width: 8px;
}
textarea#auto_expand::-webkit-scrollbar-track {
  background-color: red;
  border-radius: 0 5px 5px 0;
}
textarea#auto_expand::-webkit-scrollbar-thumb {
  background-color: #2271B1;
  border-radius: 5px;
}
</style>
  
<script id="rendered-js" >
const textarea = document.getElementById("auto_expand");

function setHeight(elem) {
  const style = getComputedStyle(elem, null);
  const verticalBorders = Math.round(parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth));
  const maxHeight = parseFloat(style.maxHeight) || 300;

  elem.style.height = "auto";

  const newHeight = elem.scrollHeight + verticalBorders;

  elem.style.overflowY = newHeight > maxHeight ? "auto" : "hidden";
  elem.style.height = Math.min(newHeight, maxHeight) + "px";
}

textarea.addEventListener("input", e => {
  setHeight(e.target);
});

setHeight(textarea);
</script>
	
<script> 
$(function(){
   $("a.toggle.dt-app-tag").click(function () {
      $(this).text(function(i, text){
          return text === "Show Debug" ? "Hide Debug" : "Show Debug";
      })
   });
})
$(function(){
   $("li a.toggle").click(function () {
      $(this).text(function(i, text){
          return text === "Show Debug" ? "Hide Debug" : "Show Debug";
      })
   });
})
</script>
</div>
<?php } else { ?>
<?php echo NO_ID; ?>
<?php }} ?>