@extends('frontend::layouts.master')

@section('content')
    @php
        $tabs = [['label' => 'Home', 'name' => 'home'], ['label' => 'Profile', 'name' => 'profile'], ['label' => 'Messages', 'name' => 'messages']];
    @endphp
    <div class="container">
        <div class="flex flex-col gap-4">
            <x-frontend::navigations.tabs.tabs-button :tabs="$tabs" class="tabs-bordered" />
            @forelse ($tabs as $index => $tab)
                <x-frontend::navigations.tabs.tabs-content :tab="$tab" :first="$index == 0">
                    @if ($tab['label'] == 'Home')
                        <x-slot:content>
                            <section class="py-6 space-y-2">
                                <h3>ดูเหมือนว่าการเปิดตัวคอนโซลใหม่ของปู่นินหรือที่สื่อเรียกกันว่า Nintendo Switch 2 จะใกล้เข้ามาทุกทีแล้ว เพราะมีการลือกันอย่างหนักว่าปู่นินจะเปิดข้อมูลและเร็ว ๆ นี้ หลังจากปล่อยให้ผู้ผลิตอุปกรณ์เสริมได้เปิดตัวเครื่องม็อกอัปไป และดูเหมือนว่าเราไม่ต้องรอนานแล้วด้วย</h3>
                                <figure class="wp-block-image size-full rounded-3xl overflow-hidden"><img decoding="async" width="1192" height="649" src="https://www.beartai.com/wp-content/uploads/2025/01/Screenshot-2025-01-14-010914.jpg" alt="" class="wp-image-1451119" data-fancybox="post-1451116"></figure>
                            </section>
                        </x-slot>
                    @elseif($tab['label'] == 'Profile')
                        <x-slot:content>
                            <p>Hello World 2</p>
                        </x-slot>
                    @elseif($tab['label'] == 'Messages')
                        <x-slot:content>
                            <p>Hello World 3</p>
                        </x-slot>
                    @endif
                </x-frontend::navigations.tabs.tabs-content>
            @empty
                <p>No tabs found</p>
            @endforelse
        </div>
    </div>
@endsection