@forelse($shops as $shop)
@php
    $id = $shop->id;
    $name = $shop->name;
    $category = $shop->category->name ?? '뷰티 / 에스테틱'; 
    $owner = $shop->ceo_name ?? '미등록';
    $contact = $shop->tel ?? '연락처 없음';
    $address = trim(($shop->address1 ?? '') . ' ' . ($shop->address2 ?? '')) ?: '주소 정보 없음';
    $status = $shop->operating_status;
    $pinned = $shop->is_pinned ?? false;
    $createdAt = optional($shop->created_at)->format('Y-m-d');
    $thumbPath = $shop->logo_path;
@endphp

<div class="shop-card-item {{ $pinned ? 'pinned' : '' }}">
    
    <!-- 상단 이미지 (카드 좌우/상단 끝까지 꽉참) -->
    <div class="shop-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+Shop'">
        
        <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($status === 'active')
                <span class="badge bg-success shadow-sm" style="font-size: 0.7rem;">정상영업</span>
            @elseif($status === 'temp_closed')
                <span class="badge bg-warning text-dark shadow-sm" style="font-size: 0.7rem;">일시중지</span>
            @else
                <span class="badge bg-danger shadow-sm" style="font-size: 0.7rem;">운영정지</span>
            @endif
        </div>
    </div>

    <!-- 타이틀 (1줄 말줄임) -->
    <div class="shop-card-title-wrap">
        <a href="{{ route('admin.shops.edit', $id) }}" class="shop-card-title text-decoration-none d-block text-truncate" title="{{ $name }}">
            {{ $name }}
        </a>
    </div>

    <!-- 1. 카테고리 / 등록일자 행 -->
    <div class="shop-meta-row">
        <div class="shop-meta-item" title="{{ $category }}">
            <i class="fa-solid fa-tag text-secondary me-1"></i>{{ $category }}
        </div>
        <div class="shop-meta-item text-end" title="{{ $createdAt }}">
            <i class="fa-regular fa-calendar text-secondary me-1"></i>{{ $createdAt }}
        </div>
    </div>

    <!-- 2. 대표자 / 연락처 행 -->
    <div class="shop-meta-row">
        <div class="shop-meta-item" title="{{ $owner }}">
            <i class="fa-solid fa-user me-1 text-muted"></i><strong>대표:</strong> {{ $owner }}
        </div>
        <div class="shop-meta-item text-end" title="{{ $contact }}">
            <i class="fa-solid fa-phone me-1 text-muted"></i><strong>연락처:</strong> {{ $contact }}
        </div>
    </div>

    <!-- 3. 주소 행 (최대 2줄, 이후 말줄임) -->
    <div class="shop-card-address" title="{{ $address }}">
        <i class="fa-solid fa-location-dot me-1 text-muted"></i>{{ $address }}
    </div>

    <!-- 하단 버튼 그룹 -->
    <div class="d-flex gap-2 pt-2 border-top border-light">
        <a href="{{ route('admin.shops.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.shops.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.shops.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="card border-0 shadow-sm text-center py-5">
    <div class="card-body text-muted">
        <i class="fa-solid fa-store-slash fa-2x mb-2 text-secondary opacity-50"></i>
        <p class="mb-0">등록된 뷰티샵이 없습니다.</p>
    </div>
</div>
@endforelse