twotalesanimation
231 lines
8.0 KiB
PHP
231 lines
8.0 KiB
PHP
|
||
|
||
<?php $__env->startSection('title', 'Order Confirmed'); ?>
|
||
|
||
<?php $__env->startSection('styles'); ?>
|
||
<style>
|
||
.success-container {
|
||
background: white;
|
||
padding: 3rem;
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
margin: 3rem 0;
|
||
}
|
||
|
||
.success-icon {
|
||
font-size: 4rem;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
h1 {
|
||
font-family: 'Abril Fatface', cursive;
|
||
font-size: 2.5rem;
|
||
color: var(--primary-color);
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
.subtitle {
|
||
color: #666;
|
||
font-size: 1.1rem;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.order-details {
|
||
background: #f9f9f9;
|
||
padding: 2rem;
|
||
border-radius: 8px;
|
||
margin: 2rem 0;
|
||
text-align: left;
|
||
}
|
||
|
||
.detail-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 1rem 0;
|
||
border-bottom: 1px solid #eee;
|
||
}
|
||
|
||
.detail-row:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.detail-label {
|
||
font-weight: 600;
|
||
color: var(--primary-color);
|
||
}
|
||
|
||
.detail-value {
|
||
color: #666;
|
||
}
|
||
|
||
.order-items {
|
||
background: #f9f9f9;
|
||
padding: 2rem;
|
||
border-radius: 8px;
|
||
margin: 2rem 0;
|
||
text-align: left;
|
||
}
|
||
|
||
.order-items h2 {
|
||
font-family: 'Abril Fatface', cursive;
|
||
font-size: 1.3rem;
|
||
color: var(--primary-color);
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.item-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 1rem 0;
|
||
border-bottom: 1px solid #e0e0e0;
|
||
}
|
||
|
||
.item-row:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.item-info {
|
||
flex: 1;
|
||
}
|
||
|
||
.item-name {
|
||
font-weight: 600;
|
||
color: var(--primary-color);
|
||
}
|
||
|
||
.item-qty {
|
||
font-size: 0.9rem;
|
||
color: #666;
|
||
}
|
||
|
||
.item-price {
|
||
font-weight: 600;
|
||
color: var(--primary-color);
|
||
}
|
||
|
||
.total-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding-top: 1.5rem;
|
||
margin-top: 1rem;
|
||
border-top: 2px solid var(--primary-color);
|
||
font-weight: 600;
|
||
font-size: 1.2rem;
|
||
color: var(--primary-color);
|
||
}
|
||
|
||
.actions {
|
||
margin-top: 2rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.note {
|
||
background: #d4e8d4;
|
||
color: var(--primary-color);
|
||
padding: 1rem;
|
||
border-radius: 4px;
|
||
margin: 2rem 0;
|
||
border-left: 4px solid var(--primary-color);
|
||
}
|
||
</style>
|
||
<?php $__env->stopSection(); ?>
|
||
|
||
<?php $__env->startSection('content'); ?>
|
||
<main class="container">
|
||
<div class="success-container">
|
||
<div class="success-icon">✓</div>
|
||
<h1>Order Confirmed!</h1>
|
||
<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">
|
||
<span class="detail-label">Order Number:</span>
|
||
<span class="detail-value"><strong><?php echo e($order->order_number); ?></strong></span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label">Customer Name:</span>
|
||
<span class="detail-value"><?php echo e($order->customer_name); ?></span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label">Email:</span>
|
||
<span class="detail-value"><?php echo e($order->customer_email); ?></span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label">Shipping Address:</span>
|
||
<span class="detail-value"><?php echo e($order->shipping_address); ?></span>
|
||
</div>
|
||
<div class="detail-row">
|
||
<span class="detail-label">Order Status:</span>
|
||
<span class="detail-value">
|
||
<strong style="color: var(--accent-primary); text-transform: capitalize;"><?php echo e($order->status); ?></strong>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Order Items -->
|
||
<div class="order-items">
|
||
<h2>Order Items</h2>
|
||
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $order->items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
||
<div class="item-row">
|
||
<div class="item-info">
|
||
<div class="item-name"><?php echo e($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;
|
||
}
|
||
?>
|
||
|
||
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($item->type === 'wallpaper'): ?>
|
||
Length: <?php echo e($item->length); ?>m | Finish: <?php echo e($stockText); ?><br>
|
||
<small>Stock Cost: R<?php echo e(number_format($stockCost, 2)); ?>/m</small>
|
||
<?php elseif($item->type === 'mural'): ?>
|
||
Dimensions: <?php echo e($item->width); ?>m × <?php echo e($item->height); ?>m (<?php echo e(number_format($item->width * $item->height, 2)); ?>m²) | Finish: <?php echo e($stockText); ?><br>
|
||
<small>Stock Cost: R<?php echo e(number_format($stockCost, 2)); ?>/m²</small>
|
||
<?php else: ?>
|
||
<small>Price: R<?php echo e(number_format($stockCost, 2)); ?> per unit</small>
|
||
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<div class="item-price">
|
||
R<?php echo e(number_format(
|
||
$item->quantity * (
|
||
$item->type === 'wallpaper'
|
||
? $stockCost * $item->length
|
||
: ($item->type === 'mural'
|
||
? $stockCost * $item->width * $item->height
|
||
: $stockCost
|
||
)
|
||
),
|
||
2
|
||
)); ?>
|
||
|
||
</div>
|
||
</div>
|
||
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
||
<div class="total-row">
|
||
<span>Order Total:</span>
|
||
<span>R<?php echo e(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><?php echo e($order->customer_email); ?></strong>. You'll receive updates about your order status and shipping information shortly.
|
||
</div>
|
||
|
||
<!-- Actions -->
|
||
<div class="actions">
|
||
<a href="<?php echo e(route('wallpapers')); ?>" class="btn">Continue Shopping</a>
|
||
<a href="<?php echo e(route('home')); ?>" class="btn btn--secondary">Back to Home</a>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
<?php $__env->stopSection(); ?>
|
||
|
||
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/additional_design/resources/views/order-success.blade.php ENDPATH**/ ?>
|