{% extends "global/Page.html" %}

{% load static %}

{% block scripts %}
    <script src="{% static 'slider.js' %}"></script>
{% endblock %}

{% block title %}
    Offer
{% endblock %}

{% block content %}
    <h1>Make an Offer</h1>
    <input type="hidden" name="kept" id="kept" />

     {% formfields group.kept %}

        <div class="form-group">
            <label for="{{ form.kept.id_for_label }}">Select the amount you want to keep:</label>
            <input type="range" class="kept-value" id="{{ form.kept.id_for_label }}" name="{{ form.kept.html_name }}"
                min="{{ form.kept.field.min }}" max="{{ form.kept.field.max }}" step="1" value="{{ form.kept.value }}">
            <p>Selected value: <span id="kept">{{ form.kept.value }}</span></p>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>


{% endblock %}