File: /var/www/vhost/disk-apps/demo.sports-crowd.com/resources/views/paymentGateway/pay/index.blade.php
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Pagos {{ $corporateIdentity->platform_name }} | Sports Crowd</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@include('paymentGateway.pay.css')
</head>
<body>
<div class="header">
<button class="back-button" onclick="window.history.back()"><i class="fas fa-arrow-left"></i> {{ $paymentDetails->title ?? 'Volver' }}</button>
<div class="timer">
Este pago vence en <span id="timer" class="timer-o-clock"></span>
</div>
</div>
<div class="container">
<div class="step-section">
<div class="step-title"><b>Paso 1 de 2</b> Selecciona la pasarela de pago y continĂșa con tu pago</div>
@if (count($gateways))
@foreach ($gateways as $gateway)
<label class="payment-option">
<input type="radio" name="gateway" value="{{ $gateway->id }}">
{{ $gateway->name }}
<img src="{{ config('filesystems.disks.s3.url') }}/paymentGateway/{{ $gateway->image }}"
alt="{{ $gateway->name }}" onerror="this.onerror=null;this.src='/img/default-gateway-logo.png';" />
</label>
@endforeach
@else
<main class="form-total">
<img class="mb-4" src="{{ config('filesystems.disks.s3.url') }}/public/logo.png" alt="" width="170" height="170">
<h1 class="h3 mb-3 fw-normal">
<b>Actualmente, no hay pasarelas de pago disponibles para el evento seleccionado. Por favor, contacte con el equipo para el proceso de venta.</b>
</h1>
</main>
@endif
</div>
<div class="summary-section">
<h3>{{ $paymentDetails->title ?? 'Resumen de compra' }}</h3>
@if (isset($paymentDetails) && isset($paymentDetails->date) && $paymentDetails->date)
<div class="info-line"><i class="fas fa-calendar-alt"></i> <span>{{ isset($paymentDetails) && isset($paymentDetails->date) && $paymentDetails->date ? ucfirst(\Carbon\Carbon::parse($paymentDetails->date)->locale('es')->translatedFormat('l d \d\e F Y')) : '' }}</span></div>
@endif
@if (isset($paymentDetails) && isset($paymentDetails->date) && $paymentDetails->date)
<div class="info-line"><i class="fas fa-clock"></i> <span>{{ isset($paymentDetails) && isset($paymentDetails->date) && $paymentDetails->date ? \Carbon\Carbon::parse($paymentDetails->date)->locale('es')->format('h:i A') : '' }}</span></div>
@endif
@if (isset($paymentDetails) && isset($paymentDetails->location) && $paymentDetails->location)
<div class="info-line"><i class="fas fa-map-marker-alt"></i> <span>{{ $paymentDetails->location ?? '' }}</span></div>
@endif
<div class="summary-pricing">
<p><strong>Mi compra</strong></p>
<p>{{ $paymentDetails->plan ?? 'Plan XYZ' }} x {{ $paymentDetails->amount ?? '0' }}<span class="price">{{ $paymentDetails->price ?? '0' }}</span></p>
<p>Descuento <span class="price">-{{ $paymentDetails->discount ?? '0' }}</span></p>
<p>Subtotal <span class="price">{{ $paymentDetails->subtotal ?? '0' }}</span></p>
<p>Servicio <span class="price">{{ $paymentDetails->serviceCharge ?? '0' }}</span></p>
<p class="total">Total <span class="price">{{ $paymentDetails->total ?? '0' }}</span></p>
</div>
<button class="continue-btn" id="pay-btn" disabled>Continuar</button>
</div>
</div>
@include('paymentGateway.pay.js')
</body>
</html>