🍕 푸드트럭 메뉴판 & 실시간 주문 접수 시스템

mkdir food-truck-menu-order-system && cd food-truck-menu-order-system

이 폴더에서 푸드트럭 메뉴판 & 주문 시스템 프로젝트를 시작합니다.

Laravel 13.x + Inertia.js + React 19 프로젝트를 생성해주세요:

```bash
npx create-laravel@latest . --breeze --stack=react --no-interaction
```

프로젝트 생성 후 다음 설정을 해주세요:

1. `.env` 파일에서 데이터베이스를 SQLite로 설정:
```
DB_CONNECTION=sqlite
```

2. `database/database.sqlite` 파일 생성

3. 기본 마이그레이션 실행:
```bash
php artisan migrate
```

4. 개발 서버 실행:
```bash
php artisan serve
# 별도 터미널에서
npm run dev
```

프로젝트가 정상적으로 실행되는지 확인하고, Laravel Breeze의 기본 인증 화면이 표시되는지 테스트해주세요.

푸드트럭 시스템을 위한 데이터베이스 스키마를 설계하고 마이그레이션을 생성해주세요.

필요한 테이블:

1. **categories** (메뉴 카테고리)
   - id (PK)
   - name (string, 카테고리명 예: '메인메뉴', '사이드', '음료')
   - display_order (integer, 정렬 순서)
   - timestamps

2. **menu_items** (메뉴 항목)
   - id (PK)
   - category_id (FK to categories)
   - name (string, 메뉴명)
   - description (text, 설명)
   - price (decimal, 가격)
   - image_path (string, nullable, 이미지 경로)
   - is_available (boolean, default true, 품절 여부)
   - is_popular (boolean, default false, 인기 메뉴)
   - timestamps

3. **orders** (주문)
   - id (PK)
   - order_number (string, unique, 6자리 코드)
   - customer_name (string, 고객명)
   - customer_phone (string, 연락처)
   - status (enum: 'pending', 'preparing', 'completed', default 'pending')
   - special_request (text, nullable, 특별 요청사항)
   - total_amount (decimal, 총 금액)
   - timestamps

4. **order_items** (주문 항목)
   - id (PK)
   - order_id (FK to orders)
   - menu_item_id (FK to menu_items)
   - quantity (integer, 수량)
   - price (decimal, 주문 당시 가격)
   - timestamps

마이그레이션 파일을 생성하고 실행해주세요:
```bash
php artisan make:migration create_food_truck_tables
php artisan migrate
```

또한 각 테이블에 대응하는 Eloquent 모델을 생성하고, 관계를 설정해주세요:
- Category hasMany MenuItem
- MenuItem belongsTo Category
- Order hasMany OrderItem
- OrderItem belongsTo Order, belongsTo MenuItem

시더(Seeder)를 생성하여 초기 데이터를 입력해주세요.

`database/seeders/FoodTruckSeeder.php` 파일을 생성하고 다음 데이터를 삽입:

**카테고리:**
- 메인메뉴 (display_order: 1)
- 사이드 (display_order: 2)
- 음료 (display_order: 3)

**메뉴 항목 (각 카테고리별 3~4개):**

메인메뉴:
- 치즈버거 - 9,000원 (인기메뉴)
- 베이컨버거 - 10,500원
- 새우버거 - 11,000원
- 치킨텐더 - 8,500원

사이드:
- 감자튀김 - 3,500원 (인기메뉴)
- 어니언링 - 4,000원
- 치즈스틱 - 4,500원

음료:
- 콜라 - 2,000원
- 사이다 - 2,000원
- 아이스티 - 2,500원

시더 실행:
```bash
php artisan make:seeder FoodTruckSeeder
php artisan db:seed --class=FoodTruckSeeder
```

데이터가 정상적으로 들어갔는지 tinker로 확인:
```bash
php artisan tinker
App\Models\MenuItem::with('category')->get();
```

고객용 메뉴판 페이지를 구현해주세요.

**라우트 설정 (routes/web.php):**
```php
Route::get('/', [MenuController::class, 'index'])->name('menu.index');
Route::get('/menu/{menuItem}', [MenuController::class, 'show'])->name('menu.show');
```

**컨트롤러 생성:**
```bash
php artisan make:controller MenuController
```

MenuController에서:
- `index()`: 모든 카테고리와 메뉴 항목을 로드하여 Inertia::render('Menu/Index')로 전달
- `show($menuItem)`: 특정 메뉴 상세 정보를 Inertia::render('Menu/Show')로 전달

**React 컴포넌트 생성 (resources/js/Pages/Menu/):**

1. `Index.jsx`: 메뉴판 메인 페이지
   - 카테고리 탭 (가로 스크롤 가능)
   - 카테고리별 메뉴 그리드 (이미지, 이름, 가격)
   - 인기 메뉴에 🔥 뱃지 표시
   - 품절 메뉴는 반투명 처리
   - 각 메뉴 클릭 시 장바구니 추가 버튼 모달

2. `Show.jsx`: 메뉴 상세 페이지 (선택사항)

Tailwind CSS로 모바일 최적화 디자인:
- 상단에 푸드트럭 로고/이름
- 카테고리 탭은 sticky header
- 메뉴 카드는 2열 그리드 (sm: 1열)
- 가격은 강조 표시

장바구니 상태 관리:
- React useState로 장바구니 배열 관리
- 하단에 고정된 '주문하기' 버튼 (장바구니 항목 수 표시)

아직 주문 기능은 구현하지 말고, 장바구니에 담는 UI만 완성해주세요.

주문 생성 기능을 구현해주세요.

**라우트 추가 (routes/web.php):**
```php
Route::post('/orders', [OrderController::class, 'store'])->name('orders.store');
Route::get('/orders/{orderNumber}', [OrderController::class, 'show'])->name('orders.show');
```

**컨트롤러 생성:**
```bash
php artisan make:controller OrderController
```

OrderController에서:

1. `store()` 메서드:
   - 요청 데이터 검증 (customer_name, customer_phone, cart items 필수)
   - 6자리 랜덤 주문번호 생성 (예: strtoupper(Str::random(6)))
   - Order 레코드 생성 (status: 'pending')
   - OrderItem 레코드들 생성 (각 장바구니 항목)
   - total_amount 계산 및 업데이트
   - 생성된 주문번호를 반환하여 주문 완료 페이지로 리다이렉트

2. `show($orderNumber)` 메서드:
   - 주문번호로 Order 조회 (with orderItems, menuItems)
   - Inertia::render('Orders/Show')로 주문 상세 전달

**React 컴포넌트:**

1. `Menu/Index.jsx` 수정:
   - '주문하기' 버튼 클릭 시 주문서 작성 모달 표시
   - 모달에서 고객명, 연락처, 특별 요청사항 입력 폼
   - Inertia.post('/orders', formData)로 주문 전송
   - 주문 완료 시 주문번호 페이지로 이동

2. `Orders/Show.jsx` 생성:
   - 주문번호 큰 글씨로 표시
   - 주문 상태 (대기중/조리중/완료) 뱃지
   - 주문 항목 목록 (메뉴명, 수량, 가격)
   - 총 금액
   - 고객 정보
   - 특별 요청사항
   - '메뉴판으로 돌아가기' 버튼

주문 완료 페이지는 고객이 북마크하여 나중에 주문 상태를 확인할 수 있도록 URL을 공유 가능하게 만들어주세요.

운영자용 주문 관리 페이지를 구현해주세요.

**라우트 추가 (routes/web.php):**
```php
Route::middleware(['auth'])->group(function () {
    Route::get('/admin/orders', [AdminOrderController::class, 'index'])->name('admin.orders.index');
    Route::patch('/admin/orders/{order}/status', [AdminOrderController::class, 'updateStatus'])->name('admin.orders.updateStatus');
    Route::get('/admin/dashboard', [AdminOrderController::class, 'dashboard'])->name('admin.dashboard');
});
```

**컨트롤러 생성:**
```bash
php artisan make:controller AdminOrderController
```

AdminOrderController에서:

1. `index()`: 오늘의 주문 목록을 최신순으로 조회 (with orderItems, menuItems), Inertia::render('Admin/Orders/Index')로 전달

2. `updateStatus(Order $order)`: 주문 상태 업데이트 (pending → preparing → completed), 검증 후 저장

3. `dashboard()`: 오늘의 통계 (총 주문 수, 매출액, 상태별 주문 수), Inertia::render('Admin/Dashboard')로 전달

**React 컴포넌트 (resources/js/Pages/Admin/):**

1. `Orders/Index.jsx`:
   - 상태별 탭 (전체/대기중/조리중/완료)
   - 주문 카드 목록 (주문번호, 고객명, 주문 항목 요약, 총액, 시간)
   - 각 주문 카드에 상태 변경 버튼 (대기중 → 조리중, 조리중 → 완료)
   - Inertia.patch()로 상태 업데이트
   - 자동 새로고침 (선택사항: 30초마다 Inertia.reload())

2. `Dashboard.jsx`:
   - 오늘의 통계 카드 (총 주문, 매출액, 완료율)
   - 최근 주문 목록 (최신 10개)
   - '주문 관리로 이동' 버튼

**네비게이션 수정:**
- Breeze의 기본 네비게이션에 '주문 관리', '대시보드' 링크 추가
- 로그인 후에만 표시

Tailwind CSS로 관리자 UI 스타일링:
- 주문 카드는 상태에 따라 색상 구분 (pending: yellow, preparing: blue, completed: green)
- 상태 변경 버튼은 크고 눈에 띄게
- 통계 카드는 그리드 레이아웃