@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->

<div class="page-header">
	<div class="breadcrumb-four">
		<ul class="breadcrumb">
			<li><a href="{{url('dashboard')}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
		</ul>
	</div>
</div>
		
		
	<div id="dislayhtmlcode">
	
		<table border="1">
		<tr>
			<th>s.no</th>
			<th>name</th>
		</tr>
		<tr>
			<td>1</td>
			<td>kabali</td>
		</tr>
		
		</table>
	</div>
	
	<input type="button" name="click" value="copy" onclick="callme()">
	<div id="showcode">
	</div>
	<div class="code-section-container show-code">
		<div class="code-section text-left">
			<span style="cursor:pointer;color:#4F8EDC" title="Copy Content" onclick="copyurls('Website','Right-Bottom')" align="right"><b>Click here to Copy the Script</b></span>
		
			<div id="WebsiteRight-Bottom">
			<pre class="hljs xml" align="left">  
				&lt;table border="1"&gt;
				&lt;tr&gt;
					&lt;th&gt;s.no&lt;/th&gt;
					&lt;th&gt;name&lt;/th&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td&gt;1&lt;/td&gt;
					&lt;td&gt;kabali&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
			</pre>
			</div>
		</div>
	</div>
	<script>
	  function callme()
	  {
		  var getthis=$('#dislayhtmlcode').html();
		  alert(getthis);
		  $('#showcode').html(getthis);
	  }
	 
	</script>	
<!--  END CONTENT AREA  -->
@endsection