{% extends "main.html" %}
{% block title %}Scrape{% endblock %}

{% block content %}
<div class="container">
  <h1>Scrape a page</h1>

    <form class="form-inline" role="form" action="scrape" method=post>
        <div class="form-group">
            <label for="url">URL to scrape:</label>
            <input type="text" class="form-control" name="url" id=url placeholder="URL to scrape">
            <label for="depth">Depth:</label>
            <select class="form-control" name="depth" id=depth>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
            </select>
            <label for="listing">Public</label>
            <input type="checkbox" name="listing" checked="true"></input>
        </div>
        <button type="submit" class="btn btn-default">Scrape</button>
    </form>
</div>
{% endblock %}