<template>
  <div class="layout-px-spacing">
    <teleport to="#breadcrumb">
      <ul class="navbar-nav flex-row">
        <li>
          <div class="page-header">
            <nav class="breadcrumb-one" aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item">
                  <a href="javascript:;">{{ $t("lavanderia.recepcion.breadcrumb_parent") }}</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                  <span>{{ $t("lavanderia.recepcion.breadcrumb_current") }}</span>
                </li>
              </ol>
            </nav>
          </div>
        </li>
      </ul>
    </teleport>

    <div class="row layout-top-spacing">
      <div class="col-12">
        <div class="panel lavanderia-panel p-4">
          <h4 class="mb-3">{{ $t("lavanderia.recepcion.legacy_redirect_title") }}</h4>
          <p class="text-muted mb-4">{{ $t("lavanderia.recepcion.legacy_redirect_body") }}</p>
          <router-link to="/ventas/pos" class="btn btn-primary">{{ $t("lavanderia.recepcion.legacy_redirect_cta") }}</router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { computed } from "vue";
import { useI18n } from "vue-i18n";
import { usePageTitle } from "@/composables/use-meta";

const { t } = useI18n();
usePageTitle(computed(() => t("lavanderia.recepcion.page_title")));
</script>
