{% extends "base/base-back.html.twig" %}
{% block title %}Geolocalización | Cershop{% endblock %}
{% block metadescription %}Geolocalización{% endblock %}
{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block titulo %}Ajustes de geolocalización{% endblock %}
{% block contenido %}

<div class="container-fluid">
    <div class="row">
        <div class="col">
            {% for flash_message in app.session.flashbag.get('danger') %}
                <div class="alert alert-danger" role="alert">{{ flash_message }}</div>
            {% endfor %}
            {% for flash_message in app.session.flashbag.get('success') %}
                <div class="alert alert-success" role="alert">{{ flash_message }}</div>
            {% endfor %}
        </div>
    </div>
    
    <!-- Inicio del formulario -->
    <form action="{{ path(app.request.attributes.get('_route')) }}" method="post">

        <!-- Campos principales -->
        <div class="form-group row">
            <div class="form-group col-md-4">
                <label for="radio" class="required">Radio de detección (en km)</label>
                <input type="text" id="radio" name="radio" required="required" class="form-control" value="{{ radio.valor }}">
            </div>
            <div class="form-group col-md-4">
                <label for="saltos" class="required">Número de saltos (distancia máxima)</label>
                <input type="text" id="saltos" name="saltos" required="required" class="form-control" value="{{ saltos.valor }}">
            </div>
        </div>
        <div class="form-group row">
            <div class="form-group col">
                <hr class="divisor-final-formularios">
                <button type="submit" id="guardar" name="guardar" class="btn btn-primary float-right ml-2">Guardar cambios</button>
            </div>
        </div>
        
    </form>
    <!-- ./fin del formulario -->
</div>

{% endblock %}

{% block javascript %}
    {{ parent() }}
{% endblock %}