^^&&^^

Edit File: new_site_theme.php

<?php

//////////////////////////////////////////////////////////////
//===========================================================
// hf_theme.php
//===========================================================
// SOFTACULOUS 
// Version : 1.1
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Alons
// Date:       10th Jan 2009
// Time:       21:00 hrs
// Site:       http://www.softaculous.com/ (SOFTACULOUS)
// ----------------------------------------------------------
// Please Read the Terms of use at http://www.softaculous.com
// ----------------------------------------------------------
//===========================================================
// (c)Softaculous Inc.
//===========================================================
//////////////////////////////////////////////////////////////

if(!defined('SITEPAD') && !defined('SITEMUSH')){

die('Hacking Attempt');

}

function new_site_theme(){

global $globals, $l, $theme, $nupanel, $error, $user, $themes, $done, $langs, $categories, $setup_fields;

softheader($l['title_new_site']);

// Check for sites limit if the plan is active
	if(
		!empty($nupanel->user['plan_active']) && 
		!empty($nupanel->user['plan']['newsites']) && 
		$nupanel->user['plan']['newsites'] <= count($user['ins'])
	){
		
		echo '<div class="bg mt-2 p-5 ">
			<div class="row sai_main_head">
				<div class="col-sm-12 col-xs-12 text-center">
					<h3><i class="fa sai-www" style="color:#00A0D2;"></i>&nbsp;&nbsp;<span>'.$l['title_new_site'].'</span></h3>
				</div>
			</div>
			<hr/>
			<div class="alert alert-danger" style="padding:10px;font-size:15px;"><center><i class="sai sai-remove"></i>&nbsp;&nbsp;'.$l['max_site_err'].'
			</center>
			</div>
			<br/>
			<center><a href="'.$globals['index'].'act=all_sites" class="sai_head">'.$l['return_all_site'].'</a></center>
		</div>';
		return false;
	}
	
echo '
<style>
.bg{
margin: 0px !important;
padding:0px 0px 10px 0px;
}

#softcontent{
padding:0px;
}

.theme_details{
width: 330px;
border: 1px solid #ccc;
}

.theme-screenshot{
height: 275px;
overflow: hidden;
position: relative;
}

.theme-screenshot img{
max-width: 100%;
cursor: pointer;
}

.theme-info{
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
opacity: 0;
text-align: center;
background: #959595;
}

.theme-info button{
margin-top: 130px;
opacity: 1;
}

.theme-info:hover{
opacity: 0.7;
}

.theme_name{
border-top: 1px solid #ccc;
font-size: 15px;
font-weight: bold;
line-height: 200%;
}

.category-button{
cursor: pointer;
}
</style>

<?php 
$get_theme = optREQ('theme');
if( !empty($get_theme) && array_key_exists($get_theme, $themes) ){
	echo 'selected_theme="'.$get_theme.'"';
}
?>

// Show the themes
function show_single_theme(slug){
	
	$("#suggestion_list").hide();
	
	set_tab_active(1);
	
	var theme = themes[slug];
	
	ele = '#category_list_'+themes[slug]['category']+' a';
	$('.category-button').removeClass('cat-active');
	$(ele).addClass('cat-active');
	
	$('.themes-holder').html('');
	$('#pagination-div').html('');
	
	show_theme_tile(themes[slug]);

}

// Show the themes
function show_themes(cat, page, ele){
	
	$("#suggestion_list").hide();
	
	set_tab_active(1);
	
	ele = ele || '#category_list_all a';
	$('.category-button').removeClass('cat-active');
	$(ele).addClass('cat-active');
	
	$('.themes-holder').html('');
	$('#pagination-div').html('');
	
	var cat = cat || "";
	var page = page || 1;
	var num = 45;
	var start = num * (page - 1);
	var end = num + start;	
	var i = 0;	
		
	for(var x in themes){
		
		// Is it same category
		if(cat.length > 0 && cat != themes[x].category){
			continue;
		}
				
		if(i >= start && i < end){
			//console.log(x+' '+i+' '+start+' '+end);
			show_theme_tile(themes[x]);
		}
		
		i++;
		
	}
	
	var pages = Math.ceil(i/num);
	
	if(pages > 1){
		
		var html = '<ul class="pagination">';
		
		for(var p = 1; p <= pages; p++){
			html += '<li class="page-item '+(page == p ? 'active' : '')+'"><a class="page-link" href="#" onclick="show_themes(\''+cat+'\', '+p+')">'+p+'</a></li>';
		}
		
		html += '</ul>';
		
		$('#pagination-div').html(html);
		
	}
	
}

function show_theme_tile(theme){
	var html = '<div class="col-md-4 my-4">'+
		'<div class="row justify-content-center">'+
			'<div class="theme_details">'+
				'<div class="theme-screenshot">'+
					'<div class="theme-info"><button class="btn btn-dark" onclick="show_theme_details(\''+theme['slug']+'\')"><?php echo $l['show_theme'];?></button></div>'+
					'<img src="'+mirror+'/'+theme['slug']+'/screenshot.jpg" loading="lazy" alt="" />'+
				'</div>'+
				'<div class="theme_name p-2">'+theme['name']+'<button class="btn btn-success btn-sm float-right" onclick="show_site_details(\''+theme['slug']+'\')"><?php echo $l['select'];?></button></div>'+
			'</div>'+
		'</div>'+
	'</div>';	
	$('.themes-holder').append(html);
}

// Show the theme details
function show_theme_details(theme){
	$("#detail_img").attr("src", mirror+'/'+theme+'/screenshot.jpg');
	$("#details_modal").modal("show");
	$("#theme_details_select").attr("onclick", 'show_site_details("'+theme+'")');
	
	if($("#theme_demo").length > 0){
		$("#theme_demo").attr('href', '<?php echo $globals['sm_brand_demos'];?>/'+themes[theme]['name']+'/'.replace(' ', '_'));
	}
}

// Show the details
function show_site_details(theme){
	
	// Hide modal if shown
	$("#details_modal").modal("hide");
	
	// Show the details tab
	set_tab_active(2);
	
	checkhttps('#softdomain');
	
	// Set the theme
	selected_theme = theme;
}

function toggle_additional(){
	$("#modal_more_social").modal('show');	
}

function try_full_screen(){
	try{
		
		// Do we need to set default mode as contracted ?
		var full = getcookie("sp-setup-fullscreen") || 1;
		set_fullscreen(full);
	
	}catch(e){}
};

// Search for a theme
function suggest_theme(e, ele) {

var timer = null;
	clearTimeout(timer);
	var a = $(ele).val();

// check value only after user stops typing
	timer = setTimeout(function () {
		if (e.keyCode == 8) {
			if (!a) {
				$("#suggestion_list").hide();
			}
		}

if (a) {
			jQuery('#sm_assistant01').fadeOut('slow').css('margin-top', '20px');
		}

if (a) {
			a = a.split(" ");//split if has space
			show_searched_theme(a); //search for theme
		}

}, 200);

}

function show_searched_theme(val) {
	
	var data = new Array();
	var arr = new Array();
	var vale = val.join(" "); // join split file
	var vale_slug = val.join(""); //join for slug
	vale_slug = vale_slug.toLowerCase();
	vale = vale.toLowerCase();
	
	//val = jQuery.trim(val);
	for (var x in themes) {

var slug = themes[x].slug;
		//var tags = themes[x].tags;

//search by theme name
		if ((themes[x].name.substring(0, vale.length) === vale)) {
			data.push(themes[x].slug);
			arr.push(themes[x].name);
		}

//search by slug
		if ((themes[x].slug.substring(0, vale_slug.length) === vale_slug)) {
			data.push(themes[x].slug);
			arr.push(themes[x].name);
		}

/*tags_split = tags.split(",");

//search by tags
		for (var z in tags_split) {
			tags_split[z] = tags_split[z].trim();
			tags_split[z] = tags_split[z].toLowerCase();
			if (tags_split[z].lastIndexOf(vale, 0) === 0) {
				if (data.indexOf(themes[x].slug) == -1 && arr.indexOf(themes[x].name) == -1) {
					data.push(themes[x].slug);
					arr.push(themes[x].name);
				}
			}
		}*/
	}

try_full_screen();

jQuery(document).ready(function(){
	
	if(!selected_theme){
		set_tab_active(0);
	}else{
		show_site_details(selected_theme);
	}
	
	try_full_screen();
	
	$(".submenu").click(function () {
		$(".submenu-item").toggleClass("col-lg-2 d-none");
		$(".themes-data").toggleClass("col-lg-10 col-lg-12");
	});
	
});

</script>

<?php

echo '<div class="bg mt-2" id="setup-div">

<div class="row" style="margin:0px;">
	<div class="col-sm-12 setup-nav" id="setup-nav">
		<span class="setup-nav-object" id="step-0-tab" data-id="0">Overview</span>		
		<i class="fa sai-rightarrow setup-nav-object"></i>
		<span class="setup-nav-object" id="step-1-tab" data-id="1">Theme</span>
		<i class="fa sai-rightarrow setup-nav-object"></i>
		<span class="setup-nav-object" id="step-2-tab" data-id="2">Details</span>
		<i class="fa sai-rightarrow setup-nav-object"></i>
		<span class="setup-nav-object" id="step-3-tab" data-id="3">Complete</span>
		<i class="fa fa-2x sai-contract toggle-setup-page" onclick="set_fullscreen(-1)" style="cursor: pointer;" id="toggle-fullscreen"></i>
	</div>
</div>

<div class="container" id="step-0-div">
	<h1 class="text-center sitepad-heading">'.$l['welcome_new_site'].'</h1><hr class="sitepad-hr"/>
	<p class="text-center sitepad-text mt-4">You are just 3 steps away from creating your awesome website</p>
	<div class="row text-center mt-5">
		<div class="col-sm-4 page-tile site-tile">
			<div class="setup-screenshot">
				<img src="'.$theme['images'].'themes_collage.png" class="screenshot-img mx-auto"/>
				<div class="align-middle mt-2 screenshot-title">1. '.$l['choose_theme'].'</div>
				<div class="align-middle screenshot-details">
					'.$l['choose_theme_exp'].'
				</div>
			</div>				
		</div>
		<div class="col-sm-4 page-tile site-tile">
			<div class="setup-screenshot">
				<img src="'.$theme['images'].'site_details.png" class="screenshot-img mx-auto"/>
				<div class="align-middle mt-2 screenshot-title">2. '.$l['site_details'].'</div>
				<div class="align-middle screenshot-details">
					'.$l['site_details_exp'].'
				</div>
			</div>				
		</div>
		<div class="col-sm-4 page-tile site-tile">
			<div class="setup-screenshot">
				<img src="'.$theme['images'].'complete_setup.png" class="screenshot-img mx-auto"/>
				<div class="align-middle mt-2 screenshot-title">3. '.$l['comp_setup'].'</div>
				<div class="align-middle screenshot-details">
					'.$l['comp_setup_exp'].'
				</div>
			</div>
		</div>
	</div>
	<br />
	<center>
		<input type="button" class="btn button-primary" name="get_started" onclick="show_themes();" value="'.$l['get_started'].'" />
	</center>
</div>

<div class="container-fluid" id="step-1-div">
<div class="row">
	<div class="col-lg-2 col-md-2 submenu-item" style="border-left:1px #222 solid;">
		<p style="color:#f2ffff;margin-top:8px;margin-bottom:8px;font-size:16px;">Categories</p>
		<ul class="navbar-nav mr-auto" id="navigation-list">
			<li id="category_list_all" class="nav-item"><a class="all nav-link category-button cat-active" style="font-size:14px;color:#aaaaaa;" onclick="show_themes();" name="all">'.$l['all'].'</a></li>';
		foreach($categories as $slug => $cat){
			echo '<li id="category_list_'.$slug.'" class="nav-item mb-2"><a class="' . $slug . ' nav-link category-button p-0" onclick="show_themes(\''.$slug.'\', 1, this);" style="color:#aaaaaa;font-size:14px;" name="' . $slug . '">' . $cat . '</a></li>';
		}
		echo '</ul>
	</div>
	<div class="themes-data col-lg-10 col-md-10 pt-3">
		<center>
			<h3 class="mb-2">
				<i class="fa sai-pfx_icon"></i> &nbsp; '.$l['select_theme'].'
				<span class="badge badge-secondary" style="font-size:15px;font-weight:300;top:-15px;">
					'.count($themes).'
				</span>
			</h3>
		</center>
		<div class="row">
			<div class="col-sm-12 col-md-4 mt-2" style="position:relative;">
				<input type="search" name="search" class="search-input form-control" onkeyup="suggest_theme(event, this)" placeholder="'.$l['search_themes'].'" autocomplete="off"/>							
				<div id="suggestion_list" class="suggestion_list" style="position:absolute !important; width:calc(100% - 30px);"></div> 
			</div>
			<div class="col-sm-12 col-md-8">
				<div id="pagination-div" class="pull-right"></div>
			</div>
		</div>
		<div class="themes-holder row"></div>
	</div>
</div>
</div>

<form accept-charset="'.$globals['charset'].'" name="edit_site" method="post" action="" id="edit_site" class="form-horizontal sitepad-form">
<div class="container-fluid" id="step-2-div">
	<h2 class="text-center mt-1" style="padding-top:8px;">'.$l['new_site_details'].'</h2><hr class="sitepad-hr mt-1 mb-2"/>
	<p align="center" class="mb-3" style="font-size:14px;">'.$l['new_site_details_exp'].'<br>'.$l['new_site_details_optional'].'</p>';
	
	error_handle($error, '100%');
	
	echo '
	<div class="row">
		<div class="offset-sm-2 col-sm-8">		
			<div class="alert alert-danger" id="error-div" style="padding:10px;font-size:15px;display:none"><span id="error-msg"></span></div>		
		</div>
	</div>';
	
	echo'	
	<div class="row justify-content-sm-center">
	<div class="col-4">
		<div class="row" style="font-size:20px;color:#666666;">
			<div class="w-100">
				<h3 class="sitepad-sub-heading d-inline-block">'.$l['site_details'].'</h3>
			</div>
			<hr class="sitepad-hr m-0 mt-1" style="width:50px;"/>
		</div>
	</div>
	<div class="offset-sm-1 col-4">
		<div class="row" style="font-size:20px;color:#666666;">
			<div class="w-100">
				<h3 class="sitepad-sub-heading d-inline-block">'.$l['contact_info'].'</h3>
			</div>
			<hr class="sitepad-hr m-0 mt-1" style="width:50px;"/>
		</div><br />
	</div>
	</div>
	
	<div class="row justify-content-sm-center">
	<div class="col-4">
		<div class="row mb-2">
			<label for="siteurl" class="setup-field-head">'.$l['site_address'].'</label>
			<div class="row no-gutters">
				<div class="col-sm-3">
					<select name="protocol" id="softproto" class="form-control">';
						foreach($globals['protocols'] as $k => $v){
							echo '<option value="'.$k.'">'.$v.'</option>';
						}
					echo '
					</select> 
				</div>
				<div class="col-sm-5">
					<select name="domain" id="softdomain" class="form-control" onchange="checkhttps(this)">';
						foreach($nupanel->domainroots as $k => $v){
							echo '<option value="'.$k.'">'.$k.'</option>';
						}
					echo '
					</select> 
				</div>
				<div class="col-sm-4">
					<input type="text" name="subdir" value="'.POSTval('subdir', $site['subdir']).'" class="form-control" placeholder="'.$l['subdir'].'">
				</div>
			</div>
			<label class="setup-field-exp">'.$l['site_address_exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="email" class="setup-field-head">'.$l['admin_email'].'</label>
			<input type="text" name="email" value="'.POSTval('email', $site['email']).'" class="form-control" placeholder="'.$l['enter_email'].'">
			<label class="setup-field-exp">'.$l['admin_email_exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="title" class="setup-field-head">'.$l['site_title'].'</label>
			<input type="text" class="form-control" name="title" id="title" value="'.$l['site_title_def'].'" />
			<label class="setup-field-exp">'.$l['site_title_exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="blogdescription" class="setup-field-head">'.$setup_fields['blogdescription']['heading'].'</label>
			<input type="text" class="form-control" name="blogdescription" id="blogdescription" value="'.$setup_fields['blogdescription']['default'].'" />
			<label class="setup-field-exp">'.$setup_fields['blogdescription']['exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="language" class="setup-field-head">'.$l['choose_lang'].'</label>
			<select name="language" id="language" class="form-control">';
				foreach($langs as $k => $v){
					echo '<option value="'.$k.'" '.(empty($_POST['language']) && (empty($user['language']) ? $globals['language'] : $user['language']) == $v ? 'selected="selected"' : (trim($_POST['language']) == $k ? 'selected="selected"' : '') ).'>'._ucfirst($v).'</option>';
				}
			echo '</select>
			<label class="setup-field-exp">'.$l['choose_lang_exp'].'</label>
		</div>
		
		<div class="row mt-4 mb-2 justify-content-sm-center">
			<div class="col-sm-6">
				<button type="button" onclick="submit_setup_details(this)" class="btn button-primary" name="complete_setup" style="white-space: nowrap;">
				<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display:none;"></span> '.$l['proceed_install'].'
				</button>
			</div>
		</div>
		<center>
			<br>
			<input type="checkbox" name="sitepad_dev_mode" value="1" />
			'.$setup_fields['sitepad_dev_mode']['heading'].' <label class="setup-field-exp">'.$setup_fields['sitepad_dev_mode']['exp'].'</label>
		</center>
	
	</div>	
	
	<div class="offset-sm-1 col-4">
	
		<div class="row mb-2">
			<label for="pagelayer_cf_to_email" class="setup-field-head">'.$setup_fields['pagelayer_cf_to_email']['heading'].'</label>
			<input type="text" class="form-control" name="pagelayer_cf_to_email" id="pagelayer_cf_to_email" placeholder="'.$setup_fields['pagelayer_cf_to_email']['default'].'" value="" />
			<label class="setup-field-exp">'.$setup_fields['pagelayer_cf_to_email']['exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="pagelayer-phone" class="setup-field-head">'.$setup_fields['pagelayer-phone']['heading'].'</label>
			<input type="text" class="form-control" name="pagelayer-phone" id="pagelayer-phone" placeholder="'.$setup_fields['pagelayer-phone']['default'].'" value="" />
			<label class="setup-field-exp">'.$setup_fields['pagelayer-phone']['exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="pagelayer-address" class="setup-field-head">'.$setup_fields['pagelayer-address']['heading'].'</label>
			<input type="text" class="form-control" name="pagelayer-address" id="pagelayer-address" placeholder="'.$setup_fields['pagelayer-address']['default'].'" value="" />
			<label class="setup-field-exp">'.$setup_fields['pagelayer-address']['exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="pagelayer-facebook-url" class="setup-field-head">'.$setup_fields['pagelayer-facebook-url']['heading'].'</label>
			<input type="text" class="form-control" name="pagelayer-facebook-url" id="pagelayer-facebook-url" placeholder="'.$setup_fields['pagelayer-facebook-url']['default'].'" value="" />
			<label class="setup-field-exp">'.$setup_fields['pagelayer-facebook-url']['exp'].'</label>
		</div>
		
		<div class="row mb-2">
			<label for="pagelayer-twitter-url" class="setup-field-head">'.$setup_fields['pagelayer-twitter-url']['heading'].'</label>
			<input type="text" class="form-control" name="pagelayer-twitter-url" id="pagelayer-twitter-url" placeholder="'.$setup_fields['pagelayer-twitter-url']['default'].'" value="" />
			<label class="setup-field-exp">'.$setup_fields['pagelayer-twitter-url']['exp'].'</label>
		</div>
		
		<div class="row mt-4 mb-2">
			<label class="setup-field-head" onclick="toggle_additional();">
				<span class="icon-square" style="font-size:19px;">+</span>
				&nbsp;'.$l['more_profiles'].'
			</label>
		</div>
		
	</div>
	</div>

<div class="container-fluid" id="step-3-div">
	<div class="row">
		<div class="alert alert-success col-md-6 mx-auto mt-5" id="success-div">			
			<h4 class="alert-heading">'.$l['setup_complete'].'</h4>			
			<p style="font-size: 14px" id="success-msg"></span>
			<p style="font-size: 14px">'.$l['happy'].'</p>			
		</div>
	</div>
	<div class="row">
		<div class="col-md-6 mx-auto mt-3">
			<center><a class="btn btn-primary" href="'.$globals['index'].'act=all_sites">'.$l['return'].'</a></center>
		</div>
	</div>
</div>

</div>';// End of Setup div

echo '
<div class="modal" tabindex="-1" role="dialog" id="sitepad-download-img-modal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">'.$l['image_copyright_title'].'</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body"><p>'.$l['image_copyright_text'].'</p></div>
			<div class="modal-footer">
				<div style="display:none;">
				<form>
					<input type="checkbox" class="form-control" name="download_imgs" id="download_imgs"/>
				</form>
				</div>
				<button type="button" class="btn btn-primary sitepad-download-image">Yes</button>
				<button type="button" class="btn btn-secondary sitepad-download-image-no">No</button>
			</div>
		</div>
	</div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="modal_more_social">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">'.$l['more_profiles'].'</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body px-5">
				<form>
				<div class="row mb-2">
					<label for="pagelayer-instagram-url" class="setup-field-head">'.$setup_fields['pagelayer-instagram-url']['heading'].'</label>
					<input type="text" class="form-control" name="pagelayer-instagram-url" id="pagelayer-instagram-url" placeholder="'.$setup_fields['pagelayer-instagram-url']['default'].'" value="" />
					<label class="setup-field-exp">'.$setup_fields['pagelayer-instagram-url']['exp'].'</label>
				</div>
		
				<div class="row mb-2">
					<label for="pagelayer-linkedin-url" class="setup-field-head">'.$setup_fields['pagelayer-linkedin-url']['heading'].'</label>
					<input type="text" class="form-control" name="pagelayer-linkedin-url" id="pagelayer-linkedin-url" placeholder="'.$setup_fields['pagelayer-linkedin-url']['default'].'" value="" />
					<label class="setup-field-exp">'.$setup_fields['pagelayer-linkedin-url']['exp'].'</label>
				</div>
				
				<div class="row mb-2">
					<label for="pagelayer-youtube-url" class="setup-field-head">'.$setup_fields['pagelayer-youtube-url']['heading'].'</label>
					<input type="text" class="form-control" name="pagelayer-youtube-url" id="pagelayer-youtube-url" placeholder="'.$setup_fields['pagelayer-youtube-url']['default'].'" value="" />
					<label class="setup-field-exp">'.$setup_fields['pagelayer-youtube-url']['exp'].'</label>
				</div>
				
				<div class="row mb-2">
					<label for="pagelayer-gplus-url" class="setup-field-head">'.$setup_fields['pagelayer-gplus-url']['heading'].'</label>
					<input type="text" class="form-control" name="pagelayer-gplus-url" id="pagelayer-gplus-url" placeholder="'.$setup_fields['pagelayer-gplus-url']['default'].'" value="" />
					<label class="setup-field-exp">'.$setup_fields['pagelayer-gplus-url']['exp'].'</label>
				</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" data-dismiss="modal">'.$l['save'].'</button>
			</div>
		</div>
	</div>
</div>';

softfooter();

}