@extends('layout')

@section('css')
{!! resource('css/checkout.css') !!}
@endsection

@section('gnb', view('gnb', ['service'=>$service]))
@section('subgnb', view('ielts.gnb'))

@section('content')
<main class="container complete-container">
    <div class="wrapper complete-wrapper">
        <div class="box-complete">
            <p>
                <strong>주문이 성공적으로 완료되었습니다.</strong>
            </p>
            <span>주문번호: {{ $enrollment->id }}</span>
            <button onclick="location.href='{{ route('classroom') }}'">나의 강의실 가기</button>
        </div>
        <table class="table-complete">
            <colgroup>
                <col width="20%">
                <col width="30%">
                <col width="20%">
                <col width="30%">
            </colgroup>
            <tbody>
                <tr>
                    <th>수강상품명</th>
                    <td class="product">
                        <span class="service-id">{{ $enrollment->product->service_id==2 ? '어학원':'인강' }}</span>
                        {{ $enrollment->product->name }} 
                        <span class="product-option">{{ $enrollment->productOption->name }}</span>
                    </td>
                    <th>결제가격</th>
                    <td>{{ number_format($enrollment->payment->price) }}원</td>
                </tr>
                <tr>
                    <th>주문자명</th>
                    <td>{{ $enrollment->user->name }}</td>
                    <th>배송국가</th>
                    <td>{{ $enrollment->deliveries->first()->country->name }}</td>
                </tr>
                <tr class="last">
                    <th>연락처</th>
                    <td>{{ BaseHelper::formatPhoneNumber($enrollment->user->phone) }}</td>
                    <th>주소</th>
                    <td>{{ $enrollment->user->address .' '. $enrollment->user->address_detail }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</main>
@endsection

@section('footer', view('footer'))