<turbo-stream action="show_modal"><template>
  <div class="relative z-50" data-controller="dialog" data-action="turbo:frame-load->dialog#show keydown.esc->dialog#hide">
  <div class="fixed inset-0 bg-gray-500 bg-opacity-50 transition-opacity"></div>

  <div class="fixed inset-0 z-50 w-screen overflow-y-auto">
    <div class="flex justify-center items-center">
      <div class="relative bg-white shadow-xl w-full h-full max-w-xl p-4 sm:p-8">
        <div class="absolute right-0 top-0 pr-4 pt-4">
          <button type="button" data-action="click->dialog#hide" class="bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
            <svg class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
            </svg>
          </button>
        </div>

        
    <turbo-frame id="order">
  <div>
    <h2 class="text-4xl font-onest font-semibold tracking-tight text-gray-900 py-2">
      Выбранные продукты
    </h2>

    <div class="py-2 space-y-2">
      <div class="space-x-4">
        <span>Санкт-Петербург</span>
        <a data-turbo="false" class="text-sm text-blue-500 hover:underline" href="/regions">Изменить</a>
      </div>

      <div class="text-sm">
        Цены на продукты указаны для выбраного региона
      </div>
    </div>

    <ul class="divide-y divide-gray-200">
    </ul>

    <div class="pt-4 text-lg font-semibold text-gray-900">
      <span>Итого:</span>
      <span>0 ₽</span>
    </div>

    <div class="flex items-center pt-4">
      <div class="pr-4">
        <input type="checkbox" name="new_customer" id="new_customer" value="true" class="checkbox" checked="checked" />
      </div>

      <label for="new_customer">Я новый клиент (Скидка 10%)</label>
    </div>

    <div class="pt-2 text-sm text-gray-500">
      Скидка предоставляется на лицензии Saby и не распространяется на товары и услуги.
    </div>

    <div class="pt-8">
      <a data-turbo-stream="true" class="block w-full text-xl text-white text-center bg-blue-500 hover:bg-blue-600 px-12 py-3 shadow-md" href="/orders/new?order_type=package">
        Оформить заявку
</a>    </div>
  </div>
</turbo-frame>

      </div>
    </div>
  </div>
</div>
</template></turbo-stream>