<template>
  <PageContainer>
    <div class="rmo-mode">
      <PageHeader title="保险方案" description="为申办者提供全面的保险保障服务" />
      <div class="page-body">
        <section class="section section-get-quotes">
          <div class="container">
            <div class="get-quotes-card card main-card">
              <h3 class="get-quotes-title">获取报价</h3>
              <p class="get-quotes-desc">
                填写项目方案编号、项目标题、申办者、项目分期（可手动填写或上传项目方案由 AI 识别），生成报价后可向各保司获取精准报价。
              </p>
              <div class="get-quotes-actions">
                <button type="button" class="btn btn-primary get-quotes-btn" @click="quoteModal.openQuoteModal">
                  获取报价
                </button>
                <button
                  v-if="auth.isAuthenticated"
                  type="button"
                  class="btn btn-secondary get-quotes-btn"
                  @click="router.push('/dashboard/project-quotes')"
                >
                  前往报价页面
                </button>
              </div>
            </div>
          </div>
        </section>
        <section class="section">
          <div class="container">
            <div class="card main-card">
              <h2>保险方案</h2>
              <p>基础保障、全面保障、保险团体标准核心内容等。</p>
            </div>
          </div>
        </section>
      </div>
    </div>
  </PageContainer>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import { useAuthStore } from '@/stores/auth'
import { useQuoteModalStore } from '@/stores/quoteModal'
import PageContainer from '@/components/PageContainer.vue'
import PageHeader from '@/components/PageHeader.vue'

const router = useRouter()
const auth = useAuthStore()
const quoteModal = useQuoteModalStore()
</script>

<style scoped>
@import '@/pages/RmoMode.css';
</style>
