<turbo-stream action="update" target="call-booking-aquire"><template>
  <div id="call-booking-aquire-modal"  class="main-modal fadeIn hidden opacity-0 fixed top-0 bottom-0 w-full h-full inset-0 z-50 overflow-scroll overflow-x-hidden justify-center items-center bg-black bg-opacity-40 transition-opacity duration-500 py-8 js-customer_request_modal in" role="dialog" aria-modal="true" aria-labelledby="call-booking-aquire-modal_title">
  <div class="modal-container relative h-auto bg-white bg-cover bg-center bg-[url('guest/acquire-modal-bg.png')] shadow-2xl p-5 min-w-1/2 max-w-3xl mx-auto z-50 overflow-y-auto">
    <div class="modal-content relative py-4 text-left px-6">
      <!--Title-->
      <div class="text-center">
        <h3 class="font-display font-bold leading-none text-blue-500 my-2 text-[2.25em]" id="call-booking-aquire-modal_title">Case Study: Reducing Email</h3>
        <div class="font-body font-light inline-block text-center mt-[5px] mb-[15px] text-grey-500 text-[1em]">
          <h4 id="call-booking-aquire-modal_subject" class="inline font-body text-blue-500">Schedule a call</h4>
        </div>
      </div>
      <!--Body-->
      <div class="modal-body">
        
        

    <div id='customer-request-form' class='modal-form'>
  <form id="acquire-it-leadership-inline-form" data-turbo="false" action="/customer_requests" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="kOegf-BroyHOubq3XXb2hV0SG5TYr8d0gJx_0noq8cMS7zyJuKuKMVi4DooSiIS6DjSiKF0xfYjADDDS_MuoCA" autocomplete="off" /><div id="middle_name_hp_1773135642"><style type="text/css" media="screen" scoped="scoped">[id='middle_name_hp_1773135642'] { display:none; }</style><label for="middle_name">Do not fill in this field</label><input type="text" name="middle_name" id="middle_name" /></div><div id="surname_hp_1773135031"><style type="text/css" media="screen" scoped="scoped">[id='surname_hp_1773135031'] { display:none; }</style><label for="surname">Enter no text in this field</label><input type="text" name="surname" id="surname" /></div>
    <div class="text-left space-y-2
      2xl:grid">

      <input type="hidden" name="tailwind" id="tailwind" value="true" autocomplete="off" />


        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div class="form-group ">
            <label id="customer-request-form-name-label" for="customer-request-form-name-field">Full Name</label>
            <input id="customer-request-form-name-field" required="required" pattern="^[^\s]+\s+.+$" type="text" name="customer_request[name]" />
            
          </div>
          <div class="form-group ">
            <label id="customer-request-form-email-label" for="customer-request-form-email-field">Email</label>
            <input id="customer-request-form-email-field" required="required" type="email" name="customer_request[email]" />
            

        </div>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div class="form-group ">
            <label id="customer-request-form-company-label" for="customer-request-form-company-field">Company</label>
            <input id="customer-request-form-company-field" required="required" type="text" name="customer_request[company]" />
            
        </div>
          <div class="form-group ">
            <label id="customer-request-form-phone-label" for="customer-request-form-phone-field">Phone</label>
            <input id="customer-request-form-phone-field" required="required" type="tel" name="customer_request[phone]" />
            
        </div>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div class="form-group ">
              <label id="customer-request-form-job-role-label" for="customer-request-form-select-job-role-field">Job Role</label>
              <div class="select-dropdown dropdown-wrapper"><select class="formText" id="customer-request-form-select-job-role-field" required="required" name="customer_request[job_role]"><option value="" label=" "></option>
<option value="Applications">Applications</option><option value="Business Intelligence & Data">Business Intelligence & Data</option><option value="CIO/CTO">CIO/CTO</option><option value="Enterprise Architecture">Enterprise Architecture</option><option value="IT Consultant">IT Consultant</option><option value="Infrastructure & Operations">Infrastructure & Operations</option><option value="Project & Portfolio Management">Project & Portfolio Management</option><option value="Security & Risk">Security & Risk</option><option value="Vendor Management">Vendor Management</option><option value="Other">Other</option></select></div>
              
          </div>
          <div class="form-group ">
            <label id="customer-request-form-job-title-label" for="customer-request-form-job-title-field">Job Title</label>
            <input id="customer-request-form-job-title-field" required="required" type="text" name="customer_request[job_title]" />
            
          </div>
        </div>


      <input autocomplete="off" type="hidden" value="publication-interest" name="customer_request[reason]" id="customer_request_reason" />
      <input autocomplete="off" type="hidden" value="Case Study: Reducing Email" name="customer_request[concerning_title]" id="customer_request_concerning_title" />
      <input autocomplete="off" type="hidden" name="customer_request[concerning_url]" id="customer_request_concerning_url" />
      <input autocomplete="off" type="hidden" name="customer_request[concerning_id]" id="customer_request_concerning_id" />
      <input autocomplete="off" type="hidden" name="customer_request[concerning_type]" id="customer_request_concerning_type" />
      <input value="1" autocomplete="off" type="hidden" name="customer_request[site_id]" id="customer_request_site_id" />
      <input value="dismiss" autocomplete="off" type="hidden" name="customer_request[outcome]" id="customer_request_outcome" />

        <input type="hidden" name="gainsight_event_type" id="gainsight_event_type" value="false" autocomplete="off" />


      <input type="hidden" id="skip_appointment" name="skip_appointment" value="false" />
      <input type="hidden" id="tailwind" name="tailwind_content" value="true" />
      <input type="hidden" id="auto_submit" name="auto_submit" value="false" />
      <div class="clear-fix"></div>
    </div>
    <div class="w-full flex items-center justify-center form-group mx-auto fit-content">
      <div class="btn btn-form btn-sign-up btn-blue js-sign-up">
        <input type="submit" value="Schedule a Call" class="button-green mx-auto">
      </div>
    </div>
</form></div>

    <s data-controller='spinner' data-spinner-id='call-booking-opener'></s>

      </div>
      <!--Footer-->
      <div class="footer flex pt-2">
        
      </div>
    </div>
    <button type="button" class="modal-close cursor-pointer z-50 absolute top-4 right-4 bg-transparent border-0 py-1 px-2 rounded" aria-label="Close modal">
      <i class="fa-light fa-xmark text-black"></i>
    </button>
  </div>
</div>
  <script>
    TailwindModal.openModal(document.getElementById('call-booking-aquire-modal'))
    itrg.Helpers.wait(false);
  </script>
</template></turbo-stream>