<template>
  <div>
    <breadCrumbs
      :main-menu="breadcrumbData.mainMenu"
      :current-sub-menu="breadcrumbData.currentSubMenu"
      :sub-menu-items="breadcrumbData.subMenuItems"
    />
    <div class="ovwner--wrapper">
      <div class="title--visual">
        <h2>포드 고객센터</h2>
        <p class="desc type2">신속한 서비스로 여러분의 관심과 성원에 보답하겠습니다.</p>
        <div class="desc mt--40">
          언제나 저희의 목표는 고객의 만족입니다. 질문이나 의견이 있으실 때에는 주저하지
          마시고 저희에게 연락하시기 바랍니다.<br />
          최대한 신속한 서비스로 여러분의 관심과 성원에 보답하겠습니다.
        </div>
      </div>
      <div class="title--visual mt--100">
        <h2 class="side--title2">개인정보 처리위탁 관련 고지 사항</h2>
        <div class="desc mt--30">
          당사는 원활한 개인정보 업무처리를 위하여 다음과 같이 개인정보 처리업무를
          위탁하고 있습니다.
        </div>
      </div>
      <div class="table--wrap">
        <table>
          <colgroup></colgroup>
          <thead>
            <tr>
              <th>수탁자</th>
              <th>위탁 업무 내용</th>
              <th>재수탁자 및 업무 내용</th>
            </tr>
          </thead>
          <tbody>
            <!-- Mustang 2.3 -->
            <tr>
              <td>주식회사 선인 자동차</td>
              <td>
                자동차 고객 문의 접수 및 불만 관리 등<br />
                FLAK 고객 지원 센터 운영
              </td>
              <td>
                주식회사 오토브레인<br />
                FLAK 고객 지원 센터 운영
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="contact--wrap mt--80">
        <div class="contact">
          <i class="ico"></i>
          <h3 class="mb--30">고객센터 전화번호</h3>
          <span class="">1600-6003</span>
          <p>(근무시간 : 평일 09 - 18시 운영, 점심시간 12-13시)</p>
        </div>
        <div class="contact">
          <i class="ico"></i>
          <h3>긴급 출동 서비스</h3>
          <span>080-300-3673</span>
          <p>(연중 무휴, 24시간 운영)</p>
        </div>
        <div class="contact">
          <i class="ico"></i>
          <h3>E-MAIL</h3>
          <a class="mailto--type mb--30" href="mailto:customercenter@flak.co.kr">
            customercenter@flak.co.kr
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
  import { ref } from "vue";

  // 샘플 데이터
  const breadcrumbData = {
    mainMenu: "NETWORK",
    currentSubMenu: "포드 고객센터",
    subMenuItems: [
      { label: "전시장 및 서비스센터", to: "/ford/network", active: true },
      { label: "포드 고객센터", to: "/ford/owner/contact", active: true },
    ],
  };
</script>
