@forelse($programs as $program)
@php
    $id = $program->id;
    $name = $program->name;
    $code = $program->code ?? '-';
    
    // 실행 방식 한국어 매핑
    $executionTypeMap = [
        'single' => '단품 프로그램',
        'package_single' => '베이직 패키지',
        'package_separate' => '스페셜 패키지'
    ];
    $executionType = $executionTypeMap[$program->execution_type] ?? '기본 프로그램';
    
    $salePrice = number_format($program->sale_price ?? 0);
    $originalPrice = number_format($program->original_price ?? 0);
    
    $isActive = $program->is_active ?? false;
    $pinned = $program->is_pinned ?? false;
    $isEventMall = $program->is_event_mall_item ?? false;
    
    $createdAt = optional($program->created_at)->format('Y-m-d');
    $thumbPath = $program->logo_path;
@endphp

<!-- 🌟 공용 app-card와 프로그램 전용 program-card-item 클래스 병행 적용 -->
<div class="app-card program-card-item {{ $pinned ? 'pinned' : '' }}" data-program-id="{{ $id }}">
    
    <!-- 상단 이미지 및 상단 배지 영역 -->
    <div class="app-card-img-wrap">
        <img src="{{ $thumbPath ? asset('storage/' . $thumbPath) : asset('images/default_thumb.png') }}" 
             alt="{{ $name }}" 
             onerror="this.src='https://placehold.co/600x600?text=Beauty+Program'">
        
        <div class="position-absolute top-0 start-0 p-3 d-flex gap-1 flex-wrap">
            @if($pinned)
                <span class="badge bg-primary shadow-sm" style="font-size: 0.7rem;"><i class="fa-solid fa-thumbtack me-1"></i>상단고정</span>
            @endif
            @if($isEventMall)
                <span class="badge bg-info text-dark shadow-sm" style="font-size: 0.7rem;">이벤트몰</span>
            @endif
            @if($isActive)
                <span class="badge bg-success shadow-sm" style="font-size: 0.7rem;">판매중</span>
            @else
                <span class="badge bg-secondary shadow-sm" style="font-size: 0.7rem;">판매중지</span>
            @endif
        </div>
    </div>

    <!-- 프로그램명 타이틀 (1줄 말줄임) -->
    <div class="app-card-title-wrap">
        <a href="{{ route('admin.programs.edit', $id) }}" class="app-card-title text-decoration-none d-block text-truncate" title="{{ $name }}">
            {{ $name }} <span class="text-muted small">({{ $code }})</span>
        </a>
    </div>

    <!-- 1. 실행 방식 / 등록일자 행 -->
    <div class="app-meta-row">
        <div class="app-meta-item" title="{{ $executionType }}">
            <i class="fa-solid fa-layer-group text-secondary me-1"></i>{{ $executionType }}
        </div>
        <div class="app-meta-item text-end" title="{{ $createdAt }}">
            <i class="fa-regular fa-calendar text-secondary me-1"></i>{{ $createdAt }}
        </div>
    </div>

    <!-- 2. 정가 / 최종 판매가 행 -->
    <div class="app-meta-row">
        <div class="app-meta-item text-muted" title="정가: {{ $originalPrice }}원">
            <span class="text-decoration-line-through">정가: {{ $originalPrice }}원</span>
        </div>
        <div class="app-meta-item text-end" title="판매가: {{ $salePrice }}원">
            <strong class="text-primary fs-6">{{ $salePrice }}원</strong>
        </div>
    </div>

    <!-- 하단 버튼 그룹 (보기, 수정, 삭제) -->
    <div class="d-flex gap-2 pt-2 border-top border-light">
        <a href="{{ route('admin.programs.edit', $id) }}" class="btn btn-outline-secondary btn-sm flex-fill py-2" style="font-size: 0.8rem;">
            <i class="fa-solid fa-eye me-1"></i> 보기
        </a>
        <a href="{{ route('admin.programs.edit', $id) }}" class="btn btn-primary btn-sm flex-fill py-2" style="font-size: 0.8rem;">
            <i class="fa-solid fa-pen-to-square me-1"></i> 수정
        </a>
        <form action="{{ route('admin.programs.destroy', $id) }}" method="POST" class="d-inline" onsubmit="return confirm('정말 삭제하시겠습니까?');">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-outline-danger btn-sm px-3 py-2" style="font-size: 0.8rem;" title="삭제">
                <i class="fa-solid fa-trash-can"></i>
            </button>
        </form>
    </div>

</div>
@empty
<div class="app-card border-0 shadow-sm text-center py-5">
    <div class="card-body text-muted">
        <i class="fa-solid fa-dumbbell fa-2x mb-2 text-secondary opacity-50"></i>
        <p class="mb-0">등록된 프로그램이 없습니다.</p>
    </div>
</div>
@endforelse