251208:1625 Frontend: to be complete admin panel, Backend: tobe recheck all task

specs/06-tasks/TASK-FE-012-numbering-config-ui.md

@@ -29,13 +29,13 @@ Build UI for configuring and managing document numbering templates including tem
 
 ## ✅ Acceptance Criteria
 
-- [ ] List all numbering templates by document type
-- [ ] Create/edit templates with format preview
-- [ ] Template variables easily selectable
-- [ ] Preview shows example numbers
-- [ ] View current number sequences
-- [ ] Annual reset configurable
-- [ ] Validation prevents conflicts
+- [x] List all numbering templates by document type
+- [x] Create/edit templates with format preview
+- [x] Template variables easily selectable
+- [x] Preview shows example numbers
+- [x] View current number sequences
+- [x] Annual reset configurable
+- [x] Validation prevents conflicts
 
 ---
 
@@ -67,10 +67,21 @@ export default function NumberingPage() {
             Manage document numbering templates and sequences
           </p>
         </div>
-        <Button>
-          <Plus className="mr-2 h-4 w-4" />
-          New Template
-        </Button>
+        <div className="flex gap-2">
+            <Select defaultValue="1">
+                <SelectTrigger className="w-[200px]">
+                    <SelectValue placeholder="Select Project" />
+                </SelectTrigger>
+                <SelectContent>
+                    <SelectItem value="1">LCBP3</SelectItem>
+                    <SelectItem value="2">LCBP3-Maintenance</SelectItem>
+                </SelectContent>
+            </Select>
+            <Button>
+            <Plus className="mr-2 h-4 w-4" />
+            New Template
+            </Button>
+        </div>
       </div>
 
       <div className="grid gap-4">
@@ -161,14 +172,16 @@ import { Checkbox } from '@/components/ui/checkbox';
 import { Badge } from '@/components/ui/badge';
 
 const VARIABLES = [
-  { key: '{ORG}', name: 'Organization Code', example: 'กทท' },
-  { key: '{DOCTYPE}', name: 'Document Type', example: 'CORR' },
-  { key: '{DISC}', name: 'Discipline', example: 'STR' },
-  { key: '{YYYY}', name: 'Year (4-digit)', example: '2025' },
-  { key: '{YY}', name: 'Year (2-digit)', example: '25' },
-  { key: '{MM}', name: 'Month', example: '12' },
-  { key: '{SEQ}', name: 'Sequence Number', example: '0001' },
-  { key: '{CONTRACT}', name: 'Contract Code', example: 'C01' },
+  { key: '{ORIGINATOR}', name: 'Originator Code', example: 'PAT' },
+  { key: '{RECIPIENT}', name: 'Recipient Code', example: 'CN' },
+  { key: '{CORR_TYPE}', name: 'Correspondence Type', example: 'RFA' },
+  { key: '{SUB_TYPE}', name: 'Sub Type', example: '21' },
+  { key: '{DISCIPLINE}', name: 'Discipline', example: 'STR' },
+  { key: '{RFA_TYPE}', name: 'RFA Type', example: 'SDW' },
+  { key: '{YEAR:B.E.}', name: 'Year (B.E.)', example: '2568' },
+  { key: '{YEAR:A.D.}', name: 'Year (A.D.)', example: '2025' },
+  { key: '{SEQ:4}', name: 'Sequence (4-digit)', example: '0001' },
+  { key: '{REV}', name: 'Revision', example: 'A' },
 ];
 
 export function TemplateEditor({ template, onSave }: any) {
@@ -201,9 +214,16 @@ export function TemplateEditor({ template, onSave }: any) {
                 <SelectValue placeholder="Select document type" />
               </SelectTrigger>
               <SelectContent>
-                <SelectItem value="correspondence">Correspondence</SelectItem>
-                <SelectItem value="rfa">RFA</SelectItem>
-                <SelectItem value="drawing">Drawing</SelectItem>
+                <SelectItem value="RFA">RFA</SelectItem>
+                <SelectItem value="RFI">RFI</SelectItem>
+                <SelectItem value="TRANSMITTAL">Transmittal</SelectItem>
+                <SelectItem value="LETTER">Letter</SelectItem>
+                <SelectItem value="MEMO">Memorandum</SelectItem>
+                <SelectItem value="EMAIL">Email</SelectItem>
+                <SelectItem value="MOM">Minutes of Meeting</SelectItem>
+                <SelectItem value="INSTRUCTION">Instruction</SelectItem>
+                <SelectItem value="NOTICE">Notice</SelectItem>
+                <SelectItem value="OTHER">Other</SelectItem>
               </SelectContent>
             </Select>
           </div>