@extends('layouts.app-sub')

@section('title', '디지털 티켓 - GLOBEAU')
@section('header-title', '디지털 티켓 보관함')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/mypage/user_mypage.css') }}">
<style>
    .btn-package-info {
        display: inline-flex;
        align-items: center;
        background-color: #ffffff;
        border: 1px solid var(--border-default);
        color: var(--text-secondary);
        font-size: 0.75rem;
        padding: 0.2rem 0.5rem;
        border-radius: var(--radius-fixed);
        transition: all 0.2s ease;
        text-decoration: none;
    }
    .btn-package-info:hover {
        background-color: var(--color-gray-bg);
        color: var(--primary-dark);
        border-color: var(--primary-border);
    }
</style>
@endpush

@section('content')
<div class="py-2">
    <!-- 상단 안내문 -->
    <div class="d-flex justify-content-between align-items-center mb-3">
        <p class="text-muted small mb-0">발급된 프리미엄 뷰티 프로그램 티켓 목록입니다.</p>
    </div>

    @if(isset($tickets) && $tickets->count() > 0)
        <!-- 티켓 목록 -->
        <div class="d-flex flex-column gap-3">
            @foreach($tickets as $ticket)
                @php
					$program = $ticket->orderItem->program ?? null;
					$executionType = strtolower(trim($program->execution_type ?? ($ticket->execution_type ?? 'single')));
					
					$isPackage = str_contains($executionType, 'package') || in_array($executionType, ['package_single', 'package_separate', 'separate', 'special']);
					$isSeparate = str_contains($executionType, 'separate') || str_contains($executionType, 'special') || $executionType === 'package_separate';

					// 1. 카테고리 배지 매핑
					if ($executionType === 'package_separate') {
						$typeName = '스페셜 패키지';
						$typeBadgeClass = 'badge-soft-purple';
						$packageDesc = '본 패키지는 <strong>각각의 구성 시술을 1회차씩 나누어 개별 예약·이용할 수 있는 분할 패키지</strong>입니다.';
					} elseif ($executionType === 'package_single') {
						$typeName = '베이직 패키지';
						$typeBadgeClass = 'badge-soft-blue';
						$packageDesc = '본 패키지는 <strong>1회 방문 시 아래의 모든 구성 코스를 한 번에 통합하여 집중 케어받는 베이직 패키지</strong>입니다.';
					} else {
						$typeName = '기본 프로그램';
						$typeBadgeClass = 'badge-soft-primary';
						$packageDesc = '본 프로그램의 시술 구성 안내입니다.';
					}

					$ticketStatus = strtolower(trim($ticket->status ?? 'active'));
					$statusLabels = [
						'active'    => '사용 가능',
						'exhausted' => '사용 완료',
						'expired'   => '기간 만료',
						'cancelled' => '취소됨',
					];
					$statusText = $statusLabels[$ticketStatus] ?? '사용 가능';

					if (in_array($ticketStatus, ['exhausted', 'expired'])) {
						$badgeClass = 'badge-state-warning';
					} elseif (in_array($ticketStatus, ['cancelled'])) {
						$badgeClass = 'badge-state-danger';
					} else {
						$badgeClass = 'badge-state-success';
					}

					$rawTicketCode = $ticket->ticket_code ?? $ticket->id;
					$formattedTicketCode = implode('-', str_split($rawTicketCode, 4));

					// 티켓 아이템 조회 (스페셜 패키지 및 단일 예약용)
					$ticketItems = \Illuminate\Support\Facades\DB::table('user_ticket_items')
						->where('user_ticket_id', $ticket->id)
						->get();

					$totalRemaining = $ticketItems->count() > 0 ? $ticketItems->sum(function($item) {
						return $item->remaining_count ?? ($item->remaining ?? 1);
					}) : ($ticket->remaining_count ?? 1);

					$totalCount = $ticketItems->count() > 0 ? $ticketItems->sum(function($item) {
						return $item->total_count ?? ($item->total ?? 1);
					}) : ($ticket->total_count ?? 1);
					
					$firstTicketItem = $ticketItems->first();
					$targetReservationId = $firstTicketItem ? ($firstTicketItem->id ?? $ticket->id) : $ticket->id;

					// 베이직 패키지일 때 프로그램 번들 테이블에서 구성 목록 직접 조회
					$bundleItems = collect();
					if ($isPackage && !$isSeparate && $program) {
						if (\Illuminate\Support\Facades\Schema::hasTable('program_bundles')) {
							// ⭕ 실제 존재하는 parent_program_id 단일 컬럼으로 조회
							$bundleItems = \Illuminate\Support\Facades\DB::table('program_bundles')
								->where('parent_program_id', $program->id)
								->orderBy('id', 'asc')
								->get();
						}
					}
				@endphp

                <!-- 티켓 카드 -->
                <div class="card item-card shadow-sm hover-card" style="border-radius: var(--radius-fixed); background: #ffffff;">
                    <!-- 카드 헤더: 유형 배지 & [? 구성품] 버튼 & 우측 상태 배지 -->
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div class="d-flex align-items-center gap-2">
                            <span class="badge {{ $typeBadgeClass }} px-2 py-1 fw-bold fs-xs">
                                {{ $typeName }}
                            </span>
                            
                            {{--  ? 원형 대신 [? 구성품] 라벨 버튼 적용 --}}
                            @if($isPackage)
                                <button type="button" 
                                        class="btn-package-info shadow-none" 
                                        data-bs-toggle="modal" 
                                        data-bs-target="#packageModal{{ $ticket->id }}" 
                                        title="패키지 세부 구성품 확인">
                                    <i class="fas fa-question-circle text-brand me-1"></i>구성품
                                </button>
                            @endif
                        </div>
                        <span class="badge px-3 py-1 fw-semibold fs-xs {{ $badgeClass }}">
                            {{ $statusText }}
                        </span>
                    </div>

                    <!-- 카드 본문: 프로그램명 및 티켓 코드 -->
                    <div class="mb-2">
                        <h6 class="fw-bold text-dark mb-1 fs-base text-clamp-2">
                            {{ $program->name ?? ($ticket->orderItem->name ?? '프리미엄 뷰티 프로그램') }}
                        </h6>
                        <span class="text-muted font-monospace fs-xs">코드: {{ $formattedTicketCode }}</span>
                    </div>

                    <!-- 카드 메타 박스: 잔여, 소요시간, 만료일 -->
                    <div class="p-2 rounded mb-2 bg-light d-flex flex-wrap text-dark fs-sm gap-3" style="border-radius: var(--radius-fixed);">
                        <div>
                            <span class="text-muted">잔여:</span> 
                            <span class="fw-bold text-brand">{{ $totalRemaining }}회 / 총 {{ $totalCount }}회</span>
                        </div>
                        @if($program && $program->duration_minutes)
                        <div>
                            <span class="text-muted">소요:</span> 
                            <span class="fw-medium">{{ $program->duration_minutes }}분</span>
                        </div>
                        @endif
                        @if($ticket->expires_at)
                        <div>
                            <span class="text-muted">만료:</span> 
                            <span class="fw-medium text-danger">{{ \Carbon\Carbon::parse($ticket->expires_at)->format('Y.m.d') }}까지</span>
                        </div>
                        @endif
                    </div>

                    <!-- 카드 하단: 발급일자 및 액션 버튼군 -->
                    <div class="border-top pt-2 mt-2 d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2">
                        <div class="w-100 w-md-auto text-start">
                            <span class="text-muted fs-xs">
                                <i class="far fa-calendar-alt me-1"></i>{{ $ticket->created_at ? $ticket->created_at->format('Y.m.d') : '-' }} 발급
                            </span>
                        </div>
                        <div class="d-flex align-items-center w-100 w-md-auto gap-2">
                            @if(!$isSeparate && $targetReservationId && $ticketStatus === 'active' && $totalRemaining > 0)
                                <a href="{{ route('mypage.reservations.create', $targetReservationId) }}" 
                                   class="btn btn-sm btn-premium flex-fill px-3 py-2 fw-semibold fs-xs text-decoration-none text-white text-center">
                                    예약하기
                                </a>
                                <a href="{{ route('mypage.tickets.show', $ticket->id) }}" 
                                   class="btn btn-sm btn-outline-secondary flex-fill px-3 py-2 fw-semibold fs-xs text-decoration-none text-center" style="border-radius: var(--radius-fixed);">
                                    티켓 및 QR 보기 <i class="fas fa-chevron-right ms-1"></i>
                                </a>
                            @else
                                <a href="{{ route('mypage.tickets.show', $ticket->id) }}" 
                                   class="btn btn-sm btn-outline-secondary w-100 px-3 py-2 fw-semibold fs-xs text-decoration-none text-center" style="border-radius: var(--radius-fixed);">
                                    티켓 및 QR 보기 <i class="fas fa-chevron-right ms-1"></i>
                                </a>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- 🌟 패키지 구성품 안내 모달 (#packageModal{{ $ticket->id }}) -->
				@if($isPackage)
				<div class="modal fade" id="packageModal{{ $ticket->id }}" tabindex="-1" aria-labelledby="packageModalLabel{{ $ticket->id }}" aria-hidden="true">
					<div class="modal-dialog modal-dialog-centered" style="max-width: 440px;">
						<div class="modal-content border-0 shadow" style="border-radius: var(--radius-fixed);">
							
							<div class="modal-header border-bottom py-3 px-4">
								<div class="d-flex align-items-center gap-2">
									<span class="badge {{ $typeBadgeClass }} px-2 py-1 fs-xs">{{ $typeName }}</span>
									<h6 class="modal-title fw-bold text-dark fs-base mb-0" id="packageModalLabel{{ $ticket->id }}">
										패키지 구성 품목 안내
									</h6>
								</div>
								<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
							</div>

							<div class="modal-body py-3 px-4">
								<!-- 안내 문구 박스 -->
								<div class="p-3 mb-3" style="background-color: var(--color-gray-bg); border-radius: var(--radius-fixed); border: 1px solid var(--border-default);">
									<p class="text-secondary mb-0 fs-sm" style="line-height: 1.5;">
										{!! $packageDesc !!}
									</p>
								</div>

								<!-- 품목 타이틀 -->
								<div class="mb-2 text-dark fw-bold fs-xs d-flex justify-content-between align-items-center">
									<span><i class="fas fa-list-ul text-brand me-1"></i>포함된 구성 코스</span>
									<span class="text-muted fw-normal fs-xxs">
										@if(!$isSeparate)
											*1회 방문 시 전 과정 일괄 제공
										@else
											*개별 회차 분할 차감
										@endif
									</span>
								</div>

								<ul class="list-group list-group-flush border rounded" style="border-radius: var(--radius-fixed) !important;">
									
									{{-- ========================================================
										 케이스 A: 베이직 패키지 (program_bundles 테이블 조회)
										 ======================================================== --}}
									@if(!$isSeparate)
										@if($bundleItems->count() > 0)
											@foreach($bundleItems as $idx => $bundle)
												@php
													// 번들 테이블 컬럼 탐색 (아이템명, 서브 프로그램 ID 등)
													$subProgramId = $bundle->sub_program_id ?? ($bundle->item_program_id ?? ($bundle->child_program_id ?? null));
													$bundleName = $bundle->name ?? ($bundle->item_name ?? null);
													$duration = $bundle->duration_minutes ?? null;

													if (!$bundleName && $subProgramId) {
														$subProg = \App\Models\Program::find($subProgramId);
														$bundleName = $subProg?->name;
														$duration = $duration ?? $subProg?->duration_minutes;
													}
													$bundleName = $bundleName ?? '코스 ' . ($idx + 1);
												@endphp
												<li class="list-group-item d-flex justify-content-between align-items-center py-2 px-3 fs-sm">
													<div class="text-truncate me-2">
														<span class="badge bg-light text-dark border me-1 fs-xxs font-monospace">{{ $idx + 1 }}</span>
														<span class="fw-semibold text-dark">{{ $bundleName }}</span>
														@if($duration)
															<span class="text-muted fs-xxs ms-1">({{ $duration }}분)</span>
														@endif
													</div>
													<span class="badge badge-soft-blue px-2 py-1 fs-xxs fw-semibold flex-shrink-0">
														1회 포함
													</span>
												</li>
											@endforeach
										@else
											{{-- 혹시 번들 테이블에 등록이 안 되어 있는 경우 기본 프로그램명 출력 --}}
											<li class="list-group-item py-2 px-3 fs-sm text-dark">
												<div class="d-flex justify-content-between align-items-center">
													<span class="fw-semibold">{{ $program->name ?? '기본 베이직 패키지 코스' }}</span>
													<span class="badge badge-soft-blue px-2 py-1 fs-xxs">1회 일괄 케어</span>
												</div>
											</li>
										@endif

									{{-- ========================================================
										 케이스 B: 스페셜 패키지 (user_ticket_items 테이블 조회)
										 ======================================================== --}}
									@else
										@if($ticketItems->count() > 0)
											@foreach($ticketItems as $ticketItem)
												@php
													$itemId = $ticketItem->id ?? null;
													$itemRemCount = $ticketItem->remaining_count ?? ($ticketItem->remaining ?? 1);
													$itemTotCount = $ticketItem->total_count ?? ($ticketItem->total ?? 1);
													$itemName = $ticketItem->program_name ?? null;
													
													if (!$itemName && isset($ticketItem->program_id)) {
														$itemName = \App\Models\Program::where('id', $ticketItem->program_id)->value('name');
													}
													$itemName = $itemName ?? '구성 시술 케어';
												@endphp
												<li class="list-group-item d-flex justify-content-between align-items-center py-2 px-3 fs-sm">
													<div class="text-truncate me-2">
														<span class="fw-semibold text-dark">{{ $itemName }}</span>
													</div>
													<div class="d-flex align-items-center gap-2 flex-shrink-0">
														<span class="badge bg-light text-dark border px-2 py-1 fs-xs">
															{{ $itemRemCount }}회 / 총 {{ $itemTotCount }}회
														</span>

														@if($ticketStatus === 'active' && $itemId && $itemRemCount > 0)
															<a href="{{ route('mypage.reservations.create', $itemId) }}" 
															   class="btn btn-sm btn-premium px-2 py-1 fw-semibold text-decoration-none text-white fs-xs">
																예약
															</a>
														@endif
													</div>
												</li>
											@endforeach
										@else
											<li class="list-group-item text-center text-muted py-3 fs-sm">
												등록된 세부 구성 품목 정보가 없습니다.
											</li>
										@endif
									@endif

								</ul>
							</div>

							<!-- 모달 하단 액션 버튼 -->
							<div class="modal-footer border-top py-3 px-4 d-flex gap-2">
								@if(!$isSeparate && $targetReservationId && $ticketStatus === 'active' && $totalRemaining > 0)
									<button type="button" class="btn btn-light btn-sm flex-fill py-2 fs-sm text-muted" data-bs-dismiss="modal" style="border-radius: var(--radius-fixed);">닫기</button>
									<a href="{{ route('mypage.reservations.create', $targetReservationId) }}" 
									   class="btn btn-premium btn-sm fw-bold flex-fill py-2 text-white fs-sm text-center">
										패키지 예약하기
									</a>
								@else
									<button type="button" class="btn btn-premium w-100 py-2 fs-sm fw-bold" data-bs-dismiss="modal">
										확인 완료
									</button>
								@endif
							</div>

						</div>
					</div>
				</div>
				@endif
            @endforeach
        </div>

        <!-- 페이징 영역 -->
        @if(method_exists($tickets, 'links'))
            <div class="custom-pagination d-flex justify-content-center mt-4">
                {{ $tickets->links() }}
            </div>
        @endif

    @else
        <!-- 빈 목록 안내 카드 -->
        <div class="card item-card shadow-sm p-4 text-center" style="border-radius: var(--radius-fixed);">
            <div class="py-4">
                <div class="text-muted mb-3 fs-1 opacity-50">
                    <i class="fas fa-ticket-alt"></i>
                </div>
                <h6 class="fw-bold text-dark mb-1 fs-6">보유 중인 티켓이 없습니다.</h6>
                <p class="text-muted small mb-4">다양한 뷰티 프로그램을 만나보고 예약해보세요!</p>
                <a href="{{ route('main') }}" class="btn btn-premium px-4 py-2 fw-semibold fs-sm">
                    프로그램 보러가기
                </a>
            </div>
        </div>
    @endif
</div>
@endsection