{% extends 'base.html' %}
{% block content %}
        <section id="scrapingFormContainer" class="container-fluid d-flex justify-content-center">
            <div class="container-md my-5 mx-2 shadow-lg p-4 ">
                <div class="row">
                    <div class="col">
                        <h2>Scraper</h2>
                    </div>
                    <div class="col text-end">
                    </div>
                </div>
                <form id="scrapingForm" method="POST" action="{{ url_for('start_scraping') }}">
                    {{ form.hidden_tag() }}
                    <div class="form-group">
                        {{ form.faction_id.label(class="form-control-label") }}
                        {{ form.faction_id(class="form-control") }}
                    </div>
                    <div class="form-group">
                        {{ form.fetch_interval.label(class="form-control-label") }}
                        {{ form.fetch_interval(class="form-control") }}
                    </div>
                    <div class="form-group">
                        {{ form.run_interval.label(class="form-control-label") }}
                        {{ form.run_interval(class="form-control") }}
                    </div>
                </form>
                <div class="btn-group btn-group m-2" role="group">
                    {{ form.submit(class="btn btn-success", type="submit", id="startButton", form="scrapingForm") }}
                    <button class="btn btn-warning" type="button" id="stopButton">Stop</button>
                </div>
            </div>
        </section>
        <script type="module" src="{{url_for('static', filename='index.js')}}"></script>
{% endblock content %}