<style>
	.form .txt, small { font-weight:300; }
	strong, p strong {
		font-weight: 800;
	}
	.cke_editable strong, strong.cke_editable {
		font-weight: 800 !important;
	}
	
	h4 {
		margin-block-start: 0.13em;
		margin-block-end: 0.23em;
	}
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
</style>

<form action="/admin/saveSettings" method="post" enctype="multipart/form-data">
	<div class="form form-profile aif" style='width:auto; background:none'>	
	
        <ul class="subtabs-list" style="border-radius:5px; -moz-border-radius:5px; 
        -webkit-border-radius:5px;">
            <li class="active"><a href="#design-settings">Design</a></li>
            <li><a href="#homepage-settings">Home</a></li>
            <li><a href="#general-settings">Widgets</a></li>
            <li style=""><a href="#seo-settings">SEO</a></li>
            <li style=""><a href="#text-settings">Text</a></li>
            <li style="border-right:none"><a href="#menu-settings">Menu</a></li>
            <div class="clear"></div>
        </ul>
        <div class="clear"></div>   
                   
<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////     1. DESIGN SUB-TAB      ///////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// -->                       
        <div id="design-settings" class="subtab active">
		    <h2 style="max-width:150px; display:inline-block;">
				Design Settings
			</h2>
			
			<div style="display:nonex; float:right; height:40px; margin-top:8px;">
				<span style="font-size:12px;"><!--<a href="/projectt/add" 
				class="btn btn-blue">+Add Product</a>--> 
					<a href="/project/add" class="btn btn-blue">+Add Post</a></span>
			</div>
			<!--
			We used to have a way to go to SubTabs directly, but we're creating
			individual pages now, which will be much more stable and have less 
			conflicting dependencies
			
			<a href="/admin/?tab=orders">Orders</a> |
			<a href="/admin/?tab=testimonials">Testimonials</a> |
			<a href="/admin/?tab=logos">Featured</a> |
			<a href="/admin/?tab=projects">Featured</a> |
			<a href="/admin/?tab=storecat">Shop Cats</a> |
			<a href="/admin/?tab=projectcat">Blog Cats</a> |
			<a href="/admin/?tab=content">CMS</a> |
			<a href="/admin/?tab=usersact">Approvals</a> |
			<a href="/admin/?tab=manageusers">Manage Users</a> |
			<a href="/admin/?tab=appintro">Welcome</a> |
			<a href="/admin/?tab=portfolio">Portfolio</a>
			-->
				
            <div class="dashtotalsxx" style="display:none;">
                Purchased: <strong><?= number_format($total_points_purchased); ?> 
                items/points ($<?= number_format($total_points_cost,2); ?>)</strong><br />
                Spent: <strong><?= number_format($total_store_spent); ?></strong> spent
            </div>		
            		
			<div style="background:#ddd; height:1px; width:auto;"></div>
			<br />
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Website Logo: </label><br />
                    <small>Recommended Size: 339(W)x100(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="website_logo" />
                    <?php if (!empty($website_options['website_logo'])) : ?>
                    <img src="/<?= $website_options['website_logo'] ?>"
                    style="width: auto; max-width: 170px; max-height: 50px; background:#ccc; 
                    padding:25px;" alt="Preview of your logo" />
                    <?php endif; ?>
                </div>
			</div>
    		
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto;
                 font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Footer Logo: </label><br />
                    <small>Recommended Size: 339(W)x100(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="footer_logo" />
                    <?php if (!empty($website_options['footer_logo'])) : ?>
                    <img src="/<?= $website_options['footer_logo'] ?>"
                    style="width: auto; max-width: 170px; max-height: 50px; background:#ccc; 
                    padding:25px;" alt="Preview of your Footer logo" />
                    <?php endif; ?>
                </div>
            </div>
            
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:50px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Side Menu Logo: </label><br />
                    <small>Recommended Size: 100(W)x100(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;
                margin-bottom:25px">
                    <input type="file" name="mobile_logo" />
                    <?php if (!empty($website_options['mobile_logo'])) : ?>
                    	<img src="/<?= $website_options['mobile_logo'] ?>"
                    	style="width: auto; max-width: 170px; max-height: 100px; background:#ccc;
                    	padding:25px;" alt="Preview of your Mobile logo" />
                    <?php endif; ?>
                </div>
			</div>
			
        	<div class="clear"></div>
        	
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Home/Landing Page Intro Logo: </label><br />
                    <small>Recommended Size: 500(W)x120(L) or 500(W)x500(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:150px; 
                margin-bottom:25px">
                    <input type="file" name="appintro_logo" />
                    <?php if (!empty($website_options['appintro_logo'])) : ?>
	                    <img src="/<?= $website_options['appintro_logo'] ?>"
	                    style="width: auto; max-width: 150px; height: auto; background:#ccc;" 
	                    alt="Preview of your  Intro logo" />
                    <?php endif; ?>
                </div>
            </div>
            
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Website Favicon: </label><br />
                    <small>Recommended Size: 16(W)x16(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:50px; 
                margin-bottom:25px;">
                    <input type="file" name="website_favicon" />
                    <?php if (!empty($website_options['website_favicon'])) : ?>
	                    <img src="/<?= $website_options['website_favicon'] ?>"
	                    style="width: 16px; max-width: 16px; height: 16px; background:#ccc; 
	                    padding:25px;" alt="Preview of your Favicon" />
                    <?php endif; ?>
                </div>
			</div>
			
        	<div class="clear"></div>
        	
			<div style="background:none; margin-bottom:55px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Mobile Background: </label><br />
                    <small>Recommended Size: 2500(W)x1600(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_background" />
                    <?php if (!empty($website_options['mobile_background'])) : ?>
	                    <img src="/<?= $website_options['mobile_background'] ?>"
						style="min-width: 170px; max-width: 170px; height: auto;" 
						alt="Preview of your Mobile Background" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:55px;">
				<div style="display:inline-block; width:20%; min-width:120px; height:auto; 
				font-weight:bold; text-align:left; padding-bottom:10px;">
					<label>Mobile Logo: </label><br />
					<small>for Ordering Page</small>
				</div>
				<div style="display:inline-block; width:auto; min-width:150px; height:100px;">
					<input type="file" name="mobile_hdr_logo" />
					<?php if (!empty($website_options['mobile_hdr_logo'])) : ?>
						<img src="/<?= $website_options['mobile_hdr_logo'] ?>"
						style="min-width: 170px; max-width: 170px; height: auto;" 
						alt="Preview of your Mobile Header Logo" />
					<?php endif; ?>
				</div>
			</div>
			
			<div class="clear"></div>
			
			<div style="background:none; margin-bottom:55px;">
				<div style="display:inline-block; width:20%; min-width:120px; height:auto; 
				font-weight:bold; text-align:left; padding-bottom:10px;">
					<label>Mobile Header: </label><br />
					<small>Recommended Size: 1170(W)x300(L) @3X</small>
				</div>
				<div style="display:inline-block; width:auto; min-width:150px; height:100px;">
					<input type="file" name="mobile_header" />
					<?php if (!empty($website_options['mobile_header'])) : ?>
						<img src="/<?= $website_options['mobile_header'] ?>"
						style="min-width: 170px; max-width: 170px; height: auto;" 
						alt="Preview of your Mobile Header Img" />
					<?php endif; ?>
				</div>
			</div>
			
			<div class="clear"></div>      
				
			<div style="background:none; margin-bottom:55px;">
				<div style="display:inline-block; width:20%; min-width:120px; height:auto; 
				font-weight:bold; text-align:left; padding-bottom:10px;">
					<label>Specialty Top: </label><br />
					<small>Recommended Size: 1450(W)x400(L) @3X</small>
				</div>
				<div style="display:inline-block; width:auto; min-width:150px; height:100px;">
					<input type="file" name="specialty_top" />
					<?php if (!empty($website_options['specialty_top'])) : ?>
						<img src="/<?= $website_options['specialty_top'] ?>"
						style="min-width: 170px; max-width: 170px; height: auto;" 
						alt="Preview of your Specialty Top Img" />
					<?php endif; ?>
				</div>
			</div>
			
			<div class="clear"></div> 
				
			<div style="background:none; margin-bottom:55px;">
				<div style="display:inline-block; width:20%; min-width:120px; height:auto; 
				font-weight:bold; text-align:left; padding-bottom:10px;">
					<label>Specialty Btm: </label><br />
					<small>Recommended Size: 1450(W)x600(L) @3X</small>
				</div>
				<div style="display:inline-block; width:auto; min-width:150px; height:100px;">
					<input type="file" name="specialty_bottom" />
					<?php if (!empty($website_options['specialty_bottom'])) : ?>
						<img src="/<?= $website_options['specialty_bottom'] ?>"
						style="min-width: 170px; max-width: 170px; height: auto;" 
						alt="Preview of your Specialty Bottom Img" />
					<?php endif; ?>
				</div>
			</div>
			
			<div class="clear"></div> 				
								   		
			<div style="background:none; margin-bottom:75px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>Facebook Share Image (2022): </label><br />
                    <small>Recommended Size: 1200(W)x630(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="fb_shareimage" />
                    <?php if (!empty($website_options['fb_shareimage'])) : ?>
	                    <img src="/<?= $website_options['fb_shareimage'] ?>"
	                    style="min-width: 170px; max-width: 170px; height: auto;" 
	                    alt="Preview of your Social Share Banner" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
        		
			<div style="background:none; margin-bottom:5px;">
				<div style="display:inline-block; width:20%; min-width:120px; height:auto; 
				font-weight:bold; text-align:left; padding-bottom:10px;">
					<label>App Icon 100x100: </label><br />
					<small>Recommended Size: 100(W)x100(L)</small>
				</div>
				<div style="display:inline-block; width:auto; min-width:150px; height:100px;">
					<input type="file" name="mobile_logo_100x100" />
					<?php if (!empty($website_options['mobile_logo_100x100'])) : ?>
						<img src="/<?= $website_options['mobile_logo_100x100'] ?>"
						style="width: auto; max-width: 57px; height: 57px; background:#ccc; 
						padding:10px;" alt="Preview of your App Icon" />
					<?php endif; ?>
				</div>
			</div>
			
			<div class="clear"></div>    
			    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 57x57: </label><br />
                    <small>Recommended Size: 57(W)x57(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_57x57" />
                    <?php if (!empty($website_options['mobile_logo_57x57'])) : ?>
	                    <img src="/<?= $website_options['mobile_logo_57x57'] ?>"
						style="width: auto; max-width: 57px; height: 57px; background:#ccc; 
						padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 72x72: </label><br />
                    <small>Recommended Size: 72(W)x72(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_72x72" />
                    <?php if (!empty($website_options['mobile_logo_72x72'])) : ?>
	                    <img src="/<?= $website_options['mobile_logo_72x72'] ?>"
	                    style="width: auto; max-width: 72px; height: 50px; background:#ccc; 
	                    padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 76x76: </label><br />
                    <small>Recommended Size: 76(W)x76(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_76x76" />
                    <?php if (!empty($website_options['mobile_logo_76x76'])) : ?>
                    <img src="/<?= $website_options['mobile_logo_76x76'] ?>"
					style="width: auto; max-width: 76px; height: 57px; background:#ccc; 
					padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
        	<div class="clear"></div>
        		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 114x114: </label><br />
                    <small>Recommended Size: 114(W)x114(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_114x114" />
                    <?php if (!empty($website_options['mobile_logo_114x114'])) : ?>
	                    <img src="/<?= $website_options['mobile_logo_114x114'] ?>"
	                    style="width: auto; max-width: 114px; height: 57px; background:#ccc; 
	                    padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 120x120: </label><br />
                    <small>Recommended Size: 120(W)x120(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_120x120" />
                    <?php if (!empty($website_options['mobile_logo_120x120'])) : ?>
	                    <img src="/<?= $website_options['mobile_logo_120x120'] ?>"
						style="width: auto; max-width: 120px; height: 57px; background:#ccc; 
						padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 144x144: </label><br />
                    <small>Recommended Size: 144(W)x144(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_144x144" />
                    <?php if (!empty($website_options['mobile_logo_144x144'])) : ?>
	                    <img src="/<?= $website_options['mobile_logo_144x144'] ?>"
						style="width: auto; max-width: 144px; height: 57px; background:#ccc; 
						padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="background:none; margin-bottom:5px;">
                <div style="display:inline-block; width:20%; min-width:120px; height:auto; 
                font-weight:bold; text-align:left; padding-bottom:10px;">
                    <label>App Icon 152x152: </label><br />
                    <small>Recommended Size: 152(W)x152(L)</small>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                    <input type="file" name="mobile_logo_152x152" />
                    <?php if (!empty($website_options['mobile_logo_152x152'])) : ?>
	                    <img src="/<?= $website_options['mobile_logo_152x152'] ?>"
	                    style="width: auto; max-width: 152px; height: 57px; background:#ccc; 
	                    padding:10px;" alt="Preview of your App Icon" />
                    <?php endif; ?>
                </div>
			</div>
			
    		<div class="clear"></div>
    		
			<div style="margin-bottom:5px;">
                <div style="float:left; display:inline-block; width:20%; min-width:120px; 
                height:50px; font-weight:bold; text-align:left;">
                    <label style="background:#fff;">Enable Sidebar on CMS Pages: </label>
                </div>
                <div style="float:left; display:inline-block; width:auto; min-width:150px; 
                background:#fff; height:30px;">
                    <?php
                    $checked_enable_sidebar = !empty($website_options['enable_cms_sidebar']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" 
                    name="settings[enable_cms_sidebar]"<?= $checked_enable_sidebar ?> />
                    <br /><br />
                    <?= $checked_enable_sidebar ?>
                </div>
			</div>     
			                         
            <div class="clear"></div>
                
            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>CMS Pages Sidebar HTML: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
                <textarea name="settings[cms_sidebar_content]" class="txt" 
                style="min-width:350px; line-height:20px;
                min-height:150px;"><?= $website_options['cms_sidebar_content'] ?></textarea>
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Website Title: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input type="text" name="settings[website_title]" class="txt" 
                style="min-width:350px;" value="<?= $website_options['website_title'] ?>" 
                placeholder="Your Brand" />
            </div>

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

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Short Title: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input type="text" name="settings[short_title]" class="txt" 
                style="min-width:350px;" value="<?= $website_options['short_title'] ?>" 
                placeholder="My Website" />
            </div>

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

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Inc Label: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
				<input type="text" name="settings[inc_label]" class="txt" style="min-width:350px;" 
				value="<?= $website_options['inc_label'] ?>" placeholder="2022 My Company, Inc." />
            </div>

			<div class="clear;"></div>				
				
            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Custom Homepage: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input type="text" name="settings[custom_homepage]" class="txt" 
                style="min-width:350px;" value="<?= $website_options['custom_homepage'] ?>" 
                placeholder="http://somepage.com" />
            </div>

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

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Custom Mobile Home: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input type="text" name="settings[custom_mobile]" class="txt" 
                style="min-width:350px;" value="<?= $website_options['custom_mobile'] ?>" 
                placeholder="http://somepage.com" />
            </div>

			<div class="clear;"></div>					
				
            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Contact Form E-Mail: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input type="text" name="settings[contact_email]" class="txt fill-width" 
                style="min-width:350px;" value="<?= $website_options['contact_email'] ?>" 
                placeholder="contact@yoursite.com" />
            </div>

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

			<div style="display:inline-block; width:20%; min-width:120px; height:70px; 
			font-weight:bold; text-align:left;">
                <label>Contact Page Text: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
				<textarea name="settings[contact_page]" class="txt" style="width: 350px; 
				line-height:20px; height: 250px;"><?= $website_options['contact_page'] ?></textarea>
            </div>
                                
 			<div class="clear;"></div>
 				
			<div style="display:inline-block; width:20%; min-width:120px; height:50px; 
			font-weight:bold; text-align:left;">
				<label>&nbsp;</label>
             </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
				Use &lt;br /&gt; for a next line break &amp; 2 for a full line break
            </div>
                                
 			<div class="clear;"></div>				

            <div style="display:inline-block; width:20%; min-width:120px; height:70px; 
            font-weight:bold; text-align:left;">
                <label>Location(s) Hours: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
				<textarea name="settings[location_hours]" class="txt" style="width: 350px; 
				line-height:20px; height: 150px;"><?= $website_options['location_hours'] ?></textarea>
            </div>
                                
			<div class="clear;"></div>
		
			<div style="display:inline-block; width:20%; min-width:120px; height:50px; 
			font-weight:bold; text-align:left;">
				 <label>&nbsp;</label>
			</div>
			<div style="display:inline-block; width:auto; min-width:150px;">
				Use &lt;br /&gt; for a next line break &amp; 2 for a full line break -
				<a href="#examples" class="loginpop">View Example</a>
			</div>                                
                                
 			<div class="clear;"></div>				

            <div style="display:inline-block; width:20%; min-width:120px; height:70px; 
            font-weight:bold; text-align:left;">
                <label>Footer Copyright: </label>
            </div>
			<div style="display:inline-block; width:auto; min-width:150px; margin-bottom:10px;">
                <textarea name="settings[footer_copyright]" class="txt" 
                style="width: 350px; line-height:20px;  
                height: 150px;"><?= $website_options['footer_copyright'] ?></textarea>
            </div>
            
 			<div class="clear;"></div>
 				
            <div style="display:inline-block; width:20%; min-width:120px; height:70px; 
            font-weight:bold; text-align:left;">
                <label>Default Copyright: </label>
            </div>
			<div style="display:inline-block; width:auto; min-width:150px; margin-bottom:10px;">
				<textarea name="" class="txt" style="width: 350px; height: 150px; line-height:20px;  
                overflow:hidden;">&copy; 2017-2022 <a href="//base....com" 
                title="BASE">B&#923;SE</a>, Inc. &bull; All rights reserved &bull; 
                Designed by <a href="//base....com/" title="BASE" 
                target="_blank">B&#923;SE</a></textarea>
            </div>

            <div class="clear;"></div>
                
            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Special Title: </label>
            </div>
			<div style="display:inline-block; width:auto; min-width:150px;">
				<input type="text" name="settings[specialty_title]" class="txt" 
				style="min-width:350px;" value="<?= $website_options['specialty_title'] ?>" 
				placeholder="Special Title" />
			</div>

            <div class="clear;"></div>        
                
            <div style="display:inline-block; width:20%; min-width:120px; height:40px; 
            font-weight:bold; text-align:left;">
                <label>Special Subtitle: </label>
            </div>
			<div style="display:inline-block; width:auto; min-width:150px;">
				<input type="text" name="settings[specialty_subtitle]" class="txt" 
				style="min-width:350px;" value="<?= $website_options['specialty_subtitle'] ?>" 
				placeholder="Special subtitle text can go here..." />
			</div>

            <div class="clear;"></div>                  
 
            <div style="display:inline-block; width:20%; min-width:120px; height:150px; 
            font-weight:bold; text-align:left;
				background:none;">
                <label>Special Text: </label>
            </div>
            
            <div style="display:inline-block; width:auto; min-width:150px;">
				<textarea name="settings[specialty_text]" onkeyup="countChar(this)" 
				class="txt" id="keywords" data-update-variable="keywords"
				maxlength="225" style="width: 350px; line-height:20px; 
				height: 150px;"><?= $website_options['specialty_text'] ?></textarea>
            </div>

			<div class="clear;"></div> 
				                
			<div style="display:inline-block; width:20%; min-width:120px; height:30px; 
			font-weight:bold; text-align:left;">
				<label></label>
			</div>              
			<div style="display:inline-block; width:auto; min-width:150px;">
				<div id="keywordscount" style="width:40px; text-align:center; background:#EA0000; 
				color:#fff; font-weight:300; display:inline-block; border-radius:4px; 
				-moz-border-radius:4px; -webkit-border-radius:4px;">225</div>
				<div style="display:inline-block; font-weight:300;">225 character limit</div>                 			</div>
									
			<div class="clear;"></div> 									
                        
			<br />
			<script src="/static/js/jscolor.js"></script>
				
			<div style="font-weight:300; font-size:15px; max-width:80%; margin:0 auto; 
			text-align:center;">
				This is a color picker tool that we&rsquo;ll be adding to various features 
				throughout the SuperApps platform allowing you to customize important colors, 
				text colors, background colors, etc.
				<br /><br />
				Color Picker: <input class="jscolor txt" type="text" value="" 
				placeholder="Pick a color" style="width:85px; font-size:15px">
			</div>
			<br />
				
			<!--<input class="jscolor txt jscolor-active" type="text" value="FFFFFF" name="titlecolor" 
			placeholder="Pick a color" style="width: 75px; background-image: none; 
			background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" autocomplete="off">-->
				
            <div style="display:none; width:20%; min-width:120px; height:70px; font-weight:bold; 
			text-align:left;">
                <label>Disable Footer Links:<br />
				<span style="font-weight:normal;">Tip: Use Cntrl+</span></label>
            </div>
            
            <div style="display:none; width:auto; min-width:150px;">
                <?php
                $sel_about = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "about") ? " selected='selected'" : "";
                $sel_addproject = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "addproject") ? " selected='selected'" : "";
                $sel_faq = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "faq") ? " selected='selected'" : "";
                $sel_contact = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "contact") ? " selected='selected'" : "";
                $sel_projects = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "projects") ? " selected='selected'" : "";
                $sel_profile = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "profile") ? " selected='selected'" : "";
                $sel_store = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "store") ? " selected='selected'" : "";
                $sel_leaderboard = $website_options['disabled_footer_links'] && false!==strpos($website_options['disabled_footer_links'], "leaderboard") ? " selected='selected'" : "";
                ?>
                <select style="height:200px;" name="settings[disabled_footer_links][]" 
                class="txt" multiple>
                    <option<?= $sel_about ?> value="about">About</option>
                    <option<?= $sel_addproject ?> value="addproject">Start a project</option>
                    <option<?= $sel_faq ?> value="faq">How it Works</option>
                    <option<?= $sel_contact ?> value="contact">Contact</option>
                    <option<?= $sel_projects ?> value="projects">Browse Projects</option>
                    <option<?= $sel_profile ?> value="profile">Edit Profile</option>
                    <option<?= $sel_store ?> value="store">Store/Redeem</option>
                    <option<?= $sel_leaderboard ?> value="leaderboard">Leaderboard</option>
                </select>
            </div>
        	<div class="clear;"></div>
        </div>
        <!-- TAB #1 ENDS HERE -->
                
<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////     2. HOME SUB-TAB      ///////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// -->                 

        <div id="homepage-settings" class="subtab">
            <h2>Homepage Settings</h2>                                
			<div style="background:#ddd; height:1px; width:auto;"></div>
			<br />
			                
            <div style="display:inline-block; width:20%; min-width:100px; height:35px;  
            font-weight:bold; text-align:left;">
                <label>Turn Alert On: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <?php
                $checked_enable_alert = !empty($website_options['enable_alert']) ? " checked='checked'" : "";
                ?>
                <input type="checkbox" name="settings[enable_alert]"<?= $checked_enable_alert ?> />
            </div>  
            
            <div class="clear;"></div>
             
            <div style="display:inline-block; width:20%; min-width:100px; height:35px;  
            font-weight:bold; text-align:left;">
                <label>Alert Text: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
                <textarea name="settings[alert_text]" class="txt" style="min-width:350px; 
				min-height:100px; height:111px; line-height:20px;" 
                placeholder="Type Alert Text Here..."><?= $website_options['alert_text'] ?></textarea>
            </div>                                           
            <div class="clear;"></div>    

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Enable Homepage Search: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <?php
                $checked_enable_search = !empty($website_options['enable_homepage_search']) ? " checked='checked'" : "";
                ?>
                <input type="checkbox" 
                name="settings[enable_homepage_search]"<?= $checked_enable_search ?> />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Disable Desktop Version: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <?php
                $checked_disable_desktop = !empty($website_options['disable_desktop_version']) ? " checked='checked'" : "";
                ?>
                <input type="checkbox" 
                name="settings[disable_desktop_version]"<?= $checked_disable_desktop ?> />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Enable Homepage Slider: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <?php
                $checked_enable_slider = !empty($website_options['enable_homepage_slider']) ? " checked='checked'" : "";
                ?>
                <input type="checkbox" 
                name="settings[enable_homepage_slider]"<?= $checked_enable_slider ?> />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Show Projects NearBy on Homepage: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <?php
                $checked_enable_nearby = !empty($website_options['enable_homepage_nearby']) ? " checked='checked'" : "";
                ?>
                <input type="checkbox" 
                name="settings[enable_homepage_nearby]"<?= $checked_enable_nearby ?> />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:100px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 1 Image: </label><br />
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                <input type="file" name="homepage_slider_img_1" />
                <?php if (!empty($website_options['homepage_slider_img_1'])) : ?>
                <img src="/<?= $website_options['homepage_slider_img_1'] ?>"
                style="width: auto; max-width: 170px; height: 50px;"
                 alt="Preview of the Slider image 1" />
                <?php endif; ?>
            </div>

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

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 1 Title: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input style="width: 250px;" class="txt" type="text" 
                name="settings[homepage_slider_title_1]" 
                value="<?= $website_options['homepage_slider_title_1'] ?>" 
                placeholder="Slide Title" /><br />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 1 Link: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input style="width: 250px;" class="txt" type="text" 
                name="settings[homepage_slider_url_1]" 
                value="<?= $website_options['homepage_slider_url_1'] ?>" 
                placeholder="http://www.somesite.com" /><br />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 1 Text: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
                <textarea name="settings[homepage_slider_text_1]" class="txt" 
				style="min-width:350px; line-height:20px; line-height:20px; 
                min-height:150px;"><?= $website_options['homepage_slider_text_1'] ?></textarea>
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:100px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 2 Image: </label><br />
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                <input type="file" name="homepage_slider_img_2" />
                <?php if (!empty($website_options['homepage_slider_img_2'])) : ?>
                <img src="/<?= $website_options['homepage_slider_img_2'] ?>"
                style="width: auto; max-width: 170px; height: 50px;" alt="Preview of the Slider image 2" />
                <?php endif; ?>
            </div>

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

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 2 Title: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input style="width: 250px;" class="txt" type="text" 
                name="settings[homepage_slider_title_2]" 
                value="<?= $website_options['homepage_slider_title_2'] ?>" 
                placeholder="Slide Title" /><br />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 2 Link: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                 <input style="width: 250px;" class="txt" type="text" 
                 name="settings[homepage_slider_url_2]" 
                 value="<?= $website_options['homepage_slider_url_2'] ?>" 
                 placeholder="http://www.somesite.com" /><br />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 2 Text: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
                <textarea name="settings[homepage_slider_text_2]" class="txt" 
				style="min-width:350px; line-height:20px; line-height:20px; 
                min-height:150px;"><?= $website_options['homepage_slider_text_2'] ?></textarea>
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:100px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 3 Image: </label><br />
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; height:100px;">
                <input type="file" name="homepage_slider_img_3" />
                <?php if (!empty($website_options['homepage_slider_img_3'])) : ?>
                <img src="/<?= $website_options['homepage_slider_img_3'] ?>"
                style="width: auto; max-width: 170px; height: 50px;" 
                alt="Preview of the Slider image 3" />
                <?php endif; ?>
            </div>

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

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 3 Title: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input style="width: 250px;" class="txt" type="text" 
                name="settings[homepage_slider_title_3]" 
                value="<?= $website_options['homepage_slider_title_3'] ?>" 
                placeholder="Slide Title" /><br />
            </div>
            <div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 3 Link: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px;">
                <input style="width: 250px;" class="txt" type="text" 
                name="settings[homepage_slider_url_3]" 
                value="<?= $website_options['homepage_slider_url_3'] ?>" 
                placeholder="http://www.somesite.com" />
            </div>
			<div class="clear;"></div>

            <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
            font-weight:bold; text-align:left;">
                <label>Homepage Slider 3 Text: </label>
            </div>
            <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
                <textarea name="settings[homepage_slider_text_3]" class="txt" 
                style="min-width:350px; line-height:20px; line-height:20px; 
                min-height:150px;"><?= $website_options['homepage_slider_text_3'] ?></textarea>
            </div>
            <div class="clear;"></div>
        </div>
		<!-- TAB #2 ENDS HERE -->
		        
<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////    3. WIDGETS SUB-TAB    ///////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// --> 

        <div id="general-settings" class="subtab">
                <h2>Activate/Enable Different Features</h2>
				<div style="background:#ddd; height:1px; width:auto;"></div>
				<br />
				
				<h3 style="font-size:28px; line-height:36px; margin-bottom:3px">
					Main Shop page Sidebar Widgets
				</h3>
				<span style="font-weight:300">These may require some additional setup</span>
				<br /><br />
				
				<!-- SIDEBAR WIDGETS: RSVP, CATEGORIES, HOURS, TABLES -->
				<!-- ########################################################## -->
				<!-- ################  SQUARE SIDEBAR WIDGETS  ################ -->
				<!-- ########################################################## -->
					  				           
	                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
	                font-weight:bold; text-align:left;">
	                    <label>Enable RSVP Widget: </label>
	                </div>
	                <div style="display:inline-block; width:auto; min-width:150px;">
	                    <?php
						$check_rsvp = !empty($website_options['enable_rsvp']) ? " checked='checked'" : "";
	                    ?>
						<input type="checkbox" name="settings[enable_rsvp]"<?= $check_rsvp ?> />
	                </div>							
					<div class="clear;"></div>		
					
					<div style="display:inline-block; width:20%; min-width:120px; height:50px; 
					font-weight:bold; text-align:left;">
						<label>Enable Categories Widget: </label>
					</div>
					<div style="display:inline-block; width:auto; min-width:150px;">
						<?php
						$check_cats = !empty($website_options['enable_categories']) ? " checked='checked'" : "";
						?>
						<input type="checkbox" name="settings[enable_categories]"<?= $check_cats ?> />
					</div>
					<div class="clear;"></div>
					
					<div style="display:inline-block; width:20%; min-width:120px; height:50px; 
					font-weight:bold; text-align:left;">
						<label>Enable Hours Widget: </label>
					</div>
					<div style="display:inline-block; width:auto; min-width:150px;">
						<?php
						$check_hours = !empty($website_options['enable_hours']) ? " checked='checked'" : "";
						?>
					<input type="checkbox" name="settings[enable_hours]"<?= $check_hours ?> />
					</div>
					<div class="clear;"></div>													           
				                
					<div style="display:inline-block; width:20%; min-width:120px; height:50px; 
					font-weight:bold; text-align:left;">
						<label>Enable Tables Widget: </label>
					</div>
					<div style="display:inline-block; width:auto; min-width:150px;">
						<?php
						$check_tables = !empty($website_options['enable_tables']) ? " checked='checked'" : "";
						?>
						<input type="checkbox" name="settings[enable_tables]"<?= $check_tables ?> />
					</div>
					<div class="clear;"></div>
					
<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- ////////////////////////   CONTENT TYPE CHECKBOXES    /////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// --> 				   
                
				<h3 style="font-size:28px; line-height:36px; margin-bottom:3px">
					Content Type Widgets
				</h3>
				
				<span style="font-weight:300">These may require some additional setup</span>
				<br /><br />
				
                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Blog Version (T5): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $check_blog = !empty($website_options['enable_blog']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_blog]"<?= $check_blog ?> />
                </div>							
				<div class="clear;"></div>

                <div style="display:inline-block; width:20%; min-width:120px; 
                height:50px; font-weight:bold; text-align:left;">
                    <label>Enable Opinions (T8): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_opinions = !empty($website_options['enable_opinions']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" 
                    name="settings[enable_opinions]"<?= $checked_opinions ?> />
                </div>								
				
				<div class="clear;"></div>	

                <div style="display:inline-block; width:20%; min-width:120px; 
                height:50px; font-weight:bold; text-align:left;">
                    <label>Enable E-Commerce Version (T7): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_ecommerce = !empty($website_options['enable_ecommerce']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" 
                    name="settings[enable_ecommerce]"<?= $checked_ecommerce ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; 
                height:50px; font-weight:normal; text-align:left;">
                    <label>- Activate Physical Goods: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_physical = !empty($website_options['enable_physical']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_physical]"<?= $checked_physical ?> />
                </div>
				
				<div class="clear;"></div>

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Activate Services: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_services = !empty($website_options['enable_services']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_services]"<?= $checked_services ?> />
                </div>								

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Events Version (T7): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_events = !empty($website_options['enable_events']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_events]"<?= $checked_events ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Questions Version (T4): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_questions = !empty($website_options['enable_questions']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_questions]"<?= $checked_questions ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Menu (T9): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_menu = !empty($website_options['enable_menu']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_menu]"<?= $checked_menu ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Fundraising Version (T1): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $check_fundraising = !empty($website_options['enable_fundraising']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_fundraising]"<?= $check_fundraising ?> />
                </div>
				<div class="clear;"></div>
                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Activate Fundraising Rewards: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_enable_fundrewards = !empty($website_options['enable_fundrewards']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_fundrewards]"<?= $checked_enable_fundrewards ?> />
                </div>
				<div class="clear;"></div>
                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Backing Amts => Credits: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_backing_payback = !empty($website_options['enable_backing_payback']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" 
                    name="settings[enable_backing_payback]"<?= $checked_backing_payback ?> />
                </div>
				<div class="clear;"></div>

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Activate Paypal => Site Owner: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $check_payment = !empty($website_options['enable_payment_to_siteowner']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" 
                    name="settings[enable_payment_to_siteowner]"<?= $check_payment ?> />
                </div>
				<div class="clear;"></div>

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Spaces Version (T11): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_spaces = !empty($website_options['enable_spaces']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_spaces]"<?= $checked_spaces ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Deals Version (T3): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_deals = !empty($website_options['enable_deals']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_deals]"<?= $checked_deals ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Max Deals Allowed per Biz: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <input type="text" name="settings[max_active_deals]" class="txt" 
                    value="<?= $website_options['max_active_deals'] ?>" placeholder="3" />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Website PayPal E-Mail: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <input type="text" name="settings[paypal_email]" class="txt" 
                    value="<?= $website_options['paypal_email'] ?>" placeholder="contact@yoursite.com" />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:bold; text-align:left;">
                    <label>Enable Proposals Version (T2): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_proposals = !empty($website_options['enable_proposals']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_proposals]"<?= $checked_proposals ?> />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Default Project Fees (%): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <input type="number" class="txt" style="width: 70px; text-align:center;" 
                    name="settings[project_amount_fee]" 
                    value="<?= $website_options['project_amount_fee'] ?>" placeholder="10" />
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>- Default Proposal Fees (%): </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <input type="number" class="txt" style="width: 70px; text-align:center;" 
                    name="settings[proposal_amount_fee]" 
                    value="<?= $website_options['proposal_amount_fee'] ?>" placeholder="10" />
                    <button class="btn btn-blue btn-buck-project user-fees" 
                    href="/admin/usersFees"><span class="lbl">Per User Fees &raquo;</span></button>
                </div>

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

                <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                font-weight:normal; text-align:left;">
                    <label>Activate Realtime GPS: </label>
                </div>
                <div style="display:inline-block; width:auto; min-width:150px;">
                    <?php
                    $checked_enable_gps = !empty($website_options['enable_gps']) ? " checked='checked'" : "";
                    ?>
                    <input type="checkbox" name="settings[enable_gps]"<?= $checked_enable_gps ?> />
                </div>
				
				<div class="clear;"></div>				

                    <a href="/admin/exportTable"><u>Export Authorize Backing History 
                    to csv</u></a>
                <div class="clear;"></div>
                </div>
		<!-- TAB #3 ENDS HERE -->

<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- /////////////////////////   4. SEO/SCRIPT SETTINGS    /////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// --> 

        <div id="seo-settings" class="subtab">
                	<h2>Search Engine / Scripts Settings</h2>
					<div style="background:#ddd; height:1px; width:auto;"></div>
					<br />
					
                    <div style="display:inline-block; width:20%; min-width:120px; height:70px; 
                    font-weight:bold; text-align:left;">
                        <label>Website Keywords: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
                        <textarea name="settings[website_keywords]" class="txt" 
                        style="width: 350px; line-height:20px; 
                        height: 150px;"><?= $website_options['website_keywords'] ?></textarea>
                    </div>
    				<div class="clear;"></div>

                    <div style="display:inline-block; width:20%; min-width:120px; height:70px; 
                    font-weight:bold; text-align:left;">
                        <label>Website Description: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
                        <textarea name="settings[website_description]" class="txt" 
                        style="width: 350px; line-height:20px; 
                        height: 150px;"><?= $website_options['website_description'] ?></textarea>
                    </div>
    				<div class="clear;"></div>

                    <div style="display:inline-block; width:20%; min-width:120px; 
                    height:50px; font-weight:bold; text-align:left;">
                        <label>Facebook URL: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
                        <input style="width: 250px;" type="text" class="txt" name="settings[facebook_url]"
                        value="<?= $website_options['facebook_url'] ?>" 
                        placeholder="http://facebook.com/yourbrand" /><br />
                    </div>
    				<div class="clear;"></div>

                    <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                    font-weight:bold; text-align:left;">
                        <label>Twitter URL: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
						<input style="width: 250px;" type="text" class="txt" 
						name="settings[twitter_url]" value="<?= $website_options['twitter_url'] ?>" 
						placeholder="http://twitter.com/yourbrand" /><br />
                    </div>
    				<div class="clear;"></div>

                    <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                    font-weight:bold; text-align:left;">
                        <label>LinkedIn URL: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
						<input style="width: 250px;" type="text" class="txt" 
						name="settings[linkedin_url]" value="<?= $website_options['linkedin_url'] ?>" 
						placeholder="http://linkedin.com/yourbrand" /><br />
                    </div>
    				<div class="clear;"></div>

                    <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                    font-weight:bold; text-align:left;">
                        <label>Google+ URL: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
						<input style="width: 250px;" type="text" class="txt" 
						name="settings[googleplus_url]" value="<?= $website_options['googleplus_url'] ?>" 
						placeholder="http://plus.google.com/yourbrand" /><br />
                    </div>
    				<div class="clear;"></div>

                    <div style="display:inline-block; width:20%; min-width:120px; height:50px; 
                    font-weight:bold; text-align:left;">
                        <label>Google Analytics Tracking ID: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;">
                        <input style="width: 250px;" type="text" class="txt" 
                        name="settings[googleanalytics_tracker]" 
                        value="<?= $website_options['googleanalytics_tracker'] ?>" 
                        placeholder="UA-12345678" /><br />
                    </div>
                    <div class="clear;"></div>	
                    					
					<p class="rs description-input"><a 
					href="https://support.google.com/analytics/answer/1032385?hl=en">https://support.google.com/analytics/answer/1032385?hl=en</a>
					</p>								
					<div class="clear;"></div>
					<br />
                    <div style="display:inline-block; width:20%; min-width:120px; font-weight:bold; 
                    text-align:left;">
                        <label style="margin-top:-20px;">Facebook (Connect) App ID: </label>
                    </div>
                    <div style="display:inline-block; width:auto; min-width:150px;"> 
                        <input style="width: 250px;" type="text" class="txt"  
                        name="settings[facebook_app_id]" 
                        value="<?= $website_options['facebook_app_id'] ?>" 
                        placeholder="Facebook App ID" /><br />                                    
					</div>
					<div class="clear;"></div>
					<div style="display:inline-block; width:20%; min-width:120px; font-weight:bold; 
					text-align:left;">
                        <label style="margin-top:-20px;">Facebook Auth Token: </label>
                    </div>
					 <div style="display:inline-block; width:auto; min-width:150px;"> 
						<input style="width: 250px;" type="text" class="txt" 
						name="settings[facebook_app_token]" 
						value="<?= $website_options['facebook_app_token'] ?>" 
						placeholder="Facebook App AUTH TOKEN" /><br />									
					</div>
					<p class="rs description-input">
						Login to Facebook then go <a 
						href="https://developers.facebook.com/docs/apps/register">here</a> for a pretty 
						straight forward How To from Facebook themselves. Step 11 should be the 
						final step.<br />
						<span style="color:#777;">Example App ID:</span> 1670684326485337<br />
						<span style="color:#777;">Example Auth Token:</span> 
						c47b9ca0dde149b8e8a224a030dc433a<br />
						Note: You typically do <u>not</u> need to submit your &ldquo;App&rdquo; 
						for review after finishing. 
					</p>
                <div class="clear;"></div>
                </div>
        <!-- TAB #4 ENDS HERE -->        
        
<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- /////////////////////////   5. SEO/SCRIPT SETTINGS    /////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// -->  
      
		<div id="text-settings" class="subtab">
    <h2>
    	Text / Content Settings
	</h2>
	<div style="background:#ddd; height:1px; width:auto;"></div>
	<br />
	
	These are updateable sections we&rsquo;ve pre-made so they can quickly be assigned 
	(or moved) to various areas of your site, allowing you to edit those areas very easily.

	<br /><br />
    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; 
    text-align:left;">
        <label>Enable Feature 1: </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px;">
        <?php $checked_feat1=! empty($website_options['enable_feature_1']) ? " checked='checked'" : ""; ?>
        <input type="checkbox" name="settings[enable_feature_1]" <?= $checked_feat1 ?> />
    </div>

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

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Enable Feature 2: </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px;">
        <?php $checked_feat2=! empty($website_options['enable_feature_2']) ? " checked='checked'" : ""; ?>
        <input type="checkbox" name="settings[enable_feature_2]" <?= $checked_feat2 ?> />
    </div>

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

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Enable Feature 3: </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px;">
        <?php $checked_feat3=! empty($website_options['enable_feature_3']) ? " checked='checked'" : ""; ?>
        <input type="checkbox" name="settings[enable_feature_3]" <?= $checked_feat3 ?> />
    </div>

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

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Enable Feature 4: </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px;">
        <?php $checked_feat4=! empty($website_options['enable_feature_4']) ? " checked='checked'" : ""; ?>
        <input type="checkbox" name="settings[enable_feature_4]" <?= $checked_feat4 ?> />
    </div>

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

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Enable Feature 5: </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px;">
        <?php $checked_feat5=! empty($website_options['enable_feature_5']) ? " checked='checked'" : ""; ?>
        <input type="checkbox" name="settings[enable_feature_5]" <?= $checked_feat5 ?> />
    </div>

    <div class="clear;"></div>
	
    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Enable Feature 6: </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px;">
        <?php $checked_feat6=! empty($website_options['enable_feature_6']) ? " checked='checked'" : ""; ?>
        <input type="checkbox" name="settings[enable_feature_6]" <?= $checked_feat6 ?> />
    </div>

    <div class="clear;"></div>	
    
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Enable Text Rotator: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<?php $checked_feat_rotator=! empty($website_options['enable_rotator']) ? " checked='checked'" : ""; ?>
		<input type="checkbox" name="settings[enable_rotator]" <?= $checked_feat_rotator ?> />
	</div>

	<div class="clear;"></div>    
    
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Enable Logos: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<?php $checked_feat_logos=! empty($website_options['enable_logos']) ? " checked='checked'" : ""; ?>
		<input type="checkbox" name="settings[enable_logos]" <?= $checked_feat_logos ?> />
	</div>

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

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Mobile Embed (inactive): </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
		<textarea name="settings[mobile_custom_embed]" class="txt" 
		style="min-width:350px; min-height:150px; line-height:20px; 
		padding:10px;"><?=$website_options['mobile_custom_embed'] ?></textarea>
    </div>
    <div class="clear;"></div>
    
	<h4 style="font-weight:800; font-size:48px; line-height:60px; color:#ccc">
		CUSTOM CONTENT SECTION
	</h4>    
	
	<div style="display:inline-block; width:20%; min-width:120px; height:40px; font-weight:bold; text-align:left;">
		<label>Enable: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<?php $checked_feat_cust_left=! empty($website_options['enable_custom_section']) ? " checked='checked'" : ""; ?>
		<input type="checkbox" name="settings[enable_custom_section]" <?= $checked_feat_cust_left ?> />
	</div>

	<div class="clear;"></div>	
    
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Left Section Title: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<input type="text" name="settings[custom_left_title]" class="txt" style="min-width:350px;" 
		value="<?= $website_options['custom_left_title'] ?>" placeholder="" />
	</div>

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

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Text Area 0 (Home page L): </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
        <textarea name="settings[custom_text_0]" id="ckeditor1" class="ckeditor" 
        style="min-width:350px; min-height:150px; 
        line-height:20px;"><?=$website_options[ 'custom_text_0'] ?></textarea>
    </div>
    <div class="clear;"></div>	
    
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Right Section Title: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<input type="text" name="settings[custom_right_title]" class="txt" style="min-width:350px;"
		value="<?= $website_options['custom_right_title'] ?>" placeholder="" />
	</div>

	<div class="clear;"></div>   	  
	
    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Text Area 1 (Home page R): </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
        <textarea name="settings[custom_text_1]" id="ckeditor2" class="ckeditor" 
        style="min-width:350px; min-height:150px; 
        line-height:20px;"><?=$website_options[ 'custom_text_1'] ?></textarea>
    </div>
    <div class="clear;"></div>

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Text Area 2 (About): </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
        <textarea name="settings[custom_text_2]" id="ckeditor3" class="ckeditor" 
		style="min-width:350px; min-height:150px; 
		line-height:20px;"><?=$website_options[ 'custom_text_2'] ?></textarea>
    </div>
    <div class="clear;"></div>  
    
	<h4 style="font-weight:800; font-size:48px; line-height:60px; color:#ccc">
    	CHAT PAGE CONTENT SETTINGS 
    </h4>
    
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Chat Page Title: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<input type="text" name="settings[chat_title]" class="txt" style="min-width:350px;" value="<?= $website_options['chat_title'] ?>"
		placeholder="SUPPORT FORUM / Ask A Question" />
	</div>

	<div class="clear;"></div>       
    
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Text Area 6 (Chat Header): </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
		<textarea name="settings[custom_text_6]" id="ckeditor5" class="ckeditor" 
		style="min-width:350px; min-height:150px; 
		line-height:20px;"><?=$website_options[ 'custom_text_6'] ?></textarea>
	</div>
	<div class="clear;"></div>	    

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
        <label>Text Area 3 (Chat Sidebar): </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
        <textarea name="settings[custom_text_3]" id="ckeditor4" class="ckeditor" 
		style="min-width:350px; min-height:150px; 
		line-height:20px;"><?=$website_options[ 'custom_text_3'] ?></textarea>
    </div>
    <div class="clear;"></div>   
	
	<!-- ########################################### --> 	
	
	<h4 style="font-weight:800; font-size:48px; line-height:60px; color:#ccc">
		SLIM WHITE SECTION
	</h4> 		  
    
	<div style="display:inline-block; width:20%; min-width:120px; height:40px; font-weight:bold; text-align:left;">
		<label>Enable: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<?php $checked_feat_slim=! empty($website_options['enable_slim_white_section']) ? " checked='checked'" : ""; ?>
		<input type="checkbox" name="settings[enable_slim_white_section]" <?= $checked_feat_slim ?> />
	</div>

	<div class="clear;"></div>
	
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Section Title: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<input type="text" name="settings[slim_white_title]" class="txt" style="min-width:350px;" 
		value="<?= $website_options['slim_white_title'] ?>"
		placeholder="ABOUT US" />
	</div>

	<div class="clear;"></div>	
	
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Text Area (Slim White):</label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
		<textarea name="settings[slim_white_text]" id="ckeditor6" class="ckeditor" 
		style="min-width:350px; min-height:150px; 
		line-height:20px;"><?=$website_options[ 'slim_white_text'] ?></textarea>
	</div>
	<div class="clear;"></div>
	
	<!-- ########################################### -->   
	
	<h4 style="font-weight:800; font-size:48px; line-height:60px; color:#ccc">
		DONATE SECTION
	</h4> 		  
    
	<div style="display:inline-block; width:20%; min-width:120px; height:40px; font-weight:bold; text-align:left;">
		<label>Enable: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<?php $checked_feat_donate=! empty($website_options['enable_donate_section']) ? " checked='checked'" : ""; ?>
		<input type="checkbox" name="settings[enable_donate_section]" <?= $checked_feat_donate ?> />
	</div>

	<div class="clear;"></div>
	
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Section Title: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<input type="text" name="settings[donate_title]" class="txt" style="min-width:350px;" 
		value="<?= $website_options['donate_title'] ?>"
		placeholder="MAKE A DONATION" />
	</div>

	<div class="clear;"></div>	
	
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Text Area (Donate):</label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
		<textarea name="settings[donate_text]" id="ckeditor7" class="ckeditor" 
		style="min-width:350px; min-height:150px; 
		line-height:20px;"><?=$website_options[ 'donate_text'] ?></textarea>
	</div>
	<div class="clear;"></div>
	
	<!-- ########################################### -->  
	
	<h4 style="font-weight:800; font-size:48px; line-height:60px; color:#ccc">
		TESTIMONIALS SECTION
	</h4>

	<div style="display:inline-block; width:20%; min-width:120px; height:40px; font-weight:bold; text-align:left;">
		<label>Enable: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<?php $checked_feat_testimonials=! empty($website_options['enable_testimonials']) ? " checked='checked'" : ""; ?>
		<input type="checkbox" name="settings[enable_testimonials]" <?= $checked_feat_testimonials ?> />
	</div>

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

	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Section Title: </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px;">
		<input type="text" name="settings[testimonials_title]" class="txt" style="min-width:350px;"
		value="<?= $website_options['testimonials_title'] ?>"
		placeholder="WHAT PEOPLE ARE SAYING" />
	</div>

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

	<!-- ########################################### -->  		
	
	<h4 style="font-weight:800; font-size:48px; line-height:60px; color:#ccc">
		OTHER SECTIONS
	</h4>	
	
	<div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; text-align:left;">
		<label>Text Area 4 (About): </label>
	</div>
	<div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
		<textarea name="settings[custom_text_4]" class="txt" style="min-width:350px; 
		min-height:150px; line-height:20px;"><?=$website_options[ 'custom_text_4'] ?></textarea>
	</div>
	<div class="clear;"></div>	

    <div style="display:inline-block; width:20%; min-width:120px; height:50px; font-weight:bold; 
    text-align:left;">
        <label>Text Area 5 (inactive): </label>
    </div>
    <div style="display:inline-block; width:auto; min-width:150px; margin-bottom:25px;">
        <textarea name="settings[custom_text_5]" class="txt" style="min-width:350px; min-height:150px; 
        line-height:20px;"><?=$website_options[ 'custom_text_5'] ?></textarea>
    </div>
    <div class="clear;"></div>
	<br />
	<a href="?editchk" title="Click here to edit Checkout Text">Edit Checkout Text &raquo;</a>
	
</div>
		<!-- TAB #5 ENDS HERE -->  

	<link rel="stylesheet" type="text/css" href="/static/css/jquery.domenu-0.95.77.css"/>
	<script src="/static/js/jquery.domenu-0.95.77.js"></script>

	<script>
		$(document).ready(function() {
			var specialty_text = $('#keywords').val();
			var specialty_text_length = $('#keywords').val().length;
			
			if (specialty_text_length < 225) {
				$('#keywordscount').text(225 - specialty_text_length);
			}
			
			//alert(specialty_text_length);
			//countChar(specialty_text);
			//		 var char_len = $('#keywords').length();
			//
			//		 if (char_len >= 225) {
			//			 $('#keywordscount').text(225 - char_len);
			//		 }
			//
			//		 alert('Count: ' + char_len);
		});
		//////////////////////////////////////////
		
		function countChar(val){
			var len = val.value.length;
			if (len >= 225) {
				c
			} else {
				$('#keywordscount').text(225 - len);
			}
		};
		
		//////////////////////////////////////////
		
	  	var doMenu = $('#domenu-0').domenu({
	    	data: $('#menujson').val() // '[{"title":"Google","url":"http://google.com/"},{"title":"Bing","url":"http://bing.com"}]'
	  	}).parseJson().on(['onItemCollapsed', 'onItemExpanded', 'onItemAdded', 'onSaveEditBoxInput', 'onItemDrop', 'onItemDrag', 'onItemRemoved', 'onItemEndEdit'], updateMenu);
	  
	  	function updateMenu(a, b, c) {
		  	console.log(doMenu);
			$('#menujson').val(doMenu.toJson());
		}

	updateMenu();

	//////////////////////////////////////////

	</script>
	
<!-- ///////////////////////////////////////////////////////////////////////////// -->
<!-- ////////////////////////   6. CUSTOM MENU SETTINGS    /////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////////////////// -->  	

		<div id="menu-settings" class="subtab">
		    <h2>Custom Menu Items</h2>
			<div style="background:#ddd; height:1px; width:auto;"></div>
			<br />
		
			These appear toward the bottom of the mobile slide-out left menu <i>and</i> in the text menu 
			links that appear at the top left of all interior pages. <span style="color:red;">Tip: May 
			have to click the red X button twice 
			to delete a menu item.</span>
			<br /><br />
			
			<div class="dd" id="domenu-0">
			  	<input type="button" class="dd-new-item" value="+" />
			  	
			  	<li class="dd-item-blueprint">
			    	<button type='button' class="collapse" data-action="collapse" type="button" 
			    	style="display: none;">–</button>
			    
			    	<button type='button' class="expand" data-action="expand" type="button" 
			   	 	style="display: none;">+</button>
			    
			    	<div class="dd-handle dd3-handle">Drag</div>
			    
			    	<div class="dd3-content">
				      	<span class="item-name">[item_name]</span>
				      
				      	<div class="dd-button-container">
				        	<button type='button' class="item-add">+</button>
				        	<button type='button' class="item-remove" 
				        	data-confirm-class="item-remove-confirm">&times;</button>
				     	</div>
				      
				      	<div class="dd-edit-box" style="display: none;">
				        	<input type="text" name="title" autocomplete="off" 
				        	placeholder="Item" data-placeholder="" data-default-value="">
				        
				       		<input type="text" name="url" autocomplete="off" placeholder="Item"
				            data-placeholder="URL" data-default-value="">

				        	<i class="end-edit">save</i>
				      	</div>
			    	</div>
			  	</li>
		  		<ol class="dd-list"></ol>
			</div>
			
			<input id="menujson" name="settings[menu_custom_items]" type="hidden" 
			value="<?= htmlspecialchars($website_options['menu_custom_items']) ?>" />
	        
	    	<div class="clear"></div>
		</div>
		<!-- TAB #6 ENDS HERE / FINAL TAB -->  
		
		<!--//////////////////////////////// SUBMIT/SAVE BUTTON ////////////////////////////////-->
		<p>
			<br />
	    	<input class="btn btn-blue" type="submit" name="save_settings" value="Save Settings" />
		</p>
		<!--//////////////////////////////// SUBMIT/SAVE BUTTON ////////////////////////////////-->
 		<div class="clear;"></div>
	</div><!-- END OF SETTINGS DIV -->
</form>

<script>    
	CKEDITOR.replace( 'ckeditor1' ,{
		filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	});

	CKEDITOR.replace( 'ckeditor2' ,{
		filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	});

	CKEDITOR.replace( 'ckeditor3' ,{
		filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	});

	CKEDITOR.replace( 'ckeditor4',{
		extraPlugins : 'imgbrowse',
		filebrowserBrowseUrl : '/static/images/cms',
		filebrowserUploadUrl : '../static/images/cms',	
		filebrowserImageBrowseUrl : '/3rdparty/ckeditoradv/plugins/imgbrowse/imgbrowse.html?imgroot=static/images/cms'
	});  

	CKEDITOR.replace( 'ckeditor5' ,{
		filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	});

	CKEDITOR.replace( 'ckeditor6' ,{
		filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	});

	CKEDITOR.replace( 'ckeditor7' ,{
		filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
		filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	});

	//CKEDITOR.replace( 'ckeditor40' ,{
	//	filebrowserBrowseUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
	//	filebrowserUploadUrl : '/filemanager/dialog.php?type=2&editor=ckeditor&fldr=',
	//	filebrowserImageBrowseUrl : '/filemanager/dialog.php?type=1&editor=ckeditor&fldr='
	//});
</script>