@extends('layouts.customer')
@section('title','Payment Cancelled')
@section('page-title','Payment Cancelled')
@section('content')
<div style="max-width:450px;margin:60px auto;text-align:center">
    <div style="font-size:64px;margin-bottom:18px">❌</div>
    <h2 style="color:#721c24;margin-bottom:12px">Payment Cancelled</h2>
    <p style="color:#888;margin-bottom:28px">Your payment was not completed. No charges were made.</p>
    <a href="{{ route('customer.add-credit') }}" style="padding:13px 30px;background:linear-gradient(135deg,#f7941d,#e8820a);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;margin-right:10px">Try Again</a>
    <a href="{{ route('customer.dashboard') }}" style="padding:13px 30px;background:#f0f0f0;color:#333;border-radius:12px;text-decoration:none;font-weight:600">Dashboard</a>
</div>
@endsection