Skip to content

Commit

Permalink
Order payment page add redirect to payment and order details page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Raccoon254
Raccoon254 committed Jun 16, 2024
1 parent 0ea96b0 commit d7b45d9
Showing 1 changed file with 18 additions and 7 deletions.
25 changes: 18 additions & 7 deletions resources/views/orders/payment.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,8 @@ class="absolute top-0 right-0 bg-blue-500 text-white p-2 rounded-bl-lg rounded-t
//call getPaymentDetails method from OrderPayment class
$logo = (new App\Livewire\OrderPayment)->getPaymentDetails($method)['logo'];
@endphp
<div class="w-28 md:w-32 ring-1 ring-inset cursor-pointer bg-gray-50 bg-opacity-35 relative rounded-lg ring-blue-100 p-2 h-auto hover:bg-opacity-80 hover:scale-105 transition-all">
<div
class="w-28 md:w-32 ring-1 ring-inset cursor-pointer bg-gray-50 bg-opacity-35 relative rounded-lg ring-blue-100 p-2 h-auto hover:bg-opacity-80 hover:scale-105 transition-all">
<!-- About icon -->
<a href="#"
class="absolute top-0 right-0 bg-blue-500 text-white p-2 rounded-bl-lg rounded-tr-lg hover:bg-blue-600">
Expand Down Expand Up @@ -63,7 +64,8 @@ class="absolute top-0 right-0 bg-blue-500 text-white p-2 rounded-bl-lg rounded-t
<div class="mb-4 p-4 bg-green-500 rounded-lg shadow-sm">
<div class="flex justify-between mb-2">
<div class="flex items-center">
<img src="{{ $payment_details['logo'] }}" alt="{{ $payment_method }} Logo" class="w-28 md:w-32 h-auto mr-4">
<img src="{{ $payment_details['logo'] }}" alt="{{ $payment_method }} Logo"
class="w-28 md:w-32 h-auto mr-4">
<div class="hidden sm:block">
<h4 class="text-lg font-semibold text-gray-800">{{ ucfirst($payment_method) }}</h4>
</div>
Expand Down Expand Up @@ -99,19 +101,26 @@ class="btn btn-md btn-ghost ring ring-blue-500 ring-opacity-80">
</div>

<div class="text-sm text-gray-500 my-4">
<i class="fas fa-lock"></i> All payments are processed securely by our payment partners. We do not store any payment information on our servers.
<i class="fas fa-lock"></i> All payments are processed securely by our payment partners. We
do not store any payment information on our servers.
</div>
@endif
@if($isPaid)
<div class="mb-4">
<div class="bg-green-100 border border-green-200 text-green-700 px-4 py-3 rounded relative"
<div class="bg-green-100 border border-green-200 text-green-700 px-4 py-3 rounded-lg relative"
role="alert">
<strong class="font-semibold">Payment Successful!</strong>
<span class="block sm:inline">Your payment has been is being processed.</span>
</div>
</div>
<a href="{{ route('payments.show', $order->payment->id) }}"
class="w-full py-3 px-4 bg-blue-500 text-white font-semibold rounded-lg">View Payment
Details
<i class="fas fa-arrow-right"></i>
</a>
@else
<button type="submit" class="w-full py-2 bg-blue-500 text-white font-semibold rounded-lg">Proceed to
<button type="submit" class="w-full py-2 bg-blue-500 text-white font-semibold rounded-lg">
Proceed to
Verification
<i class="fas fa-arrow-right"></i>
</button>
Expand All @@ -124,10 +133,12 @@ class="btn btn-md btn-ghost ring ring-blue-500 ring-opacity-80">

<h3 class="text-lg font-semibold mb-4">Order Details</h3>
<div class="mb-4">
<p class="text-sm text-gray-700">Order ID: <span class="font-semibold">{{ $order->id }}</span></p>
<p class="text-sm text-gray-700">Order ID: <span class="font-semibold">{{ $order->id }}</span>
</p>
</div>
<div class="mb-4">
<p class="text-sm text-gray-700">Title: <span class="font-semibold">{{ $order->title }}</span></p>
<p class="text-sm text-gray-700">Title: <span class="font-semibold">{{ $order->title }}</span>
</p>
</div>
<div class="mb-4">
<p class="text-sm text-gray-700">Description: <span
Expand Down

0 comments on commit d7b45d9

Please sign in to comment.