@php
    $hubspotTargetId = 'hubspot-form-lg-' . uniqid();
@endphp

<section class="contact-form-lg" aria-label="Formulario de contacto">
    <div class="contact-form-lg__card">
        <div class="contact-form-lg__head">
            <div class="contact-form-lg__title-wrap">
                <p class="contact-form-lg__eyebrow">Admisiones</p>
                <h2 class="contact-form-lg__title">Contáctanos aquí</h2>
                <p class="contact-form-lg__lead">Déjanos tus datos y uno de nuestros asesores te contactará.</p>
            </div>

            <div class="contact-form-lg__media">
                <img data-src="/images/ala-form.png" alt="Universidad Cuauhtémoc" class="img-form lazyload">
            </div>
        </div>

        <div class="contact-form-lg__body">
            <!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
            <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
            <div id="{{ $hubspotTargetId }}" class="contact-form-lg__embed"></div>
            <script>
                hbspt.forms.create({
                    region: "na1",
                    portalId: "21155268",
                    formId: "1fe93863-bf4c-4010-a816-c950329a03db",
                    target: "#{{ $hubspotTargetId }}"
                });
            </script>
        </div>



        {{-- <form class="ucg-crm landing-ucg-crm" id="WebToLeadForm" onsubmit="submit_form();"
            action="https://crm.ucg.edu.mx/index.php?entryPoint=WebToPersonCapture" method="POST" name="WebToLeadForm">


            <div class="row">
                <div class="col-md-6">
                    <label>Nombre: <span class="required">*</span></label>
                    <input type="text" class="form-control" id="first_name" name="first_name"
                        placeholder="Ingresa tu nombre" required>
                </div>

                <div class="col-md-6">
                    <label>Apellidos: <span class="required">*</span></label>
                    <input class="form-control" name="last_name" id="last_name" type="text" required
                        placeholder="Ingresa tus apellidos" />
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label>Correo electrónico: <span class="required">*</span> </label>
                    <input class="form-control" name="email1" id="email1" type="email" required
                        placeholder="Ingresa tu correo electrónico" />
                </div>

                <div class="col-md-6">
                    <label>Teléfono: <span class="required">*</span> </label>
                    <input class="form-control" name="phone_mobile" id="phone_mobile" type="text" required
                        placeholder="Ingresa tu teléfono" />
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label>Interesado en estudiar: <span class="required">*</span> </label>
                    <select class="form-control" name="carrera_c" id="carrera_c" title="Interesado en estudiar" required
                        placeholder="Ingresa tu carrera">
                        @include("frontend.includes.forms.careersOptions")
                    </select>
                </div>

                <div class="col-md-6">
                    <label>¿Cuando te gustaría iniciar?:<span class="required">*</span> </label>
                    <select class="form-control" name="ciclos_escolares_c" id="ciclos_escolares_c"
                        title="¿Cuando te gustaría iniciar?å:" required>
                        @include("frontend.includes.forms.cyclesOptions")
                    </select>
                </div>
            </div> --}}


            <div class="contact-form-lg__footnote text-center">
                {{-- <button style="width: 60%" id="submitForm" class="btn btn-primary p-2 mt-5 btn-submit"
                    type="submit">Enviar</button> --}}
                <small>Regístrate y uno de nuestros asesores te contactará.</small>
                <span>2,928 estudiantes actualmente</span>
            </div>
    </div>
</section>
{{-- <input name="lawful_basis_source" id="lawful_basis_source" type="hidden" value="website" />
<input name="redirect_url" id="redirect_url" type="hidden" value="{{ route('thank_you') }}" />
<input name="moduleDir" id="moduleDir" type="hidden" value="Leads" />
<input name="campaign_id" id="campaign_id" type="hidden" value="b5958907-5d2e-3d7b-2f98-614c97f92424" />
<input name="assigned_user_id" id="assigned_user_id" type="hidden" value="auto" />
<input name="campain_name_c" id="campain_name_c" type="hidden" value="" /> --}}

{{-- </form> --}}
{{--
<script>
    function submit_form() {
        let urlParams = new URLSearchParams(window.location.search);
        let campain = urlParams.get('campain')
        let campain_name_c = document.getElementById("campain_name_c").value = campain;
        let submitForm = document.getElementsByClassName("zf-submitColor")[0];
        submitForm.innerText = "Cargando..";
        submitForm.disabled = true;

        return true;
    }
</script> --}}