<app-page-header [pathTitle]="pathTitle"></app-page-header> <div class="bg-card-white"> </div> <div class="block-main-content"> <div class="text-lg font-bold py-2 text-primary px-8"> ทะเบียนกำหนดชื่อ </div> <div class="page"> <div class="border-b border-gray-200 dark:border-white/10 px-8"> <nav class="-mb-0.5 flex space-x-6 rtl:space-x-reverse"> <a class="text-base font-medium hs-tab-active:border-secondary hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500 dark:text-white/70 hover:text-secondary active" href="javascript:void(0);" id="underline-item-1" data-hs-tab="#underline-1" aria-controls="underline-1" (click)="pathTitle = ['การประเมินสมรรถนะ','ทะเบียนกำหนดชื่อ','ประเภทสมรรถนะ']"> ประเภทสมรรถนะ </a> <a class="text-base font-medium hs-tab-active:border-secondary hs-tab-active:text-secondary pb-3 inline-flex items-center gap-2 border-b-[3px] border-transparent whitespace-nowrap text-gray-500 dark:text-white/70 hover:text-secondary" href="javascript:void(0);" id="underline-item-2" data-hs-tab="#underline-2" aria-controls="underline-2" (click)="pathTitle = ['การประเมินสมรรถนะ','ทะเบียนกำหนดชื่อ','หัวข้อสมรรถนะ']"> หัวข้อสมรรถนะ </a> </nav> </div> <div class="mt-3 px-3rem"> <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1"> <app-type-registration [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"></app-type-registration> </div> <div id="underline-2" class="hidden" role="tabpanel" aria-labelledby="underline-item-2"> <app-competency-topic [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"></app-competency-topic> </div> </div> </div> </div>