ESG Backend & Apis

app/Filament/Pages/EsgMainPage.php

@@ -0,0 +1,107 @@
+<?php
+
+namespace App\Filament\Pages;
+
+use App\Models\EsgMain;
+use Filament\Forms\Components\Actions\Action;
+use Filament\Forms\Components\FileUpload;
+use Filament\Forms\Components\Tabs;
+use Filament\Forms\Components\Tabs\Tab;
+use Filament\Forms\Components\Textarea;
+use Filament\Forms\Components\TextInput;
+use Filament\Forms\Concerns\InteractsWithForms;
+use Filament\Forms\Form;
+use Filament\Notifications\Notification;
+use Filament\Pages\Page;
+use SolutionForest\FilamentTranslateField\Forms\Component\Translate;
+
+class EsgMainPage extends Page
+{
+    use InteractsWithForms;
+
+    protected static ?string $navigationIcon = 'heroicon-o-cog-6-tooth';
+    protected static ?string $navigationLabel = 'ESG 主要設定';
+    protected static ?string $title = 'ESG 主要設定';
+    protected static string $view = 'filament.pages.esg-main';
+    protected static ?string $navigationGroup = 'ESG 上稿內容管理';
+    protected static ?int $navigationSort = 99;
+
+    public ?array $data = [];
+    protected ?EsgMain $esgMain = null;
+
+    public function mount(): void
+    {
+        $this->esgMain = EsgMain::getMain();
+        $esgMainArray = $this->esgMain->safeToArray();
+        \Log::info("輸出", $esgMainArray);
+        $this->form->fill($esgMainArray);
+    }
+
+    public function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                Tabs::make('設定')->tabs([
+                    Tab::make('基本資訊')->schema([
+                        Translate::make()->schema(fn (string $locale) => [
+                            TextInput::make('title')
+                            ->label("標題"),
+                            Textarea::make('description')
+                        ])->locales(["zh_TW", "en"])
+                        ->columnSpanFull(),
+                        FileUpload::make('banner_pc')->label("Banner (PC)")
+                        ->disk("public")
+                        ->directory("esg"),
+                        FileUpload::make('banner_mobile')->label("Banner (Mobile)")
+                        ->disk("public")
+                        ->directory("esg"),
+                    ]),
+                    Tab::make('SEO 設定')->schema([
+                        Translate::make()->schema(fn (string $locale) => [
+                            TextInput::make('meta_title'),
+                            TextInput::make('meta_keyword'),
+                            Textarea::make('meta_description'),
+                        ])->locales(["zh_TW", "en"])
+                        ->columnSpanFull(),
+                        FileUpload::make('og_img')
+                        ->disk("public")
+                        ->directory("esg"),
+                    ]),
+                ])
+            ])
+            ->statePath('data');
+    }
+
+    public function save(): void
+    {
+        try {
+            $data = $this->form->getState();
+
+            $settings = EsgMain::getSettings();
+            $settings->update($data);
+
+            Notification::make()
+                ->title('設定已儲存')
+                ->success()
+                ->send();
+
+        } catch (\Exception $e) {
+            Notification::make()
+                ->title('儲存失敗')
+                ->body($e->getMessage())
+                ->danger()
+                ->send();
+        }
+    }
+
+    protected function getFormActions(): array
+    {
+        return [
+            Action::make('save')
+                ->label('儲存設定')
+                ->action('save')
+                ->color('primary'),
+        ];
+    }
+
+}

app/Filament/Resources/EsgResource.php

@@ -0,0 +1,380 @@
+<?php
+
+namespace App\Filament\Resources;
+
+use App\Filament\Resources\EsgResource\Pages;
+use App\Models\Esg;
+use Filament\Forms\Components\FileUpload;
+use Filament\Forms\Components\Grid;
+use Filament\Forms\Components\Group;
+use Filament\Forms\Components\Placeholder;
+use Filament\Forms\Components\Radio;
+use Filament\Forms\Components\Repeater;
+use Filament\Forms\Components\RichEditor;
+use Filament\Forms\Components\Section;
+use Filament\Forms\Components\Select;
+use Filament\Forms\Components\Tabs;
+use Filament\Forms\Components\Tabs\Tab;
+use Filament\Forms\Components\Textarea;
+use Filament\Forms\Components\TextInput;
+use Filament\Forms\Components\Toggle;
+use Filament\Forms\Form;
+use Filament\Forms\Get;
+use Filament\Resources\Resource;
+use Filament\Tables;
+use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Table;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\SoftDeletingScope;
+use SolutionForest\FilamentTranslateField\Forms\Component\Translate;
+use Str;
+
+class EsgResource extends Resource
+{
+    protected static ?string $model = Esg::class;
+
+    protected static ?string $navigationIcon = 'heroicon-o-rectangle-stack';
+    protected static ?string $modelLabel = "ESG 管理";
+    protected static ?string $navigationGroup = 'ESG 上稿內容管理';
+    protected static ?string $navigationLabel = "ESG 管理";
+
+    public static function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                //
+                Tabs::make("")->tabs([
+                    Tab::make('基本資訊')->schema([
+                        TextInput::make('keyword')->label("關聯字詞"),
+                        Translate::make()->schema(fn (string $locale) => [
+                            TextInput::make('title')
+                            ->label("標題")
+                            ->columnSpan(1),
+                        ])->locales(["zh_TW", "en"])
+                        ->columnSpanFull()->columns(3),
+                    ]),
+                    Tab::make('Banner 設定')->schema([
+                        FileUpload::make('banner_pc')->label("Banner (PC)")
+                        ->disk("public")
+                        // ->helperText('建議寬高限制為:1280*720px，檔案大小限制為1M以下')->maxSize('1024')
+                        ->directory("esg"),
+                        FileUpload::make('banner_mobile')->label("Banner (Mobile)")
+                        ->disk("public")
+                        // ->helperText('建議寬高限制為:600*896px，檔案大小限制為1M以下')->maxSize('1024')
+                        ->directory("esg"),
+                        Translate::make()->schema(fn (string $locale) => [
+                            TextInput::make('banner_alt')
+                            ->label("Banner 圖片註釋"),
+                            Textarea::make("description")->rows(5)->columnSpanFull()->label("短文"),
+                        ])->locales(["zh_TW", "en"])
+                        ->columnSpanFull(),
+                    ]),
+                    Tab::make("段落設計")->schema([
+                        //1: 純文字 2:區塊文字 3:表格 4:影片 or 圖片 5:左右圖文
+                        Repeater::make("paragraphs")->schema([
+                            TextInput::make('item_key')
+                                ->default(fn () => Str::random())
+                                ->hidden()
+                                ->afterStateHydrated(function (TextInput $component, $state) {
+                                    if (empty($state)) {
+                                        $component->state(Str::random());
+                                    }
+                                }),
+                            Radio::make("type")->options([
+                                1 => "純文字",
+                                2 => "區塊文字",
+                                3 => "表格",
+                                4 => "圖片",
+                            ])->label("")->default(1)->Live(),
+                            Group::make()->schema([
+                                Translate::make()->schema(fn (string $locale) => [
+                                    RichEditor::make('content.text_content')
+                                    ->fileAttachmentsDirectory('attachments')
+                                    ->fileAttachmentsVisibility('private')
+                                    ->disableToolbarButtons(['attachFiles']),
+                                ])
+                                ->locales(["zh_TW", "en"])
+                                ->id(fn ($get) => "para_text_" . $get('item_key')),
+                            ])->visible(fn (Get $get):bool => $get("type") == 1),
+                            Group::make()->schema([
+                                Section::make('區塊文字設定')->schema([
+                                    // // 佈局設定
+                                    // Radio::make('layout_type')->label('佈局方式')->options([
+                                    //     'vertical' => '垂直排列',
+                                    //     'horizontal' => '水平排列',
+                                    //     'grid' => '網格排列',
+                                    // ])->default('vertical')->Live(),
+                                    // 文字區塊重複器
+                                    Repeater::make("content.text_blocks")->schema([
+                                        TextInput::make('block_item_key')
+                                            ->default(fn () => Str::random())
+                                            ->hidden()
+                                            ->afterStateHydrated(function (TextInput $component, $state) {
+                                                if (empty($state)) {
+                                                    $component->state(Str::random());
+                                                }
+                                            }),
+                                        // 多語系內容
+                                        Translate::make()->schema(fn (string $locale) => [
+                                            // TextInput::make('block_title')
+                                            //     ->label("區塊標題")
+                                            //     ->maxLength(200)
+                                            //     ->visible(fn (Get $get) => in_array($get('block_type'), ['title', 'subtitle', 'highlight'])),
+                                            RichEditor::make('block_content')
+                                                ->disableToolbarButtons(['attachFiles'])
+                                                ->required(),
+                                        ])
+                                        ->locales(["zh_TW", "en"])
+                                        ->id(fn ($get) => "text_block_" . $get('block_item_key')),
+
+                                    ])
+                                    ->label("")
+                                    ->addActionLabel('增加區塊')
+                                    ->orderColumn('order')
+                                    ->reorderableWithButtons()
+                                    ->cloneable()
+                                    ->minItems(1)
+                                    ->maxItems(20)
+                                    ->defaultItems(1),
+                                ]),
+                            ])->visible(fn (Get $get):bool => $get('type') == 2),
+                            Group::make()->schema([
+                                Section::make('表格設定')->schema([
+                                    Radio::make('content.is_card')
+                                            ->label('手機板卡片顯示')
+                                            ->options([
+                                                1 => '是',  // 改為數字鍵值
+                                                0 => '否'
+                                            ])
+                                            ->default(2)
+                                            ->inline(),
+                                    // 表格基本資訊
+                                    // Translate::make()->schema(fn (string $locale) => [
+                                    //     TextInput::make('content.table_title')
+                                    //         ->label("表格標題")
+                                    //         ->maxLength(200),
+
+                                    //     Textarea::make('content.table_description')
+                                    //         ->label("表格說明")
+                                    //         ->rows(3)
+                                    //         ->maxLength(500),
+                                    // ])->locales(["zh_TW", "en"])
+                                    // ->id(fn ($get) => "table_info_" . $get('item_key')),
+                                    // 表格資料
+                                    Placeholder::make('table_builder_info')
+                                        ->content('請先設定表格欄數，然後填入表格資料'),
+                                    Grid::make(3)->schema([
+                                        Radio::make('content.column_count')
+                                            ->label('欄數')
+                                            ->options([
+                                                2 => '2欄',  // 改為數字鍵值
+                                                3 => '3欄',
+                                                4 => '4欄'
+                                            ])
+                                            ->default(2)
+                                            ->inline()
+                                            ->live()
+                                            ->reactive(), // ✅ 添加 reactive()
+                                        // Radio::make('content.is_card')
+                                        //     ->label('是否卡片呈現')
+                                        //     ->options([
+                                        //         1 => '是',  // 改為數字鍵值
+                                        //         0 => '否',
+                                        //     ])
+                                        //     ->default(1)
+                                        //     ->inline()
+                                        //     ->required()
+                                    ]),
+                                    Translate::make()->schema(fn (string $locale) => [
+                                        Grid::make(2)  // 改用 Grid 來支援動態 columns
+                                            ->schema([
+                                                TextInput::make('content.head1')->label('標題第1欄')->required(),
+                                                Radio::make('content.head_align1')
+                                                    ->label('對齊')
+                                                    ->options([
+                                                        1 => '置左',  // 改為數字鍵值
+                                                        2 => '置中',
+                                                        3 => '置右'
+                                                    ])
+                                                    ->default(1),
+                                                TextInput::make('content.head2')->label('標題第2欄')->required(),
+                                                Radio::make('content.head_align2')
+                                                    ->label('對齊')
+                                                    ->options([
+                                                        1 => '置左',  // 改為數字鍵值
+                                                        2 => '置中',
+                                                        3 => '置右'
+                                                    ])
+                                                    ->default(1),
+                                                TextInput::make('content.head3')->label('標題第3欄')
+                                                    ->visible(fn (Get $get) => intval($get('content.column_count')) >= 3)->columnSpan(1),
+                                                    Radio::make('content.head_align3')
+                                                        ->label('對齊')
+                                                        ->options([
+                                                            1 => '置左',  // 改為數字鍵值
+                                                            2 => '置中',
+                                                            3 => '置右'
+                                                        ])
+                                                        ->default(1)
+                                                        ->visible(fn (Get $get) => intval($get('content.column_count')) >= 3)->columnSpan(1),
+                                                TextInput::make('content.head4')->label('標題第4欄')
+                                                    ->visible(fn (Get $get) => intval($get('content.column_count')) >= 4)->columnSpan(1),
+                                                    Radio::make('content.head_align4')
+                                                        ->label('對齊')
+                                                        ->options([
+                                                            1 => '置左',  // 改為數字鍵值
+                                                            2 => '置中',
+                                                            3 => '置右'
+                                                        ])
+                                                        ->default(1)
+                                                        ->visible(fn (Get $get) => intval($get('content.column_count')) >= 4)->columnSpan(1),
+                                            ])
+                                            ->reactive()  // 加入響應式
+                                    ])->locales(["zh_TW", "en"]),
+                                    Repeater::make('content.simple_table_rows')
+                                        ->label('表格資料')
+                                        ->schema([
+                                            TextInput::make('simple_table_rows_key')
+                                                ->default(fn () => Str::random())
+                                                ->hidden()
+                                                ->afterStateHydrated(function (TextInput $component, $state) {
+                                                    if (empty($state)) {
+                                                        $component->state(Str::random());
+                                                    }
+                                                }),
+                                            Translate::make()->schema(fn (string $locale) => [
+                                                Grid::make(1)  // 改用 Grid 來支援動態 columns
+                                                    ->schema([
+                                                        Radio::make('align1')
+                                                            ->label('對齊')
+                                                            ->options([
+                                                                1 => '置左',  // 改為數字鍵值
+                                                                2 => '置中',
+                                                                3 => '置右'
+                                                            ])
+                                                        ->default(1),
+                                                        RichEditor::make('col1')
+                                                            ->label('第1欄')
+                                                            ->disableToolbarButtons(['attachFiles']),
+                                                        // TextInput::make('col2')->label('第2欄')->required(),
+                                                        Radio::make('align2')
+                                                            ->label('對齊')
+                                                            ->options([
+                                                                1 => '置左',  // 改為數字鍵值
+                                                                2 => '置中',
+                                                                3 => '置右'
+                                                            ])
+                                                            ->default(1),
+                                                        RichEditor::make('col2')
+                                                            ->label('第2欄')
+                                                            ->disableToolbarButtons(['attachFiles']),
+                                                        Radio::make('align3')
+                                                            ->label('對齊')
+                                                            ->options([
+                                                                1 => '置左',  // 改為數字鍵值
+                                                                2 => '置中',
+                                                                3 => '置右'
+                                                            ])
+                                                            ->default(1)
+                                                            ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 3),
+                                                        RichEditor::make('col3')
+                                                            ->label('第3欄')
+                                                            ->disableToolbarButtons(['attachFiles'])
+                                                            ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 3),
+                                                            Radio::make('align4')
+                                                                ->label('對齊')
+                                                                ->options([
+                                                                    1 => '置左',  // 改為數字鍵值
+                                                                    2 => '置中',
+                                                                    3 => '置右'
+                                                                ])
+                                                                ->default(1)
+                                                                ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 4),
+                                                            RichEditor::make('col4')
+                                                                ->label('第4欄')
+                                                                ->disableToolbarButtons(['attachFiles'])
+                                                                ->visible(fn (Get $get) => intval($get('../../../content.column_count')) >= 4),
+                                                    ])
+                                                    ->reactive()  // 加入響應式
+                                            ])->locales(["zh_TW", "en"]),
+                                        ])
+                                        ->id(fn ($get) => "simple_table_" . $get('simple_table_key'))
+                                        ->addActionLabel('新增列')
+                                        ->reorderableWithButtons()
+                                        ->minItems(1)
+                                ]),
+                            ])->visible(fn (Get $get):bool => $get('type') == 3),
+                            Group::make()->schema([
+                                Section::make('')->schema([
+                                    Repeater::make("content.multiple_images")->schema([
+                                        TextInput::make('para_img_item_key')
+                                            ->default(fn () => Str::random())
+                                            ->hidden()
+                                            ->afterStateHydrated(function (TextInput $component, $state) {
+                                                if (empty($state)) {
+                                                    $component->state(Str::random());
+                                                }
+                                            }),
+                                        Translate::make()->schema(fn (string $locale) => [
+                                            TextInput::make('image_alt')->label("圖片註文"),
+                                        ])->locales(["zh_TW", "en"])
+                                        ->id(fn ($get) => "para_img_mul_" . $get('para_img_item_key')),
+                                        FileUpload::make('image_url')->label("")->disk("public")
+                                        // ->helperText('建議寬高限制為:1080*675px，檔案大小限制為1M以下')->maxSize('1024')
+                                        ->directory("esg/paragraphPhoto")
+                                        ->maxFiles(10),
+                                    ])
+                                    ->addActionLabel('新增')
+                                    ->label("")
+                                    ->orderColumn('order')
+                                ])
+                            ])->visible(fn (Get $get):bool => $get("type") == 4),
+                        ])
+                        ->relationship("paragraphs")
+                        ->addActionLabel('新增段落')
+                        ->collapsible()
+                        ->reorderableWithButtons()
+                        ->orderColumn('order')
+                        ->cloneable()
+                    ])->columnSpanFull(),
+                ])
+                ->columnSpanFull()
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                //
+                TextColumn::make("title")->label("標題"),
+            ])
+            ->filters([
+                //
+            ])
+            ->actions([
+                Tables\Actions\EditAction::make(),
+            ])
+            ->bulkActions([
+                Tables\Actions\BulkActionGroup::make([
+                    Tables\Actions\DeleteBulkAction::make(),
+                ]),
+            ]);
+    }
+
+    public static function getRelations(): array
+    {
+        return [
+            //
+        ];
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListEsg::route('/'),
+            'create' => Pages\CreateEsg::route('/create'),
+            'edit' => Pages\EditEsg::route('/{record}/edit'),
+        ];
+    }
+}

app/Filament/Resources/EsgResource/Pages/CreateEsg.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Filament\Resources\EsgResource\Pages;
+
+use App\Filament\Resources\EsgResource;
+use App\Traits\HandlesEsgParagraphs;
+use Filament\Actions;
+use Filament\Resources\Pages\CreateRecord;
+use Illuminate\Database\Eloquent\Model;
+
+class CreateEsg extends CreateRecord
+{
+    use HandlesEsgParagraphs;
+    protected static string $resource = EsgResource::class;
+
+    protected function getRedirectUrl(): string
+    {
+        return $this->getResource()::getUrl('index');
+    }
+    protected function handleRecordCreation(array $data): Model
+    {
+        \Log::info("=== 開始建立流程 ===");
+
+        // ✅ 使用 Trait 方法處理表單中的 paragraphs
+        $processedParagraphs = $this->processFormParagraphs();
+
+        if ($processedParagraphs) {
+            \Log::info("預處理後的 paragraphs:", $processedParagraphs);
+        }
+
+        // 建立主記錄
+        $record = static::getModel()::create($data);
+        \Log::info("主記錄已建立:", ['id' => $record->id]);
+
+        // ✅ 使用 Trait 方法建立 paragraphs 關聯
+        if ($processedParagraphs) {
+            $this->createParagraphs($record, $processedParagraphs);
+        }
+
+        return $record->refresh();
+    }
+
+}

app/Filament/Resources/EsgResource/Pages/EditEsg.php

@@ -0,0 +1,48 @@
+<?php
+
+namespace App\Filament\Resources\EsgResource\Pages;
+
+use App\Filament\Resources\EsgResource;
+use Filament\Actions;
+use Filament\Resources\Pages\EditRecord;
+use Illuminate\Database\Eloquent\Model;
+use App\Traits\HandlesEsgParagraphs;
+
+class EditEsg extends EditRecord
+{
+    use HandlesEsgParagraphs;
+    protected static string $resource = EsgResource::class;
+
+    protected function getRedirectUrl(): string
+    {
+        return $this->getResource()::getUrl('index');
+    }
+
+    /**
+     * 在填充表單前處理資料 - 手動載入關聯資料
+     */
+    protected function mutateFormDataBeforeFill(array $data): array
+    {
+
+        // ✅ 使用 Trait 方法載入並格式化 paragraphs
+        $data['paragraphs'] = $this->loadAndFormatParagraphs($this->record);
+
+        return $data;
+    }
+
+    /**
+     * 儲存時的處理
+     */
+    protected function handleRecordUpdate(Model $record, array $data): Model
+    {
+        // ✅ 使用 Trait 方法處理表單中的 paragraphs
+        $processedParagraphs = $this->processFormParagraphs();
+        // 更新主記錄
+        $record->update($data);
+        // ✅ 使用 Trait 方法處理 paragraphs 關聯
+        if ($processedParagraphs) {
+            $this->updateParagraphs($record, $processedParagraphs);
+        }
+        return $record->refresh();
+    }
+}

app/Filament/Resources/EsgResource/Pages/ListEsg.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\EsgResource\Pages;
+
+use App\Filament\Resources\EsgResource;
+use Filament\Actions;
+use Filament\Resources\Pages\ListRecords;
+
+class ListEsg extends ListRecords
+{
+    protected static string $resource = EsgResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Actions\CreateAction::make(),
+        ];
+    }
+}

app/Http/Controllers/Api/EsgController.php

@@ -0,0 +1,143 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Models\Esg;
+use App\Models\EsgMain;
+use App\Supports\Response;
+use Carbon\Carbon;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Log;
+use App\Http\Helper\Helper;
+use Illuminate\Support\Facades\Storage;
+
+/**
+ * @group Lottery Prize
+ */
+class EsgController extends Controller
+{
+    public function __construct(
+    )
+    {
+    }
+
+    public function main($locate = 'tw')
+    {
+        $data = [];
+        $esgMain = EsgMain::first();
+        $locate = $locate == "tw" ? "zh_TW" : $locate;
+        $data = [
+            "meta" => [
+                "meta_title" => $esgMain->meta_title,
+                "meta_keyword" => $esgMain->meta_keyword,
+                "meta_description" => $esgMain->meta_description,
+                "og_img" => $esgMain->og_img
+            ],
+            "img_pc" => $esgMain->img_pc_url,
+            "img_mobile" => $esgMain->img_mobile_url,
+            "title" => $esgMain->getTranslation("title", $locate, false),
+            "description" => $esgMain->getTranslation("description", $locate, false),
+        ];
+        $esgs = Esg::select("title", "keyword")->get();
+        foreach($esgs as $esg){
+            $data["tab_list"][] = [
+                "text" => $esg->getTranslation("title", $locate, false),
+                "key" => $esg->keyword
+            ];
+        }
+        return response()->json(["data" => $data], 200);
+    }
+
+    public function esgContent($locate, $keyword){
+
+        $locate = $locate == "tw" ? "zh_TW" : $locate;
+        if (!$esg = Esg::getContentByKeyword($keyword)) {
+            return response()->json([
+                'status' => "fail",
+                'message' => '查無資料'
+            ]);
+        }
+
+        $data = [
+            "banner" => [
+                "img_pc" => $esg->banner_pc_url,
+                "img_mobile" => $esg->banner_mobile_url,
+                "img_alt" => $esg->img_alt,
+                "text" => $esg->description ?? "",
+            ],
+            "paragraphs" => $this->prepareOutputContent($esg->paragraphs->toArray(), $locate)
+        ];
+
+        return response()->json(["data" => $data], 200);
+    }
+
+    private function prepareOutputContent($paragraphs, $locate): array
+    {
+        $output = [];
+        // 調試關聯資料
+        if($paragraphs){
+            foreach($paragraphs as $paragraph){
+                $content = $paragraph["content"];
+                switch ($paragraph["type"]){
+                    case "1":
+                        $output[] = [
+                            "type" => "text",
+                            "content" => $content["text_content"][$locate]
+                        ];
+                        break;
+                    case "2":
+                        $output[] = [
+                            "type" => "grid",
+                            "columns" => count($content["text_blocks"]),
+                            "content" => array_map(function($block) use ($locate) {
+                                return [
+                                    "type" => "text",
+                                    "content" => $block["block_content"][$locate]
+                                ];
+                            }, $content["text_blocks"])
+                        ];
+                        break;
+                    case "3":
+                        $column_count = $content["column_count"];
+                        $table_header = [];
+                        $table_content = [];
+                        for($i=1; $i<=$column_count; $i++){
+                            $table_header[] = [
+                                "align" => $content["head_align" . strval($i)][$locate],
+                                "text" => $content["head" . strval($i)][$locate]
+                            ];
+                            $table_row_content = [];
+                            foreach($content["simple_table_rows"] as $table_row){
+                                $table_row_content[] = [
+                                    "align" => $table_row["align" . strval($i)][$locate],
+                                    "text" => $table_row["col" . strval($i)][$locate]
+                                ];
+                            }
+                            $table_content[] = $table_row_content;
+                        }
+                        $output[] = [
+                            "type" => "table",
+                            "is_card" => boolval($content["is_card"]),
+                            "header" => $table_header,
+                            "body" => $table_content
+                        ];
+                        break;
+                    case "4":
+                        $output[] = [
+                            "type" => "image",
+                            "images" => array_map(function($image) use ($locate) {
+                                return [
+                                    "image_url" => Storage::url($image["image_url"]),
+                                    "alt" => $image["image_alt"][$locate]
+                                ];
+                            }, $content["multiple_images"])
+                        ];
+                        break;
+                }
+            }
+        }
+        return $output;
+    }
+}

app/Models/Esg.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+use Illuminate\Support\Facades\Storage;
+use Spatie\Translatable\HasTranslations;
+
+class Esg extends Model
+{
+    use HasFactory, SoftDeletes, HasTranslations;
+    //
+    protected $guarded = ["id"];
+    protected $casts = [
+        'on_top' => 'boolean'
+    ];
+    protected $appends = ["banner_pc_url", "banner_mobile_url"];
+
+    public $translatable = ['title', 'banner_alt', 'description'];
+
+    public function paragraphs(){
+        return $this->hasMany(EsgParagraph::class)->orderBy('order');
+    }
+    protected function bannerPcUrl(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => is_null($this->banner_pc) ? null :Storage::url($this->banner_pc),
+        );
+    }
+
+    protected function bannerMobileUrl(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => is_null($this->banner_mobile) ? null :Storage::url($this->banner_mobile),
+        );
+    }
+
+    protected function getContentByKeyword($keyword){
+        return $this->where("keyword", $keyword)->with('paragraphs')->first();
+    }
+}

app/Models/EsgMain.php

@@ -0,0 +1,90 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Storage;
+use Spatie\Translatable\HasTranslations;
+
+class EsgMain extends Model
+{
+    use HasTranslations;
+    protected $guarded = ['id'];
+    protected $appends = ["img_pc_url", "og_img_url", "img_mobile_url"];
+    public $translatable = ['title', 'description', 'meta_title', 'meta_keyword', 'meta_description'];
+    protected function imgPcUrl(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => is_null($this->img_pc) ? null :Storage::url($this->img_pc),
+        );
+    }
+    protected function imgMobileUrl(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => is_null($this->img_mobile) ? null :Storage::url($this->img_mobile),
+        );
+    }
+    protected function ogImgUrl(): Attribute
+    {
+        return Attribute::make(
+            get: fn ($value) => is_null($this->og_img) ? null :Storage::url($this->og_img),
+        );
+    }
+    public static function getMain(): self
+    {
+        $main = self::first();
+        if(empty($main)){
+            $main = self::create(self::getDefaultData());
+        }
+        return $main;
+    }
+
+    /**
+     * ✅ 獲取預設設定值
+     */
+    public static function getDefaultData(): array
+    {
+        return [
+            'title' => [
+                'zh_TW' => '預設網站標題',
+                'en' => 'Default Site Title'
+            ],
+            'description' => [
+                'zh_TW' => '預設網站描述',
+                'en' => 'Default Site Description'
+            ],
+        ];
+    }
+
+    /**
+     * ✅ 安全的 toArray 方法，確保多語系欄位格式正確
+     */
+    public function safeToArray(): array
+    {
+        $array = $this->toArray();
+
+        // 確保多語系欄位是正確的格式
+        foreach ($this->translatable as $field) {
+            if (isset($array[$field])) {
+                // 如果是字串，轉換為多語系格式
+                if (is_string($array[$field])) {
+                    $array[$field] = [
+                        'zh_TW' => $array[$field],
+                        'en' => ''
+                    ];
+                }
+                // 確保有必要的語言鍵
+                if (is_array($array[$field])) {
+                    $array[$field]['zh_TW'] = $array[$field]['zh_TW'] ?? '';
+                    $array[$field]['en'] = $array[$field]['en'] ?? '';
+                }
+            } else {
+                // 如果欄位不存在，建立預設結構
+                $array[$field] = ['zh_TW' => '', 'en' => ''];
+            }
+        }
+
+        return $array;
+    }
+}

app/Models/EsgParagraph.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+use Illuminate\Support\Facades\Storage;
+use Spatie\Translatable\HasTranslations;
+
+class EsgParagraph extends Model
+{
+    use HasFactory, HasTranslations;
+    //
+    protected $fillable = [
+        'esg_id',
+        'type',
+        'order',
+        'content',
+    ];
+
+    protected $casts = [
+        'content' => 'array', // 自動轉換 JSON
+        'type' => 'integer',
+        'order' => 'integer'
+    ];
+
+    public function esg(): BelongsTo
+    {
+        return $this->belongsTo(Esg::class);
+    }
+
+    // ✅ 取得段落類型名稱
+    public function getTypeNameAttribute(): string
+    {
+        return match($this->type) {
+            1 => '純文字',
+            2 => '區塊文字',
+            3 => '表格',
+            4 => '圖片',
+            default => '未知',
+        };
+    }
+
+    // 如果你想要更細緻的控制，可以使用 accessor 和 mutator
+    public function getContentAttribute($value)
+    {
+        return $value ? json_decode($value, true) : [];
+    }
+}

app/Traits/HandlesEsgParagraphs.php

@@ -0,0 +1,439 @@
+<?php
+// app/Traits/HandlesParagraphs.php
+
+namespace App\Traits;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Str;
+
+trait HandlesEsgParagraphs
+{
+    /**
+     * 格式化 paragraphs 資料以符合表單結構（載入時使用）
+     */
+    protected function formatParagraphsForForm(array $paragraphs): array
+    {
+        $formattedParagraphs = [];
+
+        foreach ($paragraphs as $paragraph) {
+            \Log::info("格式化段落:", $paragraph);
+
+            $formatted = [
+                'id' => $paragraph['id'],
+                'type' => $paragraph['type'],
+                'order' => $paragraph['order'],
+                'content' => $paragraph['content'] ?? [],
+            ];
+
+            // 根據類型進行特殊格式化
+            switch ($paragraph['type']) {
+                case 1: // 純文字
+                    $formatted = $this->formatTextParagraphForForm($formatted);
+                    break;
+
+                case 2: // 區塊文字
+                    $formatted = $this->formatBlockParagraphForForm($formatted);
+                    break;
+
+                case 3: // 表格
+                    $formatted = $this->formatTableParagraphForForm($formatted);
+                    break;
+
+                case 4: // 圖片
+                    $formatted = $this->formatImageParagraphForForm($formatted);
+                    break;
+            }
+
+            // 確保有 item_key
+            if (!isset($formatted['item_key'])) {
+                $formatted['item_key'] = Str::random();
+            }
+
+            $formattedParagraphs[] = $formatted;
+
+            \Log::info("格式化完成:", $formatted);
+        }
+
+        return $formattedParagraphs;
+    }
+
+    /**
+     * 格式化純文字段落（載入時）
+     */
+    protected function formatTextParagraphForForm(array $paragraph): array
+    {
+        // 確保 text_content 結構正確
+        if (!isset($paragraph['content']['text_content'])) {
+            $paragraph['content']['text_content'] = ['zh_TW' => '', 'en' => ''];
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 格式化區塊文字段落（載入時）
+     */
+    protected function formatBlockParagraphForForm(array $paragraph): array
+    {
+        // 確保 text_blocks 結構正確
+        if (!isset($paragraph['content']['text_blocks'])) {
+            $paragraph['content']['text_blocks'] = [];
+        }
+
+        // 為每個 text_block 添加必要的欄位
+        foreach ($paragraph['content']['text_blocks'] as $index => &$block) {
+            if (!isset($block['block_item_key'])) {
+                $block['block_item_key'] = Str::random();
+            }
+            if (!isset($block['order'])) {
+                $block['order'] = $index + 1;
+            }
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 格式化表格段落（載入時）
+     */
+    protected function formatTableParagraphForForm(array $paragraph): array
+    {
+        $content = $paragraph['content'];
+
+        if (!isset($content['column_count'])) {
+            $content['column_count'] = 2;
+        }
+
+        if (!isset($content['table_title'])) {
+            $content['table_title'] = ['zh_TW' => '', 'en' => ''];
+        }
+
+        if (!isset($content['table_description'])) {
+            $content['table_description'] = ['zh_TW' => '', 'en' => ''];
+        }
+
+        if (!isset($content['simple_table_rows'])) {
+            $content['simple_table_rows'] = [];
+        }
+
+        // 確保表頭資料結構
+        $columnCount = $content['column_count'];
+        for ($i = 1; $i <= $columnCount; $i++) {
+            if (!isset($content["head{$i}"])) {
+                $content["head{$i}"] = ['zh_TW' => '', 'en' => ''];
+            }
+        }
+
+        $paragraph['content'] = $content;
+
+        return $paragraph;
+    }
+
+    /**
+     * 格式化圖片段落（載入時）
+     */
+    protected function formatImageParagraphForForm(array $paragraph): array
+    {
+        // 確保 multiple_images 結構正確
+        if (!isset($paragraph['content']['multiple_images'])) {
+            $paragraph['content']['multiple_images'] = [];
+        }
+
+        // 為每個圖片添加必要的欄位
+        foreach ($paragraph['content']['multiple_images'] as $index => &$image) {
+            if (!isset($image['para_img_item_key'])) {
+                $image['para_img_item_key'] = Str::random();
+            }
+            if (!isset($image['order'])) {
+                $image['order'] = $index + 1;
+            }
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 預處理 paragraphs 資料（儲存前使用）
+     */
+    protected function preprocessParagraphs(array $paragraphs): array
+    {
+        \Log::info("=== 開始預處理 Paragraphs ===");
+
+        foreach ($paragraphs as $index => &$paragraph) {
+            \Log::info("處理段落 {$index}:", $paragraph);
+
+            // 確保基本欄位存在
+            $paragraph['content'] = $paragraph['content'] ?? [];
+            $paragraph['order'] = $paragraph['order'] ?? ($index + 1);
+
+            // 根據類型進行特殊處理
+            switch ($paragraph['type']) {
+                case 1: // 純文字
+                    $paragraph = $this->preprocessTextParagraph($paragraph);
+                    break;
+
+                case 2: // 區塊文字
+                    $paragraph = $this->preprocessBlockParagraph($paragraph);
+                    break;
+
+                case 3: // 表格
+                    $paragraph = $this->preprocessTableParagraph($paragraph);
+                    break;
+
+                case 4: // 圖片
+                    $paragraph = $this->preprocessImageParagraph($paragraph);
+                    break;
+            }
+
+            // 添加處理時間戳
+            $paragraph['content']['processed_at'] = now()->toISOString();
+
+            \Log::info("段落 {$index} 處理完成:", $paragraph);
+        }
+
+        return $paragraphs;
+    }
+
+    /**
+     * 處理純文字段落（儲存前）
+     */
+    protected function preprocessTextParagraph(array $paragraph): array
+    {
+        \Log::info("處理純文字段落");
+
+        // 確保文字內容結構正確
+        if (!isset($paragraph['content']['text_content'])) {
+            $paragraph['content']['text_content'] = ['zh_TW' => '', 'en' => ''];
+        }
+
+        // 清理 HTML 標籤（如果需要）
+        foreach ($paragraph['content']['text_content'] as $locale => $content) {
+            $paragraph['content']['text_content'][$locale] = $this->cleanHtml($content);
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 處理區塊文字段落（儲存前）
+     */
+    protected function preprocessBlockParagraph(array $paragraph): array
+    {
+        \Log::info("處理區塊文字段落");
+
+        // 確保有 text_blocks
+        if (!isset($paragraph['content']['text_blocks'])) {
+            $paragraph['content']['text_blocks'] = [];
+        }
+
+        // 處理每個文字區塊
+        foreach ($paragraph['content']['text_blocks'] as $index => &$block) {
+            // 確保區塊有必要的欄位
+            $block['block_item_key'] = $block['block_item_key'] ?? Str::random();
+            $block['order'] = $block['order'] ?? ($index + 1);
+
+            // 清理區塊內容
+            if (isset($block['block_content'])) {
+                foreach ($block['block_content'] as $locale => $content) {
+                    $block['block_content'][$locale] = $this->cleanHtml($content);
+                }
+            }
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 處理表格段落（儲存前）
+     */
+    protected function preprocessTableParagraph(array $paragraph): array
+    {
+        \Log::info("處理表格段落");
+
+        // 確保欄數設定
+        $columnCount = $paragraph['content']['column_count'] ?? 2;
+
+        // 確保表頭存在
+        if (!isset($paragraph['content']['headers'])) {
+            $paragraph['content']['headers'] = ['zh_TW' => [], 'en' => []];
+        }
+
+        // 確保表格資料存在
+        if (!isset($paragraph['content']['simple_table_rows'])) {
+            $paragraph['content']['simple_table_rows'] = [];
+        }
+
+        // 處理表格資料，確保欄數一致
+        foreach ($paragraph['content']['simple_table_rows'] as $rowIndex => &$row) {
+            foreach (['zh_TW', 'en'] as $locale) {
+                if (!isset($row[$locale])) {
+                    $row[$locale] = [];
+                }
+
+                // 確保每行都有正確的欄數
+                for ($i = 1; $i <= $columnCount; $i++) {
+                    if (!isset($row[$locale]["col{$i}"])) {
+                        $row[$locale]["col{$i}"] = '';
+                    }
+                }
+
+                // 移除多餘的欄位
+                for ($i = $columnCount + 1; $i <= 4; $i++) {
+                    unset($row[$locale]["col{$i}"]);
+                }
+            }
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 處理圖片段落（儲存前）
+     */
+    protected function preprocessImageParagraph(array $paragraph): array
+    {
+        \Log::info("處理圖片段落");
+
+        // 確保圖片陣列存在
+        if (!isset($paragraph['content']['multiple_images'])) {
+            $paragraph['content']['multiple_images'] = [];
+        }
+
+        // 處理每個圖片
+        foreach ($paragraph['content']['multiple_images'] as $index => &$image) {
+            $image['para_img_item_key'] = $image['para_img_item_key'] ?? Str::random();
+            $image['order'] = $image['order'] ?? ($index + 1);
+
+            // 驗證圖片檔案是否存在
+            if (isset($image['image_url'])) {
+                // 這裡可以添加圖片驗證邏輯
+            }
+        }
+
+        return $paragraph;
+    }
+
+    /**
+     * 更新 paragraphs 關聯（編輯時使用）
+     */
+    protected function updateParagraphs(Model $record, array $paragraphs): void
+    {
+        \Log::info("=== 開始更新 Paragraphs 關聯 ===");
+
+        // 獲取現有的段落 IDs
+        $existingIds = collect($paragraphs)
+            ->pluck('id')
+            ->filter()
+            ->values()
+            ->toArray();
+
+        // 刪除不在列表中的段落
+        $record->paragraphs()
+            ->whereNotIn('id', $existingIds)
+            ->delete();
+
+        \Log::info("已刪除不存在的段落");
+
+        // 更新或建立段落
+        foreach ($paragraphs as $paragraphData) {
+            if (isset($paragraphData['id'])) {
+                // 更新現有段落
+                $paragraph = $record->paragraphs()->find($paragraphData['id']);
+                if ($paragraph) {
+                    $paragraph->update([
+                        'type' => $paragraphData['type'],
+                        'order' => $paragraphData['order'],
+                        'content' => $paragraphData['content'],
+                    ]);
+                    \Log::info("更新段落 ID: {$paragraphData['id']}");
+                }
+            } else {
+                // 建立新段落
+                $newParagraph = $record->paragraphs()->create([
+                    'type' => $paragraphData['type'],
+                    'order' => $paragraphData['order'],
+                    'content' => $paragraphData['content'],
+                ]);
+                \Log::info("建立新段落 ID: {$newParagraph->id}");
+            }
+        }
+
+        \Log::info("=== Paragraphs 關聯更新完成 ===");
+    }
+
+    /**
+     * 建立 paragraphs 關聯（新增時使用）
+     */
+    protected function createParagraphs(Model $record, array $paragraphs): void
+    {
+        \Log::info("=== 開始建立 Paragraphs 關聯 ===");
+
+        foreach ($paragraphs as $paragraphData) {
+            $newParagraph = $record->paragraphs()->create([
+                'type' => $paragraphData['type'],
+                'order' => $paragraphData['order'],
+                'content' => $paragraphData['content'],
+            ]);
+            \Log::info("建立新段落 ID: {$newParagraph->id}");
+        }
+
+        \Log::info("=== Paragraphs 關聯建立完成 ===");
+    }
+
+    /**
+     * 清理 HTML 內容
+     */
+    protected function cleanHtml(string $html): string
+    {
+        // 這裡可以根據需求自定義清理邏輯
+        // 例如：移除危險標籤、清理空白等
+        return trim($html);
+    }
+
+    /**
+     * 後處理 paragraphs（儲存後使用）
+     */
+    protected function postProcessParagraphs($paragraphs): void
+    {
+        foreach ($paragraphs as $paragraph) {
+            \Log::info("後處理段落:", [
+                'id' => $paragraph->id,
+                'type' => $paragraph->type,
+                'content_keys' => array_keys($paragraph->content ?? [])
+            ]);
+
+            // 這裡可以進行：
+            // - 快取更新
+            // - 搜尋索引更新
+            // - 通知發送
+            // 等後續處理
+        }
+    }
+
+    /**
+     * 獲取並格式化關聯資料（載入時的輔助方法）
+     */
+    protected function loadAndFormatParagraphs(Model $record): array
+    {
+        $paragraphs = $record->paragraphs()
+            ->orderBy('order')
+            ->get()
+            ->toArray();
+
+        return $this->formatParagraphsForForm($paragraphs);
+    }
+
+    /**
+     * 處理表單狀態中的 paragraphs（儲存時的輔助方法）
+     */
+    protected function processFormParagraphs(): ?array
+    {
+        $formState = $this->form->getState();
+
+        if (!isset($formState['paragraphs'])) {
+            return null;
+        }
+
+        return $this->preprocessParagraphs($formState['paragraphs']);
+    }
+}

database/migrations/2025_06_18_072530_create_esgs_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('esgs', function (Blueprint $table) {
+            $table->id();
+            $table->string('keyword')->index();
+            $table->json('title')->comment('標題');
+            $table->json("description")->comment("短文");
+            $table->string("banner_pc")->comment("banner for pc");
+            $table->string("banner_mobile")->comment("banner for mobile");
+            $table->json("banner_alt")->comment("banner alt");
+            $table->timestamps();
+            $table->softDeletes();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('esgs');
+    }
+};

database/migrations/2025_06_18_075604_create_esg_paragraphs_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('esg_paragraphs', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('esg_id')->constrained()->onDelete('cascade');
+            $table->tinyInteger("type")->comment("1: 純editor 2:表格 3:影片 or 圖片 4:左右圖文");
+            $table->json("content");
+            $table->integer("order")->comment("排序");
+            $table->timestamps();
+            $table->index(['esg_id', 'order']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('esg_paragraphs');
+    }
+};

database/migrations/2025_07_02_041600_create_esg_mains_table.php

@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('esg_mains', function (Blueprint $table) {
+            $table->id();
+            $table->json('title')->comment("標題");
+            $table->json('description')->comment("短文");
+            $table->string('og_img')->nullable()->comment('seo image');
+            $table->json("meta_title")->nullable()->comment("seo title");
+            $table->json("meta_keyword")->nullable()->comment("seo keyword");
+            $table->json("meta_description")->nullable()->comment("seo description");
+            $table->string('img_pc')->nullable()->comment('Image PC');
+            $table->string('img_mobile')->nullable()->comment('Image MOBILE');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('esg_mains');
+    }
+};

resources/views/filament/pages/esg-main.blade.php

@@ -0,0 +1,17 @@
+<x-filament-panels::page>
+    {{-- ✅ 確保不直接輸出陣列 --}}
+    <form wire:submit="save">
+        {{ $this->form }}
+
+        <div class="mt-6">
+            <x-filament::button
+                type="submit"
+                color="primary"
+                wire:loading.attr="disabled"
+            >
+                <span wire:loading.remove>儲存設定</span>
+                <span wire:loading>儲存中...</span>
+            </x-filament::button>
+        </div>
+    </form>
+</x-filament-panels::page>

routes/api.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\Api\EsgController;
 use App\Http\Controllers\Api\NewsController;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
@@ -24,5 +25,9 @@ Route::prefix('{locale}')->group(function (){
         Route::get('/list', [NewsController::class, 'list']);
         Route::get('/detail/{id}', [NewsController::class, 'detail'])->whereIn('locale', ["tw", "en", "jp"])->where('id', '[0-9]+');
     });
+    Route::prefix('esg')->group(function () {
+        Route::get('/', [EsgController::class, "main"]);
+        Route::get('/{key}', [EsgController::class, "esgContent"]);
+    });
 })->whereIn('locale', ["tw", "en"]);