@extends('layouts.app')

@section('content')
    <div class="hero-card">
        <div>
            <h1>{{ $title }}</h1>
            <p>พื้นที่นี้พร้อมต่อฟีเจอร์จริงในขั้นถัดไป</p>
        </div>
        <div class="hero-chip">กำลังออกแบบ</div>
    </div>

    <div class="portal-head">
        <div>
            <h2>งานในหมวดนี้</h2>
            <p class="page-subtitle">โครงหน้าพร้อมสำหรับเพิ่มฟีเจอร์ย่อย</p>
        </div>
    </div>

    <div class="portal-grid">
        <a class="portal-card" href="#">
            <div class="portal-icon">FM</div>
            <div class="portal-title">แบบฟอร์ม</div>
            <div class="portal-sub">บันทึกข้อมูล</div>
        </a>
        <a class="portal-card" href="#">
            <div class="portal-icon">TB</div>
            <div class="portal-title">รายการข้อมูล</div>
            <div class="portal-sub">ค้นหาและจัดการ</div>
        </a>
        <a class="portal-card" href="#">
            <div class="portal-icon">RP</div>
            <div class="portal-title">รายงาน</div>
            <div class="portal-sub">พิมพ์หรือส่งออก</div>
        </a>
    </div>

    <div class="friendly-grid">
        <div class="card">
            <h2 style="margin:0 0 4px">สิ่งที่จะทำในเมนูนี้</h2>
            <div class="compact-list" style="margin-top:14px">
                <div class="compact-item"><span class="compact-dot"></span><span>เพิ่มฟอร์มหรือหน้าบันทึกข้อมูล</span></div>
                <div class="compact-item"><span class="compact-dot"></span><span>ทำตารางรายการและระบบค้นหา</span></div>
                <div class="compact-item"><span class="compact-dot"></span><span>กำหนดสิทธิ์การดูและแก้ไขตามบทบาท</span></div>
            </div>
        </div>

        <div class="card">
            <h2 style="margin:0 0 4px">สถานะ</h2>
            <p class="page-subtitle">เมนูถูกวางไว้ในระบบแล้ว แต่ยังไม่ได้ผูก workflow เฉพาะงาน</p>
        </div>
    </div>
@endsection