
<div class="content-header">
    <div class="header-section">
        <h1>
            <i class="gi gi-user"></i>Forum <Strong>Signature</Strong><br><small>Media & Graphics | <?php echo SITE_NAME; ?> &copy; <?php echo date("Y"); ?></small>
        </h1>
    </div>
</div>

<div class="row">
<div class="col-md-12">
	<div class="block">
		<div class="block-title">
			<h3>Your current signature</h3>
		</div>
		<p align="center">
			<img src="<?php echo $badge_url ?>" />
		</p>
		
		<p>
			<strong><h3>Why?</h3></strong>
			It is common for most of the forum users to keep a custom forum signature, and as a pilot flying for <?php echo SITE_NAME; ?>, you have all 
			the rights in the world to "flaunt" it, because you're one among the selected few to be on our Roster!
			
			<br>
			Hello, Tomorrow
		</p>
	</div>
</div>

<div class="col-md-12">
	<div class="block">
		<div class="block-title">
			<h3><strong>Use</strong> your signature</h3>
		</div>
		
	<div class="alert alert-info">
			<h3>FAQ</h3>
			The stats shown on your badge are automatically updated after every flight, therefore your rank, hours, last flight and location are updated dynamically, in the same image, where ever it is in the world!
			Should you have any issues, please send an iMail to <?php echo ADMIN_EMAIL; ?>
			<br>
		</div>
		
		
	<strong>Direct Link:</strong>
	<input class="form-control" id="copy-text"  type="text" value="<?php echo $badge_url ?>" style="width: 100%" />
	
	<strong>Image Link:</strong>
	<input class="form-control" id="copy-text2"  type="text" value='<img src="<?php echo $badge_url ?>" />' style="width: 100%" />
	
	<strong>BBCode:</strong>
	<input class="form-control" id="copy-text3"  type="text" value='[img]<?php echo $badge_url ?>[/img]' style="width: 100%" />
	
	<br><br>
	
		
		
		
	</div>
</div>
</div>

<script>
	document.getElementById("copy-text").onclick = function() {
    this.select();
    document.execCommand('copy');
    	hotsnackbar('hsdone', 'Link copied, ready to be pasted!');
    	
}
</script>

<script>
	document.getElementById("copy-text2").onclick = function() {
    this.select();
    document.execCommand('copy');
    	hotsnackbar('hsdone', 'Link copied, ready to be pasted!');
    	
}
</script>

<script>
	document.getElementById("copy-text3").onclick = function() {
    this.select();
    document.execCommand('copy');
    	hotsnackbar('hsdone', 'Link copied, ready to be pasted!');
    	
}
</script>

