everything semi working before sample implementation

This commit is contained in:
twotalesanimation
2025-12-30 00:09:14 +02:00
parent 00b8ff77b2
commit 3c24c0e9ef
39 changed files with 1072 additions and 1615 deletions
+55 -41
View File
@@ -5,9 +5,6 @@
@section('styles')
<style>
.success-container {
background: white;
padding: 3rem;
border-radius: 8px;
text-align: center;
margin: 3rem 0;
}
@@ -31,13 +28,15 @@
}
.order-details {
background: #f9f9f9;
padding: 2rem;
border-radius: 8px;
margin: 2rem 0;
text-align: left;
}
.order-details-inner {
padding: 2rem;
border-radius: 20px;
}
.detail-row {
display: flex;
justify-content: space-between;
@@ -58,10 +57,13 @@
color: #666;
}
.order-items {
background: #f9f9f9;
margin: 2rem 0;
text-align: left;
}
.order-items-inner {
padding: 2rem;
border-radius: 8px;
border-radius: 20pxpx;
margin: 2rem 0;
text-align: left;
}
@@ -127,6 +129,13 @@
margin: 2rem 0;
border-left: 4px solid var(--primary-color);
}
.next-steps-title {
font-family: 'Abril Fatface', cursive;
font-size: 1.3rem;
color: var(--primary-color);
margin-bottom: 1.5rem;
text-align: left;
}
</style>
@endsection
@@ -138,8 +147,8 @@
<p class="subtitle">Thank you for your purchase. Your order has been successfully received.</p>
<!-- Order Details -->
<div class="order-details">
<div class="detail-row">
<div class="order-details card">
<div class="order-details-inner">
<span class="detail-label">Order Number:</span>
<span class="detail-value"><strong>{{ $order->order_number }}</strong></span>
</div>
@@ -162,9 +171,11 @@
</span>
</div>
</div>
</div>
<!-- Order Items -->
<div class="order-items">
<!-- Order Items -->
<div class="order-items card">
<div class="order-items-inner">
<h2>Order Items</h2>
@foreach($order->items as $item)
<div class="item-row">
@@ -172,23 +183,23 @@
<div class="item-name">{{ $item->product->name }}</div>
<div class="item-qty">
@php
$stock = $item->printStock;
$stockText = $stock ? "{$stock->name}" : "Standard";
$stockCost = 0;
if ($stock) {
$stockCost = $item->type === 'wallpaper' ? $stock->cost_per_meter : $stock->cost_per_m2;
}
$stock = $item->printStock;
$stockText = $stock ? "{$stock->name}" : "Standard";
$stockCost = 0;
if ($stock) {
$stockCost = $item->type === 'wallpaper' ? $stock->cost_per_meter : $stock->cost_per_m2;
}
@endphp
@if($item->type === 'wallpaper')
Length: {{ $item->length }}m | Finish: {{ $stockText }}<br>
<small>Stock Cost: R{{ number_format($stockCost, 2) }}/m</small>
Length: {{ $item->length }}m | Finish: {{ $stockText }}<br>
<small>Stock Cost: R{{ number_format($stockCost, 2) }}/m</small>
@elseif($item->type === 'mural')
Dimensions: {{ $item->width }}m × {{ $item->height }}m ({{ number_format($item->width * $item->height, 2) }}) | Finish: {{ $stockText }}<br>
<small>Stock Cost: R{{ number_format($stockCost, 2) }}/</small>
Dimensions: {{ $item->width }}m × {{ $item->height }}m ({{ number_format($item->width * $item->height, 2) }}) | Finish: {{ $stockText }}<br>
<small>Stock Cost: R{{ number_format($stockCost, 2) }}/</small>
@else
<small>Price: R{{ number_format($stockCost, 2) }} per unit</small>
<small>Price: R{{ number_format($stockCost, 2) }} per unit</small>
@endif
</div>
</div>
@@ -207,22 +218,25 @@
</div>
</div>
@endforeach
<div class="total-row">
<span>Order Total:</span>
<span>R{{ number_format($order->total, 2) }}</span>
</div>
</div>
<div class="note">
<strong>🔔 What's Next?</strong><br>
A confirmation email has been sent to <strong>{{ $order->customer_email }}</strong>. You'll receive updates about your order status and shipping information shortly.
</div>
<!-- Actions -->
<div class="actions">
<a href="{{ route('wallpapers') }}" class="btn">Continue Shopping</a>
<a href="{{ route('home') }}" class="btn btn--secondary">Back to Home</a>
<div class="total-row">
<span>Order Total:</span>
<span>R{{ number_format($order->total, 2) }}</span>
</div>
</div>
<div class="card--pink">
<h2 class="next-steps-title" style="text-align: center;">What Happens Next?</h2>
A confirmation email has been sent to <strong>{{ $order->customer_email }}</strong>. You'll receive updates about your order status and shipping information shortly.
</div>
</div>
<!-- Actions -->
<div class="actions">
<a href="{{ route('wallpapers') }}" class="btn">Continue Shopping</a>
<a href="{{ route('home') }}" class="btn btn--secondary">Back to Home</a>
</div>
</div>
</main>
@endsection
@endsection