<!DOCTYPE html>
<html>
<!-- NAVIGATION BAR-->
<?php include "header.html";?>
<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
<!-- <div class="row"> -->
<!--LEFT-->
<!-- <div class="col-lg-8"> -->
<!-- ////////////////////////////////////////////////// -->
<!-- //////////////// RESULTS //////////////// -->
<!-- ////////////////////////////////////////////////// -->
<!-- HEADER -->
<div class="thumbnail frame">
<div class = "caption" style="text-align: center"><h3 id="nickname_header"></h3></div>
</div>
<div id="results">
<!-- All plots -->
<div class="thumbnail plot_frame frame">
<div id="container_for_all_plots">
<!-- ALL PLOTS GO HERE -->
</div>
<div style="display:block">
<!-- <p id="missing_plots"><p> -->
<br>
<p>
All plots are available as both .png and .pdf files through the Download button below and can be used in publications.<a href="http://www.ncbi.nlm.nih.gov/pubmed/27318204"> Cite Assemblytics.</a>
</p>
</div>
</div>
<!-- Assembly statistics N50 etc. -->
<div class="thumbnail frame plot_frame">
<div class="caption">
<h4>Assembly statistics</h4>
<p id="landing_for_assembly_stats"></p>
</div>
</div>
<!-- Variant statistics -->
<div class="thumbnail frame plot_frame">
<div class="caption">
<h4>Variant summary statistics</h4>
<p id="landing_for_summary_statistics"></p>
</div>
</div>
<div class="thumbnail frame plot_frame">
<div class="caption">
<h4>Variant file preview</h4>
<p id="landing_for_variant_file_preview"></p>
</div>
</div>
<!-- Download button -->
<div class="thumbnail frame plot_frame">
<div class="caption">
<h4>Download all data</h4>
<p><a href="" download class="btn btn-primary" class="download_btn" id="download_zip" role="button">Download zip file of all results</a>
<!-- <a href="" download class="btn btn-default" class="download_btn" id="down_txt_1" role="button">Download all variants (.bed file)</a> -->
</p>
</div>
</div>
</div>
<!-- </div> -->
<!-- RIGHT-->
<!-- <div class="col-lg-4"> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> end of centered middle of body -->
<!--View analysis later-->
<div id="codepanel" >
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">View analysis later</h3>
</div>
<div id="code" class="panel-body">
<?php
$code=$_GET["code"];
$url="http://assemblytics.com/analysis.php?code=$code";
echo "Return to view your results at any time: <input type=\"text\" class=\"form-control\" value=\"$url\"></input>";
?>
</div>
</div>
</div>
<!-- ////////////////////////////////////////////////// -->
<!-- ///////////// Progress info ///////////// -->
<!-- ////////////////////////////////////////////////// -->
<div class="panel panel-info center" id="progress_panel">
<div class="panel-heading">
<h3 class="panel-title">Progress</h3>
</div>
<div class="panel-body">
<div id="plot_info">
Checking progress...
</div>
</div>
</div> <!-- End of progress info -->
<!-- ////////////////////////////////////////////////// -->
<!-- jquery must be first because bootstrap depends on it -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type='text/javascript' src="js/analysis_page_script.js?rndstr="<?php rand(100000,999999) ?> ></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
</body>
</html>