@extends('mobileAdmin.base', [
    'mainId' => 'orders',
    'currency' => $_COOKIE['currency'] ?? \App\Enumerables\Currency::CNY,
])

@section('title', '订单')

@section('content')
    <div class="order-detail-list">
        <div class="item-server">
            <a>
                <div class="item-header">
                    <div class="server-text">
                        <div class="server-name font-title">{{$orderItem['productTitle']->valueString}}</div>
                        <div class="server-start-date font-title">入学日期：{{$orderItem['startDate']}}</div>
                        <div class="server-price font-title bold">{{$orderItem['orderItemFee']}}</div>
                    </div>
                </div>
            </a>
            <div class="states-list">
                @if(!empty($orderItem['applicationStatus']) && is_iterable($orderItem['applicationStatus']))
                    <ul class="before-states">
                        @foreach($orderItem['applicationStatus'] as $key => $value)
                            <li>
                                <div class="left-point">
                                    <p class="inner-point"></p>
                                </div>
                                <div class="right-info">
                                    <div class="states-title font-title bold">
                                        {{$value['showStatus']}}
                                    </div>
                                    @if(!empty($value['demand']) && is_iterable($value['demand']))
                                        @foreach($value['demand'] as $demand)
                                            <div>{{$demand}}</div>
                                        @endforeach
                                    @endif
                                    <div class="states-time font-title">{{$value['updated']}}</div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </div>
        </div>
    </div>
@endsection