style: 💄 Change layout of checkout page

This commit is contained in:
IceToast 2023-03-28 00:24:12 +02:00 committed by IceToast
parent 11a12bb48b
commit 75a8db833b

View file

@ -34,71 +34,44 @@
<!-- Main content -->
<div class="invoice p-3 mb-3">
<!-- title row -->
<div class="row">
<div class="row mb-4">
<div class="col-12">
<h4>
<i class="fas fa-globe"></i> {{ config('app.name', 'Laravel') }}
<small class="float-right">{{ __('Date') }}:
{{ Carbon\Carbon::now()->isoFormat('LL') }}</small>
- Checkout
</h4>
</div>
<!-- /.col -->
</div>
<!-- Table row -->
<div class="row">
<div class="col-12 table-responsive">
<table class="table table-striped">
<thead>
<div class="row mb-4 d-flex align-items-center">
<div class="col-4">
<p class="lead">{{ __('Product') }}:</p>
<div class="table-responsive">
<table class="table">
<tr>
<th>{{ __('Quantity') }}</th>
<th>{{ __('Product') }}</th>
<th>{{ __('Description') }}</th>
<th>{{ __('Subtotal') }}</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><i class="fa fa-coins mr-2"></i>{{ $product->quantity }}
<th style="width:50%">{{ __('Type') }}:</th>
<td>
{{ strtolower($product->type) == 'credits' ? $credits_display_name : $product->type }}
</td>
<td>{{ $product->description }}</td>
<td>{{ $product->formatToCurrency($product->price) }}</td>
</tr>
</tbody>
<tr>
<th>{{ __('Amount') }}:</th>
<td>{{ $product->quantity }}</td>
<tr>
<th>{{ __('Description') }}:</th>
<td>{{ $product->description }}</td>
</tr>
</table>
<input type="hidden" name="product_id" value="{{ $product->id }}">
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<div class="row">
<!-- accepted payments column -->
<div class="col-6">
@if (!$productIsFree)
<p class="lead">{{ __('Payment Methods') }}:</p>
<div class="rounded pl-3 py-2 gateway-container" style="max-width: 50%;">
@foreach ($paymentGateways as $gateway)
<div class="row ">
<div class="col-sm-10 checkout-gateway-label">
<label for="{{ $gateway->name }}">
<img height="40" src="{{ $gateway->image }}"></label>
</div>
<div class="col-sm-2 checkout-gateway-radio">
<input class="checkout-gateway-radio-input" x-model="payment_method"
type="radio" id="{{ $gateway->name }}"
value="{{ $gateway->name }}">
</div>
</div>
@endforeach
</div>
@endif
</div>
<!-- /.col -->
<div class="col-6">
<div class="col-4">
<p class="lead">{{ __('Amount Due') }}
{{ Carbon\Carbon::now()->isoFormat('LL') }}</p>
@ -124,9 +97,32 @@
</tr>
</table>
</div>
</div>
<!-- /.col -->
</div>
<!-- accepted payments column -->
<div class="col-4">
@if (!$productIsFree)
<p class="lead">{{ __('Payment Methods') }}:</p>
<div class="rounded pl-3 py-2 gateway-container">
@foreach ($paymentGateways as $gateway)
<div class="row ">
<div class="col-sm-10 checkout-gateway-label">
<label for="{{ $gateway->name }}">
<img height="40" src="{{ $gateway->image }}"></label>
</div>
<div class="col-sm-2 checkout-gateway-radio">
<input class="checkout-gateway-radio-input" x-model="payment_method"
type="radio" id="{{ $gateway->name }}"
value="{{ $gateway->name }}">
</div>
</div>
@endforeach
</div>
@endif
</div>
</div>
<!-- /.row -->
<!-- this row will not appear when printing -->