File: /var/www/middleware-citas/storage/framework/views/48bef5314fe009c6d4114cc25945eda3a395156e.php
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pago Exitoso</title>
<link rel="shortcut icon" href="<?php echo e(asset(URL_LOGO_FAVICON)); ?>">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
min-height: 100vh;
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 1rem;
}
.card {
background: #fff;
border-radius: 16px;
max-width: 580px;
width: 100%;
padding: 2.5rem 2rem;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
animation: slideUp 0.6s ease-out;
}
.icon-circle {
width: 72px;
height: 72px;
border-radius: 50%;
background: #10b981;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.2rem;
animation: popIn 0.5s ease-out 0.3s both;
}
.icon-circle svg {
width: 36px;
height: 36px;
stroke: #fff;
stroke-width: 3;
fill: none;
stroke-dasharray: 50;
stroke-dashoffset: 50;
animation: drawCheck 0.5s ease-out 0.6s forwards;
}
h1 {
text-align: center;
color: #10b981;
font-size: 1.5rem;
margin-bottom: 0.3rem;
}
.subtitle {
text-align: center;
color: #6b7280;
font-size: 0.9rem;
margin-bottom: 1.8rem;
}
.section-title {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #003A8F;
border-bottom: 2px solid #003A8F;
padding-bottom: 0.3rem;
margin-bottom: 0.8rem;
margin-top: 1.5rem;
}
.section-title:first-of-type { margin-top: 0; }
.row {
display: flex;
justify-content: space-between;
padding: 0.35rem 0;
font-size: 0.88rem;
}
.row .label {
color: #6b7280;
flex-shrink: 0;
}
.row .value {
color: #1f2937;
font-weight: 600;
text-align: right;
}
.divider {
border: none;
border-top: 1px dashed #e5e7eb;
margin: 1rem 0;
}
.total-row {
display: flex;
justify-content: space-between;
padding: 0.6rem 0;
font-size: 1.1rem;
font-weight: 700;
}
.total-row .label { color: #1f2937; }
.total-row .value { color: #10b981; }
.badge {
display: inline-block;
background: #d1fae5;
color: #065f46;
font-size: 0.75rem;
font-weight: 600;
padding: 0.2rem 0.6rem;
border-radius: 999px;
margin-left: 0.5rem;
}
.btn-download {
display: block;
width: 100%;
margin-top: 1.5rem;
padding: 0.75rem;
background: #003A8F;
color: #fff;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
border: none;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
transition: transform 0.15s, box-shadow 0.15s;
}
.btn-download:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0,58,143,0.3);
}
.btn-download svg {
width: 16px;
height: 16px;
stroke: #fff;
stroke-width: 2.5;
fill: none;
vertical-align: middle;
margin-right: 0.4rem;
}
.footer {
text-align: center;
margin-top: 1.5rem;
font-size: 0.8rem;
color: #9ca3af;
}
.waiting-box {
background: #fffbeb;
border: 1px solid #fde68a;
border-radius: 10px;
padding: 1.2rem 1.5rem;
text-align: center;
margin-bottom: 1.5rem;
}
.waiting-box p {
color: #92400e;
font-size: 0.9rem;
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes popIn {
from { opacity: 0; transform: scale(0.5); }
to { opacity: 1; transform: scale(1); }
}
@keyframes drawCheck {
to { stroke-dashoffset: 0; }
}
@media print {
body { background: #fff; padding: 0; }
.card { box-shadow: none; animation: none; }
.icon-circle { animation: none; }
.icon-circle svg { animation: none; stroke-dashoffset: 0; }
.btn-download { display: none; }
}
</style>
</head>
<body>
<div class="card">
<div class="icon-circle">
<svg viewBox="0 0 24 24"><polyline points="4 12 10 18 20 6"/></svg>
</div>
<?php if($payment && $payment->status === 'SUCCESS'): ?>
<h1>Pago realizado con exito</h1>
<p class="subtitle">Su cita ha sido confirmada. A continuacion el detalle.</p>
<div class="section-title">Datos de la cita</div>
<div class="row">
<span class="label">Codigo</span>
<span class="value"><?php echo e($appointment->code); ?></span>
</div>
<div class="row">
<span class="label">Nombre</span>
<span class="value"><?php echo e($appointment->form_data['name'] ?? '-'); ?></span>
</div>
<div class="row">
<span class="label">Estado</span>
<span class="value">Confirmada <span class="badge">Pagado</span></span>
</div>
<div class="section-title">Detalle del pago</div>
<div class="row">
<span class="label">ID Transaccion</span>
<span class="value" style="font-size:0.78rem;"><?php echo e($payment->toku_transaction_id ?? '-'); ?></span>
</div>
<div class="row">
<span class="label">Fecha</span>
<span class="value"><?php echo e($payment->transaction_date ? $payment->transaction_date->format('d/m/Y H:i') : $payment->created_at->format('d/m/Y H:i')); ?></span>
</div>
<?php if($payment->card_brand): ?>
<div class="row">
<span class="label">Tarjeta</span>
<span class="value"><?php echo e($payment->card_brand); ?> <?php echo e($payment->card_type); ?> **** <?php echo e($payment->card_last_digits); ?></span>
</div>
<?php endif; ?>
<?php if($payment->card_installments && $payment->card_installments > 1): ?>
<div class="row">
<span class="label">Cuotas</span>
<span class="value"><?php echo e($payment->card_installments); ?></span>
</div>
<?php endif; ?>
<?php if($payment->response_code): ?>
<div class="row">
<span class="label">Codigo autorizacion</span>
<span class="value"><?php echo e($payment->response_code); ?></span>
</div>
<?php endif; ?>
<hr class="divider">
<div class="total-row">
<span class="label">Total pagado</span>
<span class="value">$<?php echo e(number_format($payment->amount, 0, ',', '.')); ?> <?php echo e($payment->currency); ?></span>
</div>
<a href="<?php echo e(route('comprobante', ['code' => $appointment->code])); ?>" class="btn-download">
<svg viewBox="0 0 24 24"><path d="M12 3v12m0 0l-4-4m4 4l4-4"/><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2"/></svg>
Descargar comprobante PDF
</a>
<a href="<?php echo e(rtrim($odooSiteUrl, '/') . $linkCitas); ?>" class="btn-download" style="background: #10b981; margin-top: 0.8rem;">
Agendar cita
</a>
<?php else: ?>
<h1>Pago en proceso</h1>
<div class="waiting-box">
<p>Estamos esperando la confirmacion de su pago. Esta pagina se actualizara automaticamente.</p>
</div>
<div class="row">
<span class="label">Codigo</span>
<span class="value"><?php echo e($appointment->code); ?></span>
</div>
<script nonce="<?php echo e(app('csp_nonce')); ?>">
setTimeout(function() { location.reload(); }, 5000);
</script>
<?php endif; ?>
<p class="footer">Bradford School</p>
</div>
</body>
</html>
<?php /**PATH /var/www/middleware-citas/resources/views/pago-exitoso.blade.php ENDPATH**/ ?>