@extends('layouts.app-sub')

@section('title', '주문 상세 내역 - GLOBEAU')
@section('header-title', '주문 상세 내역')

@section('content')
<div class="py-2">
    <!-- 상단 주문 기본 정보 카드 (.item-card) -->
    <div class="card item-card shadow-sm p-3 p-md-4 mb-3">
        <!-- 첫 번째 줄: 주문번호 / 주문일시 -->
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center border-bottom pb-3 mb-3 gap-2">
            <div>
                <span class="text-muted fs-xs d-block mb-1">주문번호</span>
                <h5 class="fw-bold text-dark mb-0 text-nowrap fs-5">{{ $order->order_code ?? $order->id }}</h5>
            </div>
            <div class="text-md-end text-muted fs-sm">
                <span>주문일시:</span> <span class="text-dark fw-medium">{{ $order->created_at->format('Y.m.d (H:i)') }}</span>
            </div>
        </div>

        <!-- 두 번째 줄: 결제 상태 뱃지 / 결제수단 -->
        @php
            $orderStatus = strtolower(trim($order->status));
            if (in_array($orderStatus, ['completed', 'paid', 'delivered'])) {
                $statusBadgeClass = 'badge-state-success';
            } elseif (in_array($orderStatus, ['pending', 'deposit_pending', 'preparing', 'shipping'])) {
                $statusBadgeClass = 'badge-state-warning';
            } elseif (in_array($orderStatus, ['cancelled', 'failed', 'expired', 'refunded'])) {
                $statusBadgeClass = 'badge-state-danger';
            } else {
                $statusBadgeClass = 'badge-state-neutral';
            }
        @endphp
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <span class="badge px-3 py-2 fw-semibold fs-xs {{ $statusBadgeClass }}">
                    {{ $order->status_label }}
                </span>
            </div>
            <div class="text-muted fs-sm">
                <span>결제수단:</span> 
                <span class="text-dark fw-medium">
                    @if($order->payment_method === 'card') 신용카드
                    @elseif($order->payment_method === 'transfer') 무통장 입금
                    @elseif($order->payment_method === 'mobile') 휴대폰 결제
                    @else {{ $order->payment_method }} @endif
                </span>
            </div>
        </div>

        <!-- 무통장 입금 안내 박스 (.box-soft-primary) -->
        @if($order->payment_method === 'transfer')
            <div class="box-soft-primary small mt-2">
                <div class="fw-bold mb-2 text-brand">
                    <i class="fas fa-info-circle me-1"></i>무통장 입금 안내
                </div>
                <div class="d-flex flex-column gap-2 text-dark">
                    <div class="d-flex flex-column flex-md-row justify-content-md-between align-items-md-center">
                        <span class="text-muted mb-1 mb-md-0">입금 계좌</span>
                        <span class="fw-bold font-monospace fs-sm">OO은행 123-456-789012 (주)글로뷰</span>
                    </div>
                    <div class="d-flex justify-content-between align-items-center">
                        <span class="text-muted">입금할 금액</span>
                        <span class="fw-bold text-brand fs-6">{{ number_format($order->total_amount ?? 0) }}원</span>
                    </div>
                    <div class="d-flex justify-content-between align-items-center">
                        <span class="text-muted">입금자 성명</span>
                        <span class="fw-medium">{{ $order->depositor_name ?? $order->orderer_name }}</span>
                    </div>
                    @if($order->deposit_due_at)
                    <div class="d-flex justify-content-between align-items-center pt-2 border-top mt-1">
                        <span class="text-danger">입금 마감 기한</span>
                        <span class="fw-bold text-danger fs-sm">{{ \Carbon\Carbon::parse($order->deposit_due_at)->format('Y.m.d H:i') }} 까지</span>
                    </div>
                    @endif
                </div>
            </div>
        @endif
    </div>

    <!-- 주문 상품 목록 카드 (.item-card) -->
    <div class="card item-card shadow-sm p-3 p-md-4 mb-3">
        <h6 class="fw-bold text-dark mb-3 pb-2 border-bottom fs-6">주문 상품 정보</h6>
        <div class="d-flex flex-column gap-3">
            @foreach($order->items as $item)
                @php
                    $itemType = strtolower(trim($item->item_type ?? 'program'));

                    if ($itemType === 'product') {
                        $typeName = '상품';
                        $typeBadgeClass = 'badge-soft-secondary';
                        $itemName = $item->product ? $item->product->name : ($item->name ?? '주문 상품');
                    } else {
                        $program = $item->program;
                        $executionType = $program ? $program->execution_type : 'single';

                        if ($executionType === 'package_separate') {
                            $typeName = '스페셜 패키지';
                            $typeBadgeClass = 'badge-soft-purple';
                        } elseif ($executionType === 'package_single') {
                            $typeName = '베이직 패키지';
                            $typeBadgeClass = 'badge-soft-blue';
                        } else {
                            $typeName = '기본 프로그램';
                            $typeBadgeClass = 'badge-soft-primary';
                        }

                        $itemName = $program ? $program->name : ($item->name ?? '예약 프로그램');
                    }

                    $isPaid = in_array($orderStatus, ['completed', 'paid', 'delivered', '결제완료']);
                    $tickets = $item->userTickets ?? collect();
                @endphp

                <div class="py-3 border-bottom last-border-0">
                    <!-- 상품 분류 배지 / 단가 합계 -->
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <span class="badge {{ $typeBadgeClass }} px-2 py-1 fw-bold fs-xs shadow-xs">
                                {{ $typeName }}
                            </span>
                        </div>
                        <div class="text-end flex-shrink-0">
                            <span class="fw-bold text-dark fs-6">{{ number_format(($item->unit_price ?? 0) * ($item->quantity ?? 1)) }}원</span>
                        </div>
                    </div>

                    <!-- 상품명 (2줄 말줄임: .text-clamp-2) / 수량 -->
                    <div class="mb-1">
                        <h6 class="fw-bold text-dark text-clamp-2 mb-1 fs-base">{{ $itemName }}</h6>
                        <span class="text-muted fs-sm">수량: {{ $item->quantity ?? 1 }}개</span>
                    </div>

                    <!-- 연결 발급 티켓 목록 (결제 완료 프로그램일 때) -->
                    @if($isPaid && $itemType !== 'product' && $tickets->count() > 0)
                        <div class="mt-2 pt-2 border-top d-flex flex-wrap gap-2 align-items-center p-2 rounded bg-light border">
                            <span class="fw-semibold text-brand fs-xs">발급 티켓:</span>
                            @foreach($tickets as $index => $ticket)
                                <a href="{{ route('mypage.tickets.show', $ticket->id) }}" 
                                   class="btn btn-sm btn-premium py-1 px-2 fw-semibold fs-xs text-decoration-none d-inline-flex align-items-center">
                                    <i class="fas fa-ticket-alt me-1"></i>티켓 #{{ $index + 1 }} 보기
                                </a>
                            @endforeach
                        </div>
                    @endif
                </div>
            @endforeach
        </div>

        <!-- 결제 총액 요약 -->
        <div class="d-flex justify-content-between align-items-center pt-3 mt-3 border-top">
            <span class="fw-bold text-dark fs-6">총 결제금액</span>
            <span class="fw-bold fs-5 text-brand">{{ number_format($order->total_amount ?? $order->total_price ?? 0) }}원</span>
        </div>
    </div>

    <!-- 주문자 정보 카드 (.item-card) -->
    <div class="card item-card shadow-sm p-3 p-md-4 mb-4">
        <h6 class="fw-bold text-dark mb-3 pb-2 border-bottom fs-6">주문자 정보</h6>
        <div class="row g-2 fs-sm">
            <div class="col-4 text-muted">주문자명</div>
            <div class="col-8 text-dark fw-medium">{{ $order->orderer_name ?? '-' }}</div>
            <div class="col-4 text-muted">연락처</div>
            <div class="col-8 text-dark fw-medium">{{ $order->orderer_phone ?? '-' }}</div>
            <div class="col-4 text-muted">이메일</div>
            <div class="col-8 text-dark fw-medium">{{ $order->orderer_email ?? '-' }}</div>
            @if($order->payment_method === 'transfer')
                <div class="col-4 text-muted">입금자명</div>
                <div class="col-8 text-dark fw-medium">{{ $order->depositor_name ?? '-' }}</div>
            @endif
        </div>
    </div>

    <!-- 목록으로 돌아가기 버튼 -->
    <div class="text-center">
        <a href="{{ route('mypage.orders.index') }}" class="btn btn-outline-secondary px-4 py-2 fw-semibold fs-sm">
            목록으로 돌아가기
        </a>
    </div>
</div>
@endsection