<turbo-stream action="replace" target="tab-content"><template><turbo-frame id="tab-content">

    <div class="py-10 px-4">
        <p class="text-3xl font-bold">Exhibitor Packages for the Career Fair in San Antonio</p>
    </div>

    <!-- Pricing Tables -->
    <div class="flex flex-col justify-center lg:flex-row gap-6 mb-8 h-full px-4">
    <div class="w-full sm:w-3/4 lg:w-2/5 mx-auto h-fit flex flex-col bg-white text-center shadow-lg shadow-gray-400">

      <div class="flex flex-col divide-y divide-gray-400 border-b border-gray-400">
          <div class="relative -mt-px flex ">
            <div class="flex flex-col justify-center py-2">
                <div class="bg-green-500 text-white px-4 py-2 text-sm font-bold flex items-center justify-center w-28">
                  AVAILABLE
                </div>
            </div>
            <div class="flex-1 py-4 px-6 flex justify-between items-center">
              <h3 class="text-xl font-bold text-rm-blue">Exhibitor</h3>
              <p class="text-3xl lg:text-4xl font-bold text-rm-light-blue">$1,495</p>
            </div>
          </div>
          <div class="relative -mt-px flex ">
            <div class="flex flex-col justify-center py-2">
                <div class="bg-green-500 text-white px-4 py-2 text-sm font-bold flex items-center justify-center w-28">
                  AVAILABLE
                </div>
            </div>
            <div class="flex-1 py-4 px-6 flex justify-between items-center">
              <h3 class="text-xl font-bold text-rm-blue">Educator</h3>
              <p class="text-3xl lg:text-4xl font-bold text-rm-light-blue">$2,995</p>
            </div>
          </div>
          <div class="relative -mt-px flex ">
            <div class="flex flex-col justify-center py-2">
                <div class="bg-green-500 text-white px-4 py-2 text-sm font-bold flex items-center justify-center w-28">
                  AVAILABLE
                </div>
            </div>
            <div class="flex-1 py-4 px-6 flex justify-between items-center">
              <h3 class="text-xl font-bold text-rm-blue">Staffing Firm</h3>
              <p class="text-3xl lg:text-4xl font-bold text-rm-light-blue">$2,995</p>
            </div>
          </div>
      </div>

      <div class="flex p-6 flex-col gap-4 items-center">
        <ul class="space-y-2 text-gray-600">
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-7e007564" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              Exhibition Booth
            </li>
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-b726baff" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              2 Representatives
            </li>
            <li class="flex gap-2">
              <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-68bc5d4d" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
              Listing in exhibitors list
            </li>
        </ul>
        <div class="flex flex-col justify-center border border-gray-400 pb-4 bg-rm-blue bg-opacity-5 w-full">
          <span class="flex w-fit bg-secondary-1 text-white px-4 py-1 font-semibold">ADD-ONS</span>
          <div class="flex flex-col pb-4">
            <p class="text-5xl font-bold text-rm-light-blue">$250</p>
            <p class="text-lg font-medium">Additional Representatives (<span class="text-gray-500 font-light">Max 4 reps/booth</span>)</p>
          </div>

            <div class="flex flex-col">
              <p class="text-5xl font-bold text-rm-light-blue">$150</p>
              <p class="text-lg font-medium">Electricity <span class="text-gray-500 font-light">/ devices</span></p>
            </div>

        </div>
      </div>
    </div>
  <div class="w-full sm:w-3/4 lg:w-1/4 mx-auto h-auto flex flex-col bg-white text-center shadow-lg shadow-gray-400">
    <div class="flex justify-between border-b border-gray-400">
      <div class="w-full py-4 px-6">
        <h3 class="text-xl font-bold text-rm-blue">Exhibitor Package Specials</h3>
        <p class="text-5xl font-bold text-rm-light-blue">$1,095</p>
      </div>
    </div>
    <div class="flex p-6 flex-col gap-4 items-center">
      <ul class="space-y-2 text-left text-gray-600 inline-block mb-4">
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-7ca2b80d" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For certified small businesses (50 or fewer employees)
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-7aefaf6a" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For veteran-owned small businesses (50 or fewer employees)
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-b7f02b59" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For local public safety organizations
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-481979d9" class="material-symbols-outlined !text-rm-light-blue !text-xl" aria-hidden="true">
    check_circle
</span></span>
            For US government entities
          </li>
      </ul>
    </div>
  </div>
  <div class="w-full sm:w-3/4 lg:w-1/4 mx-auto h-auto flex flex-col gap-6 bg-primary-1 text-white text-center shadow-lg shadow-gray-400">
    <div class="bg-secondary-1 w-fit text-white px-4 py-1 font-semibold">RECOMMENDED UPGRADE</div>
    <div class="flex flex-col items-center">
      <p>Already have an event credit?</p>
      <p>Upgrade with Veteran Talent Source</p>
    </div>
    <p class="text-5xl font-bold">$299</p>
    <div class="flex flex-col gap-4 items-center">
      <ul class="space-y-2 text-left inline-block">
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-4e20f889" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            50 Veteran Unlocks
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-34d46846" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            1 VTS License
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-a31c9977" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            Unlimited Searches
          </li>
          <li class="flex gap-2">
            <span class="group relative flex cursor-pointer" style="font-variation-settings: &#39;FILL&#39; 0, &#39;wght&#39; 400;" role="button">
  <span id="icon-2c2405f9" class="material-symbols-outlined !text-white !text-xl" aria-hidden="true">
    check_circle
</span></span>
            30-Day Access
          </li>
      </ul>
    </div>
    <p class="pb-4 px-4">* You must have attended the event to use this upgrade.</p>
  </div>
</div>


    <!-- Action Buttons -->
    <div class="py-8">
      <div class="flex flex-col items-center space-y-4 px-4 sm:px-0">
        <div class="flex text-sm whitespace-nowrap  ">
    <a class="bg-red-600 text-center text-white px-8 py-4 w-full sm:w-96 rounded-full hover:bg-red-700 transition duration-300 text-lg" target="_blank" data-turbo="false" href="https://shop.recruitmilitary.com/products/san-antonio-veterans-job-fair-july-23-2026">
      <div class="flex items-center justify-center gap-1">
        
        <span>SELECT YOUR PACKAGE IN OUR STORE</span>
      </div>
</a></div>

      </div>
    </div>

    <div class="flex w-full px-10">
      <div class="flex w-full gap-5 bg-primary-2 text-white px-10 py-4 justify-center items-center">
        <img class="w-12 h-12" alt="Deal" src="https://my.recruitmilitary.com/assets/solid/fire-color-3775642a2a150ba69a43a22540782e7afe460a5b81fea0aaf528214f1bd917b8.svg" />
        <p class="text-xl font-medium">
          Unlock exclusive savings! Book 2-9 events and save $100 per event or maximize your discount with $200 off each when you book 10 or more.
        </p>
      </div>
    </div>

</turbo-frame>
</template></turbo-stream>