$( document ).ready(function() {
    $('#send-mail').html(`<form action="https://portal.ucol.mx/cms/lib/sendmail/cedefu-cuap.php" method="post" id="formData" onsubmit="return verCaptcha();">
                            <div class="row">
                                <input id="portal_url" name="portal_url" type="hidden" value="https://portal.ucol.mx/cedefu/cuap.htm" require>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <h5 class="m-b-0"><label for="mail_from" style="color:#265571;"><strong>Email<span class="text-danger">*</span></strong></label></h5>
                                        <input class="form-control form-control-lg" id="mail_from" name="mail_from" placeholder="Email" type="email" require>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <h5 class="m-b-0"><label for="mail_subject" style="color:#265571;"><strong>Asunto<span class="text-danger">*</span></strong></label></h5>
                                        <input class="form-control form-control-lg" id="mail_subject" name="mail_subject" placeholder="Asunto" type="text" require>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <h5 class="m-b-0"><label for="mail_message" style="color:#265571;"><strong>Mensaje<span class="text-danger">*</span></strong></label></h5>
                                        <textarea class="form-control form-control-lg" id="mail_message"  name="mail_message" placeholder="Escribe tu mensaje" rows="3" require>&nbsp;</textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group error" style="color:red"></div>
                                    <div class="form-group">
                                        <div class="g-recaptcha" data-sitekey="6LfGMhAcAAAAANx-pE6MdFa_ooWWCRF4lcS_pQRA"></div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group"><button class="btn btn-primary w-100" type="submit" id="enviar">Enviar</button></div>
                                </div>
                            </div>
                        </form>`);
});


function verCaptcha(){
    if (grecaptcha.getResponse() == ""){
        $(".error").html("*Los campos marcados son obligatorios");
        return false;
    } else {
        $("#enviar").attr("disabled",true);
        $( "#formData" ).submit();
        return false;
    }
}