Twig\Error\RuntimeError {#2236
  -lineno: 153
  -name: "singin/CreatePublicUser.html.twig"
  -rawMessage: "Neither the property "planta" nor one of the methods "planta()", "getplanta()"/"isplanta()"/"hasplanta()" or "__call()" exist and have public access in class "Symfony\Component\Form\FormView"."
  -sourcePath: "/var/www/PDTDEV/templates/singin/CreatePublicUser.html.twig"
  -sourceCode: """
    {% extends 'menu/index_no_menu.html.twig' %}\n
    \n
    {% block stylesheets %}\n
    \t{{ parent() }}\n
      <link rel="stylesheet" href="../../assets/vendor/css/pages/page-auth.css" />\n
    {% endblock %}\n
    \n
    {% block content %}\n
      \n
      <div class="authentication-wrapper authentication-cover authentication-bg">\n
        <div class="authentication-inner row">\n
          <!-- Left Text -->\n
          <div class="d-none d-lg-flex col-lg-4 align-items-center justify-content-center p-5 auth-cover-bg-color position-relative auth-multisteps-bg-height">\n
            <img \n
              src="../../assets/img/illustrations/pepsico_logo.png" alt="auth-register-multisteps" class="img-fluid"\n
              width="280" \n
            />\n
            <img \n
              src="../../assets/img/illustrations/pepsico_logo.png" alt="auth-register-multisteps" class="platform-bg"\n
              data-app-light-img="illustrations/bg-shape-image-light.png"\n
              data-app-dark-img="illustrations/bg-shape-image-dark.png" \n
            />\n
          </div>\n
          <!-- /Left Text -->\n
          <!--  Multi Steps Registration -->\n
          <div class="d-flex col-lg-8 align-items-center justify-content-center p-sm-5 p-3">\n
            <div class="w-px-700">\n
              <div class="col-12 grid-margin stretch-card">\n
                <div class="card mb-4">\n
                  <h5 class="card-header">\n
                      Registro de usuario\n
                  </h5>\n
                  <div class="card-body">\n
                    <form \n
                      id="form" \n
                      method="POST"\n
                      autocomplete="off"\n
                      novalidate\n
                    >\n
                      {{ form_start(registration_form_public) }}\n
                      <h6>1. Información Personal</h6>\n
                      <div class="row g-3 pb-4">\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.nombre)}}\n
                          </label>\n
                          <input \n
                            type="text" \n
                            {% if form_errors( registration_form_public.nombre) %} \n
                              class="form-control is-invalid" \n
                            {% else %} \n
                              class="form-control" \n
                            {% endif %}\n
                            name="{{ field_name(registration_form_public.nombre) }}" \n
                            placeholder="Ingrese Nombres" \n
                            value="{{ field_value(registration_form_public.nombre) }}" \n
                            required \n
                          />\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.nombre) }}\n
                          </div>\n
                        </div>\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.apellido)}}\n
                          </label>\n
                          <input \n
                            type="text" \n
                            {% if form_errors( registration_form_public.apellido) %} \n
                              class="form-control is-invalid" \n
                            {% else %} \n
                              class="form-control" \n
                            {% endif %}\n
                            name="{{ field_name(registration_form_public.apellido) }}" \n
                            placeholder="Ingrese Apellidos" \n
                            value="{{ field_value(registration_form_public.apellido) }}" \n
                            required \n
                          />\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.apellido) }}\n
                          </div>\n
                        </div>\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.rutCompleto) }}\n
                          </label>\n
                          <input \n
                            type="text" \n
                            {% if form_errors( registration_form_public.rutCompleto) %} \n
                              class="form-control rut-field custom-delimiter-mask is-invalid" \n
                            {% else %} \n
                              class="form-control rut-field custom-delimiter-mask" \n
                            {% endif %}\n
                            name="{{ field_name(registration_form_public.rutCompleto) }}" \n
                            id="inputRut"\n
                            placeholder="Ingrese RUT" \n
                            value="{{ field_value(registration_form_public.rutCompleto) }}" \n
                            required \n
                          />\n
                          <div id="rutErrorMessage" class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.rutCompleto) }} \n
                          </div>\n
                          <div class="text-danger mt-2" id="rutStatus" style="display: none"></div>\n
    \n
                          <div id="rutStatus"></div>\n
                        </div>\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.telefono)}}\n
                          </label>\n
                          <input \n
                            type="text" \n
                            {% if form_errors( registration_form_public.telefono) %} \n
                              class="form-control is-invalid" \n
                            {% else %} \n
                              class="form-control" \n
                            {% endif %}\n
                            oninput="formatTelefono(this)"\n
                            name="{{ field_name(registration_form_public.telefono) }}" \n
                            placeholder="Ingresar número precedido por un +569xxxxxxxx" \n
                            value="{{ field_value(registration_form_public.telefono) }}" \n
                            required \n
                          />\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.telefono) }}\n
                          </div>\n
                        </div>\n
                      </div>\n
                      <h6>2. Configuración de la cuenta</h6>\n
                      <div class="row g-3">\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                              {{ form_label( registration_form_public.tipo_usuario ) }}\n
                          </label>\n
                          {{ form_widget( registration_form_public.tipo_usuario )}}\n
                        </div>\n
                        <div \n
                          class="col-md-6"\n
                          id="mostrarOpcionProveedor"\n
                          style="display:none;"\n
                        >\n
                          <label class="form-label">\n
                              {{ form_label( registration_form_public.nombre_empresa ) }}\n
                          </label>\n
                          {{ form_widget( registration_form_public.nombre_empresa )}}\n
                        </div>\n
                        <div\n
                          name="mostrarOpcionPepsico"\n
                          style="display:none;"\n
                          class="col-md-6"\n
                        >\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.planta)}}\n
                          </label>\n
                          <input \n
                            type="text" \n
                            {% if form_errors( registration_form_public.planta) %} \n
                              class="form-control is-invalid" \n
                            {% else %} \n
                              class="form-control" \n
                            {% endif %}\n
                            name="{{ field_name(registration_form_public.planta) }}" \n
                            placeholder="Ingrese Planta" \n
                            value="{{ field_value(registration_form_public.planta) }}" \n
                            readonly \n
                          />\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.planta) }}\n
                          </div>\n
                        </div>\n
                        <div \n
                          name="mostrarOpcionPepsico"\n
                          style="display:none;"\n
                          class="col-md-6"\n
                        >\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.area ) }}\n
                          </label>\n
                          {{ form_widget( registration_form_public.area )}}\n
                        </div>\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.email)}}\n
                          </label>\n
                          <input \n
                            type="email" \n
                            {% if form_errors( registration_form_public.email) %} \n
                              class="form-control is-invalid" \n
                            {% else %} \n
                              class="form-control" \n
                            {% endif %}\n
                            name="{{ field_name(registration_form_public.email) }}" \n
                            placeholder="ejemplo@gmail.com" \n
                            value="{{ field_value(registration_form_public.email) }}" \n
                            required \n
                          />\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.email) }}\n
                          </div>\n
                        </div>\n
                        <div class="col-md-6 form-password-toggle">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.password)}}\n
                          </label>\n
                          <div class="input-group input-group-merge">\n
                            <input \n
                              type="password" \n
                              {% if form_errors( registration_form_public.password) %} \n
                                class="form-control is-invalid" \n
                              {% else %} \n
                                class="form-control" \n
                              {% endif %}\n
                              name="{{ field_name(registration_form_public.password) }}" \n
                              placeholder="Contraseña" \n
                              value="{{ field_value(registration_form_public.password) }}" \n
                              required \n
                            />\n
                            <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>\n
                          </div>\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.password) }}\n
                          </div>\n
                        </div>\n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.roles ) }}\n
                          </label>\n
                          {{ form_widget( registration_form_public.roles )}}\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.roles  ) }} \n
                          </div>\n
                        </div> \n
                        <div class="col-md-6">\n
                          <label class="form-label">\n
                            {{ form_label( registration_form_public.sucursal ) }}\n
                          </label>\n
                          {{ form_widget( registration_form_public.sucursal )}}\n
                          <div class="text-danger mt-2"> \n
                            {{ form_errors( registration_form_public.sucursal  ) }} \n
                          </div>\n
                        </div> \n
                      </div>\n
                      <div class="d-flex justify-content-center mt-5 gap-3">\n
                          <button id="submitPdtBtn" type="submit" class="btn btn-primary">\n
                            Enviar\n
                          </button>\n
                          <a href="/">\n
                            <button type="button" id="cancelButton" class="btn btn-label-secondary">\n
                              Volver\n
                            </button>\n
                          </a>\n
                      </div>\n
                      {{ form_end(registration_form_public) }}\n
                    </form>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </div>\n
      {% for label, messages in app.flashes %}\n
        {% for message in messages %}\n
          {% if label == 'success' %}\n
            <div id="flash-success" data-message="{{ message }}" style="display: none;"></div>\n
          {% elseif label == 'error' %}\n
            <div id="flash-error" data-message="{{ message }}" style="display: none;"></div>\n
          {% endif %}\n
        {% endfor %}\n
      {% endfor %}\n
    \n
    {% endblock %}\n
    {% block javascript %}\n
      {{ parent() }}\n
      <script src="{{ asset('vendor/js/helpers/rut-validator.js') }}"></script>\n
    \t<script src="{{ asset('vendor/js/helpers/rut-format.js') }}"></script>\n
      <script>\n
        const form = document.querySelector('#form');\n
        const btnSubmit = document.querySelector("#submitPdtBtn");\n
    \t\tform.addEventListener('submit', (event) => {\n
            btnSubmit.setAttribute("disabled","");\n
            btnSubmit.innerHTML = `\n
            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>&nbsp;\n
            Enviando...\n
            `\n
        }, false);\n
    \n
        // Validar el formato y dígito verificador del RUT\n
        function validarRut(rutCompleto) {\n
            // Elimina puntos, guiones y convierte a mayúsculas\n
            const cleanRut = rutCompleto.replace(/\./g, '').replace(/\-/g, '').toUpperCase();\n
            if (cleanRut.length < 2) return false; // RUT demasiado corto\n
    \n
            const cuerpo = cleanRut.slice(0, -1); // Cuerpo del RUT (números)\n
            const dvIngresado = cleanRut.slice(-1); // Dígito verificador\n
    \n
            // Validar que el cuerpo del RUT sea un número válido\n
            if (!/^\d+$/.test(cuerpo)) return false; // El cuerpo debe ser numérico\n
            const rutNum = parseInt(cuerpo, 10);\n
    \n
            // Verificar rango permitido (1.000.000 a 99.999.999)\n
            if (rutNum < 1000000 || rutNum > 99999999) {\n
                return false;\n
            }\n
    \n
            // Cálculo del dígito verificador\n
            let suma = 0;\n
            let multiplicador = 2;\n
    \n
            for (let i = cuerpo.length - 1; i >= 0; i--) {\n
                suma += parseInt(cuerpo[i]) * multiplicador;\n
                multiplicador = multiplicador === 7 ? 2 : multiplicador + 1;\n
            }\n
    \n
            const resto = suma % 11;\n
            const dvCalculado = resto === 1 ? 'K' : resto === 0 ? '0' : (11 - resto).toString();\n
    \n
            // Comparar el dígito verificador ingresado con el calculado\n
            return dvIngresado === dvCalculado;\n
        }\n
    \n
        async function checkRutUser() {\n
    \t\tlet rutCompleto = document.getElementById('inputRut').value;\n
    \t\tconst rutStatusElement = document.getElementById('rutStatus');\n
    \n
    \t\t// Limpia el estado previo\n
    \t\trutStatusElement.innerText = '';\n
    \t\trutStatusElement.style.display = 'none';\n
    \n
    \t\t// Validar el formato del RUT localmente\n
    \t\tif (!validarRut(rutCompleto)) {\n
    \t\t\trutStatusElement.innerText = 'El formato del RUT ingresado no es válido. Verifique y vuelva a intentarlo.';\n
    \t\t\trutStatusElement.className = 'text-danger';\n
    \t\t\trutStatusElement.style.display = 'block';\n
                btnSubmit.disabled = true; // Deshabilita el botón\n
    \t\t\treturn; // No continuar con el fetch si el RUT no es válido\n
    \t\t}\n
    \n
    \t\t// Realizar la solicitud al servidor para verificar si el RUT existe\n
    \t\tconst response = await fetch('{{ path('app_check_rut_user') }}', {\n
    \t\t\tmethod: 'POST',\n
    \t\t\theaders: {\n
    \t\t\t\t'Content-Type': 'application/json',\n
    \t\t\t\t'X-Requested-With': 'XMLHttpRequest',\n
    \t\t\t\t'X-CSRF-Token': '{{ csrf_token('check-rut') }}'\n
    \t\t\t},\n
    \t\t\tbody: JSON.stringify({ rutCompleto })\n
    \t\t});\n
    \n
    \t\tconst data = await response.json();\n
    \n
    \t\tif (data.exists) {\n
    \t\t\trutStatusElement.innerText = 'Usuario ya registrado.';\n
    \t\t\trutStatusElement.className = 'text-danger';\n
    \t\t\trutStatusElement.style.display = 'block';\n
                btnSubmit.disabled = true; // Deshabilita el botón\n
    \n
    \t\t} else {\n
                btnSubmit.disabled = false; // Habilita el botón\n
    \n
    \t\t}\n
    \t}\n
    \n
        const inputRut = document.querySelector("#inputRut");\n
        const rutErrorMessage = document.querySelector("#rutErrorMessage");\n
    \n
        inputRut.addEventListener("blur", function () {\n
            if (!this.value) {\n
                return;\n
            }\n
            checkRutUser();\n
        });\n
    \n
    \n
        function formatTelefono(input) {\n
            let valorActual = input.value.replace(/[^\d]/g, '');\n
            const prefijo = '569';\n
    \n
            if (valorActual === '' || valorActual === prefijo) {\n
                input.value = '+569';\n
                return;\n
            }\n
            if (!valorActual.startsWith(prefijo)) {\n
                valorActual = prefijo + valorActual.substring(prefijo.length);\n
            }\n
            valorActual = valorActual.substring(0, 11);\n
            input.value = '+' + valorActual;\n
        }\n
    \n
        \n
    \n
        document.addEventListener('DOMContentLoaded', function() {\n
          const selectElement = document.getElementById('{{ registration_form_public.tipo_usuario.vars.id }}');\n
          const divProveedor = document.getElementById('mostrarOpcionProveedor');\n
          const divPepsicoNodeList = document.querySelectorAll('[name="mostrarOpcionPepsico"]');\n
          const divPepsicoArray = Array.apply(null, divPepsicoNodeList)\n
          // Esta función maneja el cambio de visualización basado en la selección.\n
          function toggleVisibilityBasedOnSelection() {\n
              // Ocultar ambos elementos inicialmente\n
              divProveedor.style.display = 'none';\n
              divPepsicoArray.forEach( (divElement) => {\n
                  divElement.style.display = 'none'\n
              });\n
    \n
              // Mostrar el elemento correspondiente basado en la selección\n
              if (selectElement.value === 'Proveedor') {\n
                  divProveedor.style.display = 'block';\n
              } else if (selectElement.value === 'Pepsico') {\n
                // divPepsico.style.display = 'block';\n
                divPepsicoArray.forEach( (divElement) => {\n
                  divElement.style.display = 'block'\n
                });\n
              }\n
          }\n
          // Vincular el manejador al evento de cambio\n
          selectElement.addEventListener('change', toggleVisibilityBasedOnSelection);\n
          // Llamar a la función inmediatamente en caso de que la selección esté predefinida en el valor deseado.\n
          toggleVisibilityBasedOnSelection();\n
    \n
        //   //Función para verificar si el rut del usuario ya se encuentra registrado\n
        //   document.getElementById('inputRut').addEventListener('blur', function () {\n
        //         let rut = this.value;\n
        //         let formattedRut = formatRut(rut);\n
        //         this.value = formattedRut;\n
                \n
        //         // Llamar a la función de verificación del RUT cuando se pierde el foco\n
                \n
        //     });\n
        });\n
      </script>\n
    \n
      <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>\n
        <script>\n
            document.addEventListener('DOMContentLoaded', function () {\n
                // Verificamos si el mensaje de éxito existe\n
                var successMessage = document.getElementById('flash-success');\n
                if (successMessage) {\n
                    var message = successMessage.getAttribute('data-message');\n
                    Swal.fire({\n
                        icon: 'success',\n
                        title: '¡Éxito!',\n
                        text: message,\n
                        confirmButtonText: 'OK'\n
                    });\n
                }\n
    \n
                // Verificamos si el mensaje de error existe\n
                var errorMessage = document.getElementById('flash-error');\n
                if (errorMessage) {\n
                    var message = errorMessage.getAttribute('data-message');\n
                    Swal.fire({\n
                        icon: 'error',\n
                        title: '¡Error!',\n
                        text: message,\n
                        confirmButtonText: 'OK'\n
                    });\n
                }\n
            });\n
        </script>\n
    {% endblock %}\n
    """
}