@extends('layouts.app', ['title' => $status === 'success' ? 'Pago recibido' : 'Pago cancelado'])

@section('content')
<div class="card" style="max-width:520px;margin:60px auto;text-align:center;padding:40px">
    @if($status === 'success')
        <i class="fa-solid fa-circle-check text-success" style="font-size:64px"></i>
        <h2 style="margin:18px 0 8px;font-family:var(--display)">Pago recibido</h2>
        <div class="sub">Tu abono se aplicara en minutos. El sistema actualizara el saldo automaticamente.</div>
    @else
        <i class="fa-solid fa-circle-xmark text-danger" style="font-size:64px"></i>
        <h2 style="margin:18px 0 8px;font-family:var(--display)">Pago cancelado</h2>
        <div class="sub">No se realizo el cargo. Si tuviste problemas, contacta a tu asesor.</div>
    @endif
    <a class="btn btn-primary" href="{{ route('dashboard') }}" style="margin-top:18px"><i class="fa-solid fa-house"></i>Volver al panel</a>
</div>
@endsection