<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">
        <li class="py-4">
          <div class="flex items-center justify-between">
            <div class="flex-1 min-w-0">
              <div class="font-medium text-gray-900">
                Report Легкий ИП
              </div>


              <div class="text-gray-500">
                Цена:
                6&thinsp;300 ₽
              </div>
            </div>

            <form class="button_to" method="post" action="/order_items/37c144c2-57e1-440e-b232-3d08c46637a9"><input type="hidden" name="_method" value="delete" autocomplete="off" /><button class="text-sm text-red-600 hover:underline" type="submit">Удалить</button><input type="hidden" name="authenticity_token" value="ww5fV5vIokZSgUmP93ofl0nPpiejDZH8an8QxYrelpp-g-VZvBa9WZNCaBIutqFepji0THitD-11EuIU96ccCA" autocomplete="off" /><input type="hidden" name="order_type" value="package" autocomplete="off" /></form>
          </div>
        </li>
    </ul>

    <div class="pt-4 text-lg font-semibold text-gray-900">
      <span>Итого:</span>
      <span>6&thinsp;300 ₽</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_items%5B37c144c2-57e1-440e-b232-3d08c46637a9%5D=1&amp;order_type=package">
        Оформить заявку
</a>    </div>
  </div>
</turbo-frame>

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