@component('emails.Components.CustomerBody', ['merchant' => $merchant])
    <div>
        <h1 class="h-3 color-{{ config('app.type') }}-site font-regular  mb-4">
            {{ $title }}
        </h1>
        <table>
            <tr>
                <td class="pb-4 h-6">
                    {!! html_entity_decode(nl2br($template)) !!}
                </td>
            </tr>
        </table>

        <h3 class="h-4 color-{{ config('app.type') }}-site mb-3 font-regular">
            {{ $orderTitle }}
        </h3>
        <table class="sectionOrderInfo w-100 p-3 bg-{{ config('app.type') }}-primary-light">
            <tr>
                <td class="p-3">
                    <table class="w-100">
                        <tr>
                            <td>
                                <span class="color-{{ config('app.type') }}-site font-medium">{{ $blueSessionTitle }}</span>
                                {!! html_entity_decode(nl2br($blueSessionTemplate)) !!}
                            </td>
                        </tr>
                        <!-- 小訂單區塊 -->
                        @if ($orderContainer->type == 'hotel' && $orderContainer->hotelOrders->isNotEmpty())
                            <!-- Hotel 訂單區塊 -->
                            @foreach ($orderContainer->hotelOrders as $hotelOrder)
                                <tr>
                                    <td class="pt-3">
                                        <table class="bg-white w-100">
                                            <tr>
                                                <td class="p-3">
                                                    <table class="w-100">
                                                        <tr>
                                                            <td class="pb-3">
                                                                <!-- Hotel 訂單區塊標題 -->
                                                                @if(config('app.type') == 'ipetbooking')
                                                                    <img src="{{ asset('email/images/site/ipetbooking-footstep.png') }}" width="18"
                                                                         alt="" class="" style="vertical-align: middle;">
                                                                @endif
                                                                @if($hotelOrder->guests && $hotelOrder->guests->isNotEmpty())
                                                                    <span class="color-{{ config('app.type') }}-primary">{{ $hotelOrder->guests->pluck('name')->implode('、') }}</span>
                                                                @endif
                                                                <br>
                                                                <span class="h-6">入住日期：{{ \DaydreamLab\Dddream\Helpers\ResourceHelper::formatHotelStayDateRange(
                                                                    $hotelOrder->check_in_date,
                                                                    $hotelOrder->check_out_date,
                                                                    $orderContainer->merchant->timezone,
                                                                    $showCheckoutDate ?? 1
                                                                ) }}</span>
                                                                <!-- Hotel 訂單區塊標題結束 -->
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <table class="w-100">
                                                                    <!-- 住宿天數明細 -->
                                                                    @foreach($hotelOrder->bookings as $booking)
                                                                        <tr>
                                                                            <td valign="top" class="color-{{ config('app.type') }}-text-dark pb-3">
                                                                                <span>{{ \DaydreamLab\Dddream\Helpers\ResourceHelper::getDateTimeString($booking->date, $orderContainer->merchant->timezone, 'Y/m/d') }}</span>
                                                                                @if($booking->roomType)
                                                                                    <br>
                                                                                    <span class="h-6 color-text">{{ $booking->roomType->title }}</span>
                                                                                @endif
                                                                                @if($booking->room)
                                                                                    <br>
                                                                                    <span class="h-6 color-text">房間：{{ $booking->roomType ? $booking->roomType->title : '' }} {{ str_pad($booking->room->number, 2, '0', STR_PAD_LEFT) }}</span>
                                                                                @endif
                                                                            </td>
                                                                            <td valign="top" align="right" width="50" class="pr-2 color-{{ config('app.type') }}-text-dark pb-3">
                                                                                {{ $booking->guest_count }} 位
                                                                            </td>
                                                                            <td valign="top" align="right" class="color-{{ config('app.type') }}-text-dark pb-3"
                                                                                style="white-space: nowrap;">
                                                                                @php
                                                                                    $roomPrice = $booking->price_snapshot->price ?? 0;
                                                                                    $extraGuestQty = max(0, ($booking->guest_count ?? 1) - 1);
                                                                                    $extraGuestTotal = ($booking->price_snapshot->extra_price ?? 0) * $extraGuestQty;
                                                                                    $bookingRowTotal = $roomPrice + $extraGuestTotal;
                                                                                @endphp
                                                                                NT$ {{ $bookingRowTotal }}
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                    <!-- 住宿天數明細結束 -->
                                                                    
                                                                    <!-- 折扣項目 -->
                                                                    @foreach($hotelOrder->discounts as $discount)
                                                                        <tr>
                                                                            <td valign="top" class="color-danger pb-3">
                                                                                <span>{{ $discount->title }}</span>
                                                                            </td>
                                                                            <td valign="top" align="right" width="50" class="pr-2 color-danger pb-3">
                                                                            </td>
                                                                            <td valign="top" align="right" class="color-danger pb-3"
                                                                                style="white-space: nowrap;">
                                                                                - NT$ {{ $discount->discount_amount }}
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                    <!-- 折扣項目結束 -->
                                                                    
                                                                    <!-- 加購項目 -->
                                                                    @foreach($hotelOrder->addons as $addon)
                                                                        <tr>
                                                                            <td valign="top" class="color-{{ config('app.type') }}-text-dark pb-3">
                                                                                <span>{{ $addon->title }}</span>
                                                                            </td>
                                                                            <td valign="top" align="right" width="50" class="pr-2 color-{{ config('app.type') }}-text-dark pb-3">
                                                                                X {{ $addon->addon_qty }}
                                                                            </td>
                                                                            <td valign="top" align="right" class="color-{{ config('app.type') }}-text-dark pb-3"
                                                                                style="white-space: nowrap;">
                                                                                NT$ {{ $addon->addon_price * ($addon->addon_qty ?? 1) }}
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                    <!-- 加購項目結束 -->
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <hr>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <table class="w-100">
                                                                    <tr>
                                                                        <td class="color-{{ config('app.type') }}-text-dark pt-3">
                                                                            小計
                                                                        </td>
                                                                        <td align="right" class="color-{{ config('app.type') }}-text-dark pt-3">
                                                                            NT$ {{ $hotelOrder->total }}
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            @endforeach
                            <!-- Hotel 訂單區塊結束 -->
                        @else
                            <!-- 一般訂單區塊 -->
                            @foreach ($orderContainer->orders as $order)
                            <tr>
                                <td class="pt-3">
                                    <table class="bg-white w-100">
                                        <tr>
                                            <td class="p-3">
                                                <table class="w-100">
                                                    <tr>
                                                        <td class="pb-3">
                                                            <!-- 小訂單區塊標題 -->
                                                            @if ($order->type == 'cosmetic')
                                                                @if(config('app.type') == 'ipetbooking')
                                                                    <img src="{{ asset('email/images/site/ipetbooking-footstep.png') }}" width="18"
                                                                         alt="" class="" style="vertical-align: middle;">
                                                                @else
                                                                    <img src="{{ asset('email/images/site/dingbeauty-footstep.png') }}" width="18"
                                                                         alt="" class="" style="vertical-align: middle;">
                                                                @endif
                                                                <span class="color-{{ config('app.type') }}-primary">{{ $order->pet->name }}</span> <span class="h-6">{{ $order->pet->size->parent->title }} | {{  $order->pet->size->title }}</span>
                                                                <br>
                                                                <span class="h-6">預約時間：{{ \DaydreamLab\Dddream\Helpers\ResourceHelper::getDateTimeString(($order->parentOrder ?? $order)->startDate, $order->merchant->timezone, 'Y/m/d H:i') }}</span>
                                                            @endif
                                                            <!-- 小訂單區塊標題結束 -->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table class="w-100">
                                                            @foreach($order->items->where('type', '!=', 'deposit')->values() as $item)
                                                                <!-- 每一條的價格迴圈 -->
                                                                    @if(in_array($item->type, ['+', '-', '%', 'coupon', 'deposit', 'prepaid', 'express']))
                                                                        <tr>
                                                                            <td valign="top" class="color-danger pb-3">
                                                                                <span>{{ \DaydreamLab\Dddream\Helpers\OrderItemHelper::getTitle($item)  }}</span>
                                                                            </td>
                                                                            <td valign="top" align="right" width="50" class="pr-2 color-danger pb-3">

                                                                            </td>
                                                                            <td valign="top" align="right" class="color-danger pb-3"
                                                                                style="white-space: nowrap;">
                                                                                <!-- 價格 -->
                                                                                @if ($item->total >= 0)
                                                                                    NT$ {{ $item->total }}
                                                                                @else
                                                                                    - NT$ {{ abs($item->total) }}
                                                                                @endif
                                                                                <!-- 價格結束 -->
                                                                            </td>
                                                                        </tr>
                                                                    @else
                                                                        <tr>
                                                                            <td valign="top" class="color-{{ config('app.type') }}-text-dark pb-3">
                                                                                <span>{{ $item->title }}</span>
                                                                                @if ($order->type == 'cosmetic')
                                                                                <br>
                                                                                <span class="h-6 color-text">{{ $order->pet->size->parent->title }} | {{ $order->pet->size->title }}</span>
                                                                                @endif

                                                                                @if ($order->type == 'goods')
                                                                                    <br>
                                                                                    @php
                                                                                    $specs = \DaydreamLab\Dddream\Helpers\SpecHelper::tagsToSpecs([$item->price()->first()->servicePetSize->spec_tag]);
                                                                                    $specStr = '';
                                                                                    foreach($specs as $spec) {
                                                                                        $specStr .= $spec['title'] . ':' . $spec['values'][0]['title'] . '<br>';
                                                                                    }
                                                                                    @endphp
                                                                                    <span class="h-6 color-text">{!! $specStr !!}</span>
                                                                                @endif
                                                                            </td>
                                                                            <td valign="top" align="right" width="50" class="pr-2 color-{{ config('app.type') }}-text-dark pb-3">
                                                                                X {{ $item->qty }}
                                                                            </td>
                                                                            <td valign="top" align="right" class="color-{{ config('app.type') }}-text-dark pb-3"
                                                                                style="white-space: nowrap;">
                                                                                @if($item->levelDiscount > 0)
                                                                                    會員價 NT$ {{$item->total}}
                                                                                    <br><span class='sectionOrderInfo__originPrice h-6'>售價 NT$ {{$item->price}}</span>
                                                                                @else
                                                                                    售價 NT$ {{$item->total}}
                                                                                @endif
                                                                            </td>
                                                                        </tr>
                                                                @endif
                                                            @endforeach
                                                            <!-- 每一條的價格迴圈結束 -->
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <hr>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table class="w-100">
                                                                <tr>
                                                                    <td class="color-{{ config('app.type') }}-text-dark pt-3">
                                                                        小計
                                                                    </td>
                                                                    <td align="right" class="color-{{ config('app.type') }}-text-dark pt-3">
                                                                        NT$ {{$order->items->where('type', '!=', 'deposit')->sum('total')}}
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            @endforeach
                            <!-- 一般訂單區塊結束 -->
                        @endif
                        <!-- 迴圈小訂單區塊結束 -->
                    </table>
                </td>
            </tr>
            @if (! $skipTotal)
                <tr>
                    <td class="px-3 pb-3">
                        <hr>
                    </td>
                </tr>
                <tr>
                    <td class="px-3">
                        <table class="w-100">
                            <tr>
                                <td>
                                    小計
                                </td>
                                <td align="right">
                                    @if ($orderContainer->type == 'hotel')
                                        NT$ {{ $orderContainer->total }}
                                    @else
                                        NT$ {{ $orderContainer->orders->sum(function ($order) { return $order->items->where('type', '!=', 'deposit')->sum('total'); }) }}
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <!-- 容器加減價條目 -->
                @if ($orderContainer->type != 'hotel')
                    <tr>
                        <td class="px-3">
                            <table class="w-100">
                                <!-- 容器加減價迴圈 -->
                                @foreach ($orderContainer->items as $item)
                                    <tr>
                                        <td class="pt-3 color-danger">
                                            {{ \DaydreamLab\Dddream\Helpers\OrderItemHelper::getTitle($item) }}
                                        </td>
                                        <td align="right" class="pt-3 color-danger">
                                            - NT$ {{ abs($item->total) }}
                                        </td>
                                    </tr>
                                @endforeach
                                <!-- 容器加減價迴圈結束 -->
                            </table>
                        </td>
                    </tr>
                @endif
                <!-- 容器加減價條目結束 -->
                <tr>
                    <td class="px-3 pb-3 pt-3">
                        <hr>
                    </td>
                </tr>
                <tr>
                    <td class="px-3 pb-4">
                        <table class="w-100">
                            <tr>
                                <td class="color-{{ config('app.type') }}-site font-medium">
                                    總計金額
                                </td>
                                <td align="right" class="color-{{ config('app.type') }}-site font-medium">
                                    NT$ {{ $orderContainer->total }}
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            @endif
        </table>
        <!-- 藍色區塊結束 -->
        @foreach ($sessions as $session)
            <h3 class="h-4 color-{{ config('app.type') }}-site font-regular pt-5">{{ $session['title'] }}</h3>
            <table class="border w-100">
                <tr>
                    <td class="p-3 h-6">
                        {!! html_entity_decode(nl2br($session['content'])) !!}
                    </td>
                </tr>
            </table>
        @endforeach
        <div class="mb-5 mt-5">
            <a href="{{ $orderLink }}"
               class="baseButton {{config('app.type')}}-isSite isFull {{ config('app.type') == 'ipetbooking' ? 'isRadius' : '' }}">
                查看訂單完整明細
            </a>
        </div>
        <div class="link-box mb-5">
            <p class="h-6">
                若無法點選上方連結，請複製下面的網址到您的瀏覽器中：
            </p>
            <a href="{{ $orderLink }}"
            class="color-{{ config('app.type') }}-primary mail-link h-6">
                {{ $orderLink }}
            </a>
        </div>
    </div>
@endcomponent