{% extends '@GinsaSistema/base.html.twig' %}

{% block body_id 'indexMapear' %}


{% block body %}
    <form action="{{ url('MapearBaseDatos_generar') }}" method="POST">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Ruta firebird local:</span>
                        </div>
                        <input type="text" class="form-control" id="rutaFirebird" name="rutaFirebird" required>
                    </div>
                </div>
                <div class="col-sm-12 col-md-8">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Ruta base de datos:</span>
                        </div>
                        <input type="text" class="form-control" id="rutaBase" name="rutaBase" required>
                    </div>
                </div>
                <div class="col-sm-12 col-md-4">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Servidor:</span>
                        </div>
                        <label for="servidor"></label><select class="form-control" id="servidor" name="servidor">
                            <option value="local" selected>Local</option>
                            <option value="remoto">Remoto</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12" id="groupRemoto">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Dirección IP equipo remoto:</span>
                        </div>
                        <input type="text" class="form-control" id="ipRemoto" name="ipRemoto">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 col-lg-6 col-md-6">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Nombre base de datos:</span>
                        </div>
                        <input type="text" class="form-control" id="nombreBase" name="nombreBase" required>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-6 col-md-6">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Tabla en concreto (Opcional):</span>
                        </div>
                        <input type="text" class="form-control" id="opcional" name="opcional">
                    </div>
                </div>
                <div class="col-sm-12 col-lg-12 col-md-12">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Usuario base de datos:</span>
                        </div>
                        <input type="text" class="form-control" id="nombreUsuario" name="nombreUsuario" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 col-lg-6">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Password base de datos:</span>
                        </div>
                        <input type="password" class="form-control" id="passwordUsuario" name="passwordUsuario"
                               required>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-6">
                    <div class="input-group mb-2">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Ruta final:</span>
                        </div>
                        <input type="text" class="form-control" id="rutaFinal" name="rutaFinal" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <button id="enviar" value="enviar">Generar</button>
                </div>
            </div>
        </div>
    </form>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('build/MapearBaseDatos/js/comprobarFormulario.js') }}"></script>
{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('build/MapearBaseDatos/css/Mapear.css') }}" type="text/css" rel="stylesheet"/>
{% endblock %}