@extends('layouts.app')

@section('title', '주문 완료 - GLOBEAU')

@section('content')
<main class="py-5 bg-light">
    <div class="container" style="max-width: 700px;">

        <div class="card border-0 shadow-sm p-5 bg-white text-center" style="border-radius: var(--radius-fixed);">
            <div class="mb-4">
                <div class="d-inline-flex align-items-center justify-content-center bg-success-subtle text-success rounded-circle" style="width: 80px; height: 80px;">
                    <i class="fas fa-check fs-2"></i>
                </div>
            </div>

            <h2 class="fw-bold text-dark mb-2">주문이 성공적으로 완료되었습니다!</h2>
            <p class="text-muted small mb-4">고객님의 프리미엄 뷰티 테라피 신청 및 결제가 정상적으로 처리되었습니다.</p>

            <div class="bg-light p-4 text-start mb-4 border" style="border-radius: var(--radius-fixed);">
                <div class="d-flex justify-content-between mb-2 small">
                    <span class="text-muted">주문 번호</span>
                    <!-- order_number 대신 order_code 사용 -->
                    <span class="fw-bold text-dark font-monospace">{{ $order->order_code ?? $order->id }}</span>
                </div>
                <div class="d-flex justify-content-between mb-2 small">
                    <span class="text-muted">결제 수단</span>
                    <span class="fw-bold text-dark">
                        @switch($order->payment_method)
                            @case('card') 신용/체크카드 @break
                            @case('transfer') 무통장 입금 (입금 대기) @break
                            @case('mobile') 휴대폰 결제 @break
                            @default 기타
                        @endswitch
                    </span>
                </div>
                <div class="d-flex justify-content-between mb-2 small">
                    <span class="text-muted">주문자 성함</span>
                    <span class="fw-bold text-dark">{{ $order->orderer_name }}</span>
                </div>
                <hr class="opacity-25">
                <div class="d-flex justify-content-between align-items-center">
                    <span class="fw-bold text-dark">총 결제 금액</span>
                    <span class="fw-bold text-brand fs-4">{{ number_format($order->total_amount) }}원</span>
                </div>
            </div>

            <!-- 홈으로 가기 및 실제 주문/티켓 상세 내역 보기 링크 연결 -->
            <div class="d-flex justify-content-center gap-3">
                <a href="{{ route('main') }}" class="btn btn-outline-secondary px-4 py-2 fw-semibold" style="border-radius: var(--radius-fixed);">홈으로 가기</a>
                <a href="{{ route('mypage.orders.show', $order->id) }}" class="btn btn-premium px-4 py-2 fw-semibold" style="border-radius: var(--radius-fixed);">주문/티켓 내역 보기</a>
            </div>
        </div>

    </div>
</main>
@endsection