@extends('layouts.app')

@section('content')
<header class="hero-section">
    <div class="bg-mesh">
        <div class="mesh-circle-1"></div>
        <div class="mesh-circle-2"></div>
    </div>
    <div class="container hero-content">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="modern-card p-5" data-aos="zoom-in">
                    @if($success)
                        <div class="mb-5 text-primary">
                            <i class="fas fa-check-circle fa-5x opacity-50"></i>
                        </div>
                        <h1 class="display-5 fw-bold text-white mb-4">Unsubscribed</h1>
                        <p class="text-muted lead mb-5">Your email has been successfully removed from our insights mailing list. We're sorry to see you go.</p>
                    @else
                        <div class="mb-5 text-accent">
                            <i class="fas fa-exclamation-circle fa-5x opacity-50"></i>
                        </div>
                        <h1 class="display-5 fw-bold text-white mb-4">Invalid Link</h1>
                        <p class="text-muted lead mb-5">The unsubscribe link is invalid or has expired. You may already be removed from our system.</p>
                    @endif

                    <div class="d-flex justify-content-center gap-3">
                        <a href="{{ route('home') }}" class="btn btn-primary px-5">Return to Home</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
@endsection