<turbo-stream action="update" target="drawer-content"><template><div class="sticky top-0 flex justify-between items-center bg-primary text-white p-4 rounded-t-lg shadow-md z-10">
  <h2 class="text-lg font-semibold">Solicitar demo</h2>
  <div class="flex items-center space-x-2">
    <!-- Expand/Collapse Button -->
    <button
      class="text-content-onPrimary hover:text-content-onPrimary/80 transition-colors"
      data-action="click->drawer#toggleExpand"
      data-drawer-target="expandButton"
      aria-label="Toggle drawer size"
    >
      <span data-drawer-target="expandIcon">
        <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 4H4m0 0v4m0-4 5 5m7-5h4m0 0v4m0-4-5 5M8 20H4m0 0v-4m0 4 5-5m7 5h4m0 0v-4m0 4-5-5" />
</svg> 
      </span>
      <span data-drawer-target="collapseIcon" class="hidden">
        <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h4V4m12 4h-4V4M4 16h4v4m12-4h-4v4" />
</svg> 
      </span>
    </button>

    <!-- Close Button -->
    <button class="text-content-onPrimary hover:text-content-onPrimary/80 transition-colors" data-action="click->drawer#close">
      <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg> 
    </button>
  </div>
</div>


<div class="p-6 bg-white rounded-lg shadow-lg transition-[max-width] duration-300 ease-in-out" data-drawer-target="content">
  
  <p class="text-gray-600 mb-6">Complete el siguiente formulario y nos pondremos en contacto con usted para coordinar una demo personalizada.</p>

  <form class="space-y-6 " data-controller="lazy-form" data-action="submit-&gt;lazy-form#submit" autocomplete="off" action="/landing/request_demo" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hIy6QaXHhSwrXA7WuPRzL726gpMpR1XmRMZL-m2X8_ke01WFLFa26V7h9YKK1TimKrx4bNx11qDw2yuWyDLOKQ" autocomplete="off" />
    <input autocomplete="off" type="hidden" value="demo_request" name="demo_request[contact_motive]" id="demo_request_contact_motive" />
    <div class="mb-4">
      <div><label class="form-label" for="demo_request_name">Nombre <span class="required">*</span></label><input class="form-input " required="required" placeholder="Ingrese su nombre" type="text" name="demo_request[name]" id="demo_request_name" /></div>
    </div>
    <div class="mb-4">
      <div><label class="form-label" for="demo_request_email">Correo electrónico <span class="required">*</span></label><input required="required" placeholder="Ingrese su correo" class="form-input" type="email" name="demo_request[email]" id="demo_request_email" /></div>
    </div>
    <div class="mb-4">
      <div><label class="form-label" for="demo_request_extra_info">Comentarios o necesidades específicas</label><textarea placeholder="¿Qué le gustaría ver en la demo?" class="form-input" name="demo_request[extra_info]" id="demo_request_extra_info">
</textarea></div>
    </div>
    <div class="pt-6 flex justify-end space-x-4">
      <button type="button" class="form-cancel" data-action="click->drawer#close">
        Cancelar
      </button>
      <button name="button" type="submit" class="form-submit" data-lazy-form-target="button">Enviar solicitud</button>
    </div>
</form>
</div>
</template></turbo-stream><turbo-stream action="append" target="body"><template><script>document.dispatchEvent(new CustomEvent('drawer:open'));</script></template></turbo-stream>
