<template>
  <v-container class="text-center">
    <div class="text-title">ใครสมัคร สว.ได้บ้าง</div>
    <div>
      <v-img
        :aspect-ratio="1"
        class="mx-auto"
        src="@/assets/Group 9.png"
        width="70"
      ></v-img>
    </div>
    <br />
    <div class="text-sub ma-auto" style="width: 90%">
      อยากลงสมัคร สว. แต่ไม่แน่ใจว่าเราสามารถสมัครได้หรือไม่
      เราสามารถตรวจสอบคุณสมบัติ เช็คว่าสามารถสมัครกลุ่มไหน เขตอำเภอไหนบ้าง
      ในการลงสมัคร สว. กัน !
    </div>
    <v-btn
      elevated
      color="#DD6C31"
      style="white-space: pre-wrap"
      class="text-subtitle mt-3"
      height="70"
      to="/checklist"
      ><div class="text-wrap" style="width: 100%; margin: auto">
        ตรวจสอบคุณสมบัติการเป็น สว. 2567
      </div>
    </v-btn>
    <v-img
      :aspect-ratio="1"
      class="mx-auto"
      src="@/assets/Group 51.png"
      width="230"
    ></v-img>
    <v-btn variant="text" append color="#168fb3" size="lg" to="/detail"
      ><div
        class="text-wrap text-sub"
        style="
          width: 100%;
          text-decoration: underline;
          text-decoration-color: #168fb3;
          margin: auto;
        "
      >
        คู่มือตรวจเช็คคุณสมบัติ-ลักษณะต้องห้ามของผู้ที่จะสมัคร สว.
      </div></v-btn
    >
  </v-container>
</template>

<script>
export default {};
</script>

<style></style>
