@extends("ushuaia.web.plantilla")
@section("contenido")

<div class="container-fluid" id="index-salud">
    <div class="row mx-0 pt-2">
        <div class="col-12 pl-xl-5 mt-md-5 mt-0 pt-md-3">
            <div class="row mx-0 pl-xl-5">
                <div class="col-lg-5 comercio-titulo">
                    <h1>Salud</h1>
                </div>
            </div>
            <div class="row mx-0 pl-xl-5">
                <div class="pr-sm-4 pr-lg-3 col-12 col-sm-6 col-xl-5">
                    <div class="mt-md-3 mt-1 text-white">
                        <p class="texto">Invitamos a todas las personas de Tierra del Fuego que se desempeñen en los centros de Salud a formar parte de los beneficios que ofrece Tarjeta +U de manera rápida, sencilla y gratuita.</p>
                    </div>
                </div>
            </div>
            <div class="comercio-titulo ml-md-5 pl-md-5 d-none">
                <h1>Comunicación</h1>
                <div class="row">
                    <div class="col-md-5 col-12">
                        <div class="mt-md-3 mt-1 text-white">
                            <p class="texto">Invitamos a todas las personas de Tierra del Fuego que se desempeñen en los centros de Salud a formar parte de los beneficios que ofrece Tarjeta +U de manera rápida, sencilla y gratuita.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="comercio" class="container-fluid mt-sm-3 pb-sm-5 mb-sm-2 pl-xl-5">
    <div class="row mx-0 my-md-5 my-4 px-xl-5 justify-content-between">
        <div class="col-sm-6 col-12 text-left pr-md-5 pl-lg-4 preguntas-frecuentes">
            <h2 class="mb-md-4 mb-2">Registrarse</h2>
            <div class="mb-4">
                <p>Para adherirte al programa de Tarjeta +U, completá el formulario que figura a la derecha de la pantalla con los datos solicitados. Éstos serán recibidos en el Centro +U para su verificación y, una vez confirmados, se realizará tu registro al programa. Este proceso puede demorar entre 24 y 48 horas.</p>
                <p>En caso de encontrar algún inconveniente en tu solicitud, nos pondremos en contacto con vos para poder resolverlo a la brevedad.</p>
            </div>
        </div>
        <div class="col-sm-5 col-12 text-center pl-md-5 pr-lg-4 form">
            <div class="info pr-4 pl-4">
                <h3 class="text-uppercase py-3">Completá la solicitud</h3>
                <form id="form1" method="post">
                    <div class="row">
                        <div class="col-12">
                            <div id="msg"></div>
                                                    </div>
                    </div>
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtNombre" id="txtNombre" placeholder="Nombre (*)" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtApellido" id="txtApellido" placeholder="Apellido (*)" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtDocumento" id="txtDocumento" placeholder="Documento (*)" minlength="7" maxlength="8" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtRubro" id="txtRubro" placeholder="Rubro">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtArea" id="txtArea" placeholder="Area que se desempeña">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtTelefono" id="txtTelefono" placeholder="Teléfono (*)" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="email" name="txtEmail" id="txtEmail" placeholder="Mail (*)" required>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="txtDireccion" id="txtDireccion" placeholder="Dirección">
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="lstLocalidad">
                            <option value="" selected disabled>Localidad</option>
                            <option value="2787">Ushuaia</option>
                            <option value="2785">Tolhuin</option>
                            <option value="2782">Rio Grande</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <div class="g-recaptcha captcha" data-sitekey="6LfZ1CUaAAAAALMKRsor-CtjYuigeoxz1qXNHM-t"></div>
                    </div>
                    <div class="text-right">
                        <button type="button" class="btn text-uppercase my-3 btnInscribir px-5" onclick="inscribirse();">Inscribirme</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    let usuarioExiste = false;

    let inscripto = false;

    $("#form1").validate();

    function inscribirse() {
        if (usuarioExiste == "false" || usuarioExiste == false) {
            if ($("#form1").valid()) {
                form1.submit();
                inscripto = true;
            }
        } else {
            msgShow("Usuario ya existente, ingrese uno distinto", "danger");
        }
    }
</script>

@endsection