{% extends "layout.html" %}
{% block content %}

<h2>On-demand Dark Web Crawler</h2>
<div style = "height:10px"></div>

<p>On this page you can search for keywords in the dark web pages repository. Type in your search word(s) and press Submit
and wait for the computer to deliver your search results.
<div id='chart' class='chart'”></div>
</p>

<!-- Search form-->
<form class="container-fluid" method="post" action="{{url_for('enviar_exemplo', scenario = scenario)}}">
    <div class="row alert alert-dark bg-dark text-light">

        <div class="col-2">
            <input type="checkbox" style="margin:1rem;" name="checkbox1" id="darknet" >
            <label for="checkbox1">Tor</label>
            <input type="checkbox" style="margin:1rem;" name="checkbox2" id="darknet" >
            <label for="checkbox2">I2P</label>
            <input type="text" class="form-control form-control-sm" name="caixa{{index}}" value="http://<url>.onion/p/1422.hmtl">
        </div>

      <div class="col-12 py-1">
        <button type="submit" class="btn btn-light float-right">Crawl</button>
      </div>
    </div>
</form>
<!-- End of forms -->


<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script type='text/javascript'>
      var graphs = {{graphJSON | safe}};
      Plotly.plot('chart',graphs,{});
</script>



{% endblock %}