generated from boboko/starter
218 lines
11 KiB
PHP
218 lines
11 KiB
PHP
@extends('layouts.account')
|
|
|
|
@php
|
|
$orderReference = \Modules\Core\Order\Support\OrderReferenceDisplay::resolve($order);
|
|
@endphp
|
|
|
|
@section('title', __('storefront.orders.order_title', ['number' => $orderReference]))
|
|
|
|
@php
|
|
$productLines = $order->lines->where('type', '!=', 'shipping');
|
|
$shippingLine = $order->lines->firstWhere('type', 'shipping');
|
|
@endphp
|
|
|
|
@section('account')
|
|
|
|
<div class="flex max-w-4xl flex-col gap-12">
|
|
|
|
<div class="flex flex-col gap-6">
|
|
<a href="{{ route('account.orders') }}" class="inline-flex items-center gap-2 self-start text-sm underline hover:no-underline">
|
|
<x-ui.icon name="arrow-left" :size="16" />
|
|
{{ __('storefront.orders.back') }}
|
|
</a>
|
|
|
|
<h1 class="font-display text-h3 font-black tracking-tight sm:text-h2">
|
|
{{ __('storefront.orders.order_title', ['number' => $orderReference]) }}
|
|
</h1>
|
|
</div>
|
|
|
|
{{-- Summary --}}
|
|
<dl class="grid grid-cols-1 gap-6 border-y border-black py-6 sm:grid-cols-2 lg:grid-cols-4">
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.date') }}</dt>
|
|
<dd>{{ $order->placed_at->inDisplayTimezone()->format('d/m/Y') }}</dd>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.status') }}</dt>
|
|
<dd class="font-bold"><x-order-status :status="$order->status" /></dd>
|
|
</div>
|
|
|
|
@if ($paymentMethodName)
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.payment') }}</dt>
|
|
<dd>{{ $paymentMethodName }}</dd>
|
|
</div>
|
|
@endif
|
|
|
|
@if ($shippingLine)
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.shipping_method') }}</dt>
|
|
<dd>{{ $shippingLine->description }}</dd>
|
|
</div>
|
|
@endif
|
|
</dl>
|
|
|
|
{{-- Shipment tracking: the history we sync from the courier. Only
|
|
couriers without an integration link out to their own site. --}}
|
|
@if ($shipments->isNotEmpty())
|
|
<section class="flex flex-col gap-6" aria-labelledby="order-tracking-heading">
|
|
<h2 id="order-tracking-heading" class="font-display text-h4 font-extrabold">{{ __('storefront.orders.tracking') }}</h2>
|
|
|
|
@foreach ($shipments as $shipment)
|
|
@php
|
|
$history = $shipment->shipmentInfo->sortByDesc('occurred_at');
|
|
$latest = $history->first();
|
|
@endphp
|
|
|
|
<div class="flex flex-col gap-5 border-b border-black pb-6">
|
|
<dl class="grid grid-cols-1 gap-6 sm:grid-cols-3">
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.shipment') }}</dt>
|
|
<dd>{{ $shipment->carrierLabel() }}</dd>
|
|
</div>
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.voucher_number') }}</dt>
|
|
<dd class="break-all">{{ $shipment->tracking_reference }}</dd>
|
|
</div>
|
|
<div class="flex flex-col gap-1">
|
|
<dt class="text-sm text-neutral-500">{{ __('storefront.orders.shipment_status') }}</dt>
|
|
<dd class="font-bold">{{ __('storefront.tracking_status.'.($latest?->status->value ?? 'pending')) }}</dd>
|
|
</div>
|
|
</dl>
|
|
|
|
@if ($trackingUrl = $shipment->trackingUrl())
|
|
<a href="{{ $trackingUrl }}" target="_blank" rel="noopener" class="inline-flex items-center gap-2 self-start text-sm underline hover:no-underline">
|
|
{{ __('storefront.orders.track_on_carrier') }}
|
|
</a>
|
|
@endif
|
|
|
|
<div class="flex flex-col gap-3">
|
|
<h3 class="text-sm text-neutral-500">{{ __('storefront.orders.tracking_history') }}</h3>
|
|
|
|
@if ($history->isEmpty())
|
|
<p class="text-sm">{{ __('storefront.orders.tracking_empty') }}</p>
|
|
@else
|
|
<ol class="flex flex-col gap-3">
|
|
@foreach ($history as $checkpoint)
|
|
<li class="flex flex-col gap-0.5 sm:flex-row sm:gap-6">
|
|
<time datetime="{{ $checkpoint->occurred_at->toIso8601String() }}" class="shrink-0 text-sm text-neutral-500 sm:w-36">
|
|
{{ $checkpoint->occurred_at->inDisplayTimezone()->format('d/m/Y H:i') }}
|
|
</time>
|
|
<div class="flex flex-col gap-0.5">
|
|
<span>{{ __('storefront.tracking_status.'.$checkpoint->status->value) }}</span>
|
|
@if ($details = collect([$checkpoint->location, ($checkpoint->status->value === 'unknown' || $checkpoint->carrier_status === 'manual') ? $checkpoint->message : null])->filter()->implode(' · '))
|
|
<span class="text-sm text-neutral-500">{{ $details }}</span>
|
|
@endif
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ol>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</section>
|
|
@endif
|
|
|
|
{{-- Items + totals --}}
|
|
<section class="flex flex-col gap-6" aria-labelledby="order-items-heading">
|
|
<h2 id="order-items-heading" class="font-display text-h4 font-extrabold">{{ __('storefront.orders.items') }}</h2>
|
|
|
|
<ul>
|
|
@foreach ($productLines as $line)
|
|
<li class="flex gap-4 border-b border-black py-5 sm:gap-6">
|
|
<div class="size-18 shrink-0 bg-neutral-300 sm:size-24">
|
|
@if ($thumb = $line->purchasable?->getThumbnailImage())
|
|
<img src="{{ $thumb }}" alt="" aria-hidden="true" width="96" height="96" loading="lazy" class="size-full object-cover">
|
|
@endif
|
|
</div>
|
|
|
|
<div class="flex min-w-0 flex-1 flex-col gap-1">
|
|
{{-- Linked only while the product still exists and is published;
|
|
otherwise the name stays plain text (the order keeps it). --}}
|
|
@php($lineProduct = $line->purchasable?->product)
|
|
<p class="font-bold">
|
|
@if ($lineProduct?->status === 'published')
|
|
<a href="{{ route('product.show', ['id' => $lineProduct->id]) }}" class="underline hover:no-underline">{{ $line->description }}</a>
|
|
@else
|
|
{{ $line->description }}
|
|
@endif
|
|
<span class="font-normal">× {{ $line->quantity }}</span>
|
|
</p>
|
|
|
|
@if ($line->option)
|
|
<p class="text-sm text-neutral-500">{{ $line->option }}</p>
|
|
@endif
|
|
|
|
@include('checkout::partials.line-custom-fields', ['line' => $line])
|
|
</div>
|
|
|
|
<p class="shrink-0 font-bold">{{ $line->sub_total?->formatted() }}</p>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
|
|
<dl class="ml-auto flex w-full max-w-sm flex-col gap-2">
|
|
<div class="flex justify-between gap-6">
|
|
<dt>{{ __('storefront.orders.subtotal') }}</dt>
|
|
<dd>{{ $order->sub_total?->formatted() }}</dd>
|
|
</div>
|
|
|
|
@if ($order->discount_total?->value > 0)
|
|
<div class="flex justify-between gap-6">
|
|
<dt>{{ __('storefront.orders.discount') }}</dt>
|
|
<dd>−{{ $order->discount_total->formatted() }}</dd>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex justify-between gap-6">
|
|
<dt>{{ __('storefront.orders.shipping') }}</dt>
|
|
<dd>{{ $order->shipping_total?->formatted() }}</dd>
|
|
</div>
|
|
|
|
@if ($order->tax_total?->value > 0)
|
|
<div class="flex justify-between gap-6 text-sm text-neutral-500">
|
|
<dt>{{ __('storefront.orders.tax') }}</dt>
|
|
<dd>{{ $order->tax_total->formatted() }}</dd>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex justify-between gap-6 border-t border-black pt-3 font-display text-h4 font-extrabold">
|
|
<dt>{{ __('storefront.orders.total') }}</dt>
|
|
<dd>{{ $order->total?->formatted() }}</dd>
|
|
</div>
|
|
</dl>
|
|
</section>
|
|
|
|
{{-- Addresses --}}
|
|
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2">
|
|
@foreach ([
|
|
'shipping_to' => $order->shippingAddress,
|
|
'billing' => $order->billingAddress,
|
|
] as $heading => $address)
|
|
@if ($address)
|
|
<section class="flex flex-col gap-4" aria-labelledby="order-{{ $heading }}-heading">
|
|
<h2 id="order-{{ $heading }}-heading" class="font-display text-h4 font-extrabold">{{ __("storefront.orders.{$heading}") }}</h2>
|
|
|
|
<address class="flex flex-col not-italic">
|
|
<span>{{ trim($address->first_name.' '.$address->last_name) }}</span>
|
|
@if ($address->company_name)<span>{{ $address->company_name }}</span>@endif
|
|
@if ($address->tax_identifier)<span>{{ __('storefront.account.tax_identifier') }}: {{ $address->tax_identifier }}</span>@endif
|
|
<span>{{ $address->line_one }}</span>
|
|
@if ($address->line_two)<span>{{ $address->line_two }}</span>@endif
|
|
<span>{{ trim($address->postcode.' '.$address->city) }}</span>
|
|
@if ($address->state)
|
|
<span>{{ Lang::has("core::states.{$address->state}") ? __("core::states.{$address->state}") : $address->state }}</span>
|
|
@endif
|
|
@if ($address->contact_phone)<span>{{ $address->contact_phone }}</span>@endif
|
|
</address>
|
|
</section>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@endsection
|