yoco updated to use webhook

2025-12-29 14:43:24 +02:00
parent 6de01c13c5
commit 00b8ff77b2
123 changed files with 6959 additions and 12669 deletions
@@ -0,0 +1,150 @@
+@extends('layouts.app')
+
+@section('title', 'Deposit Payment Successful')
+
+@section('styles')
+<style>
+    .success-container {
+        max-width: 600px;
+        margin: var(--spacing-xl) auto;
+        padding: var(--spacing-xl);
+        background-color: var(--accent-light);
+        border: 2px solid var(--accent-pink);
+        border-radius: 20px;
+        text-align: center;
+    }
+
+    .success-icon {
+        font-size: 4rem;
+        color: var(--accent-pink);
+        margin-bottom: var(--spacing-md);
+    }
+
+    .success-title {
+        font-family: var(--font-serif);
+        font-size: 2rem;
+        color: var(--text-primary);
+        margin-bottom: var(--spacing-md);
+    }
+
+    .success-message {
+        color: var(--text-secondary);
+        margin-bottom: var(--spacing-lg);
+        font-size: 1.1rem;
+    }
+
+    .order-details {
+        background-color: white;
+        padding: var(--spacing-lg);
+        border-radius: 8px;
+        margin-bottom: var(--spacing-lg);
+        text-align: left;
+    }
+
+    .detail-row {
+        display: flex;
+        justify-content: space-between;
+        padding: var(--spacing-sm) 0;
+        border-bottom: 1px solid var(--border-color);
+    }
+
+    .detail-row:last-child {
+        border-bottom: none;
+    }
+
+    .detail-label {
+        color: var(--text-secondary);
+        font-weight: 500;
+    }
+
+    .detail-value {
+        color: var(--text-primary);
+        font-weight: 600;
+    }
+
+    .next-steps {
+        text-align: left;
+        background-color: white;
+        padding: var(--spacing-lg);
+        border-radius: 8px;
+        margin-bottom: var(--spacing-lg);
+    }
+
+    .next-steps h3 {
+        color: var(--text-primary);
+        margin-bottom: var(--spacing-md);
+    }
+
+    .next-steps ol {
+        color: var(--text-secondary);
+        padding-left: var(--spacing-lg);
+    }
+
+    .next-steps li {
+        margin-bottom: var(--spacing-sm);
+    }
+
+    .action-buttons {
+        display: flex;
+        gap: var(--spacing-md);
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+
+    .action-buttons .btn {
+        flex: 1;
+        min-width: 150px;
+    }
+</style>
+@endsection
+
+@section('content')
+<div class="container">
+    <div class="success-container">
+        <div class="success-icon">✓</div>
+        <h1 class="success-title">Payment Successful!</h1>
+        <p class="success-message">
+            Your deposit payment has been received and processed successfully.
+        </p>
+
+        <div class="order-details">
+            <div class="detail-row">
+                <span class="detail-label">Order Number:</span>
+                <span class="detail-value">{{ $customOrder->order_number }}</span>
+            </div>
+            <div class="detail-row">
+                <span class="detail-label">Order Type:</span>
+                <span class="detail-value">{{ ucfirst($customOrder->type) }}</span>
+            </div>
+            <div class="detail-row">
+                <span class="detail-label">Deposit Amount:</span>
+                <span class="detail-value">R{{ number_format($customOrder->deposit_amount, 2) }}</span>
+            </div>
+            <div class="detail-row">
+                <span class="detail-label">Remaining Balance:</span>
+                <span class="detail-value">R{{ number_format($customOrder->balance_amount, 2) }}</span>
+            </div>
+            <div class="detail-row">
+                <span class="detail-label">Payment Status:</span>
+                <span class="detail-value"><span class="status-badge paid">Paid</span></span>
+            </div>
+        </div>
+
+        <div class="next-steps">
+            <h3>What Happens Next?</h3>
+            <ol>
+                <li>Your design requirements have been received</li>
+                <li>Our design team will review your specifications</li>
+                <li>You'll receive proof designs for your approval within 3-5 business days</li>
+                <li>Once you approve the proofs, we'll prepare for printing</li>
+                <li>The remaining balance (80%) will be due before printing begins</li>
+            </ol>
+        </div>
+
+        <div class="action-buttons">
+            <a href="{{ route('custom-orders.show', $customOrder) }}" class="btn">View Order Details</a>
+            <a href="{{ route('my-orders') }}" class="btn btn--secondary">Back to Orders</a>
+        </div>
+    </div>
+</div>
+@endsection