176 lines
6.4 KiB
PHP
176 lines
6.4 KiB
PHP
<?php $__env->startSection('title', 'Track Your Order'); ?>
|
|
|
|
<?php $__env->startSection('styles'); ?>
|
|
<style>
|
|
.track-order-container {
|
|
max-width: 500px;
|
|
margin: 4rem auto;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
color: var(--accent-dark);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.subtitle {
|
|
color: #666;
|
|
font-size: 1rem;
|
|
margin-bottom: 2rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.track-form {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 1.5rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.form-group label {
|
|
display: block;
|
|
font-weight: 600;
|
|
margin-bottom: 0.5rem;
|
|
color: var(--primary-color);
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.form-group input {
|
|
width: 100%;
|
|
padding: 0.75rem;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
font-size: 1rem;
|
|
font-family: inherit;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.form-group input:focus {
|
|
outline: none;
|
|
border-color: var(--primary-color);
|
|
box-shadow: 0 0 0 3px rgba(45, 80, 71, 0.1);
|
|
}
|
|
|
|
.form-group input::placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
.error-message {
|
|
color: #d32f2f;
|
|
font-size: 0.9rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.info-box {
|
|
font-size: 0.9rem;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.back-link {
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 1.5rem;
|
|
color: var(--primary-color);
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.back-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.alert {
|
|
padding: 1rem;
|
|
border-radius: 20px;
|
|
margin-bottom: 1.5rem;
|
|
border: 1px solid;
|
|
}
|
|
|
|
.alert-error {
|
|
background-color: #ffebee;
|
|
border-color: #f8d7da;
|
|
color: #c62828;
|
|
}
|
|
</style>
|
|
<?php $__env->stopSection(); ?>
|
|
|
|
<?php $__env->startSection('content'); ?>
|
|
<main class="container">
|
|
<div class="track-order-container">
|
|
<h1>Track Your Order</h1>
|
|
<p class="subtitle">
|
|
Enter your order number and email address to view the status and details of your order.
|
|
</p>
|
|
|
|
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($errors->any()): ?>
|
|
<div class="alert alert-error">
|
|
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
|
<div><?php echo e($error); ?></div>
|
|
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
|
</div>
|
|
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
|
|
|
<form action="<?php echo e(route('track-order-search')); ?>" method="POST">
|
|
<?php echo csrf_field(); ?>
|
|
<div class="card">
|
|
<div class="form-group">
|
|
<label for="order_number">Order Number</label>
|
|
<input
|
|
type="text"
|
|
id="order_number"
|
|
name="order_number"
|
|
placeholder="e.g., ORD-20251230-5F3A2C1B"
|
|
value="<?php echo e(old('order_number')); ?>"
|
|
required
|
|
>
|
|
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['order_number'];
|
|
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
|
|
if ($__bag->has($__errorArgs[0])) :
|
|
if (isset($message)) { $__messageOriginal = $message; }
|
|
$message = $__bag->first($__errorArgs[0]); ?>
|
|
<div class="error-message"><?php echo e($message); ?></div>
|
|
<?php unset($message);
|
|
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
|
|
endif;
|
|
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input
|
|
type="email"
|
|
id="email"
|
|
name="email"
|
|
placeholder="your@email.com"
|
|
value="<?php echo e(old('email')); ?>"
|
|
required
|
|
>
|
|
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__errorArgs = ['email'];
|
|
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
|
|
if ($__bag->has($__errorArgs[0])) :
|
|
if (isset($message)) { $__messageOriginal = $message; }
|
|
$message = $__bag->first($__errorArgs[0]); ?>
|
|
<div class="error-message"><?php echo e($message); ?></div>
|
|
<?php unset($message);
|
|
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
|
|
endif;
|
|
unset($__errorArgs, $__bag); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
|
|
</div>
|
|
|
|
<input type="submit" class="btn" value="Find Your Order" style="width: 100%; cursor: pointer;">
|
|
|
|
<div class="info-box card--pink" style="margin-top: 1.5rem; margin-bottom: 0;">
|
|
💡 Your order number can be found in the confirmation email sent to you after purchase. The email address must match the one used when placing the order.
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<a href="<?php echo e(route('home')); ?>" class="back-link">← Back to Home</a>
|
|
</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/track-order.blade.php ENDPATH**/ ?>
|