@extends('layouts.app')
@section('title','Cadeaubon aangemaakt')
@section('meta_title','Cadeaubon | Genkai Grill & Sushi')
@section('meta_description','Status van je Genkai cadeaubon.')
@push('head')<link rel="stylesheet" href="{{ asset('css/pages/gift.css') }}?v={{ @filemtime(public_path('css/pages/gift.css')) ?: time() }}">@endpush
@section('content')
<section class="gift-result">
    <div class="container">
        <div class="gift-result__card">
            @if($voucher->status === 'active')
                <span class="gift-result__icon">✓</span><span class="eyebrow dark">CADEAUBON ACTIEF</span><h1>Je cadeaubon is klaar.</h1>
                <p>We hebben de gegevens naar <strong>{{ $voucher->purchaser_email }}</strong> gestuurd.</p>
                <div class="gift-result__voucher"><small>CODE</small><strong>{{ $voucher->code }}</strong><span>€ {{ number_format((float)$voucher->balance,2,',','.') }}</span><p>Voor {{ $voucher->recipient_name }} · geldig tot {{ $voucher->expires_at?->format('d/m/Y') }}</p></div>
            @elseif($voucher->status === 'pending_payment')
                <span class="gift-result__icon gift-result__icon--pending">…</span><span class="eyebrow dark">BETALING WORDT VERWERKT</span><h1>We wachten nog op de betaalbevestiging.</h1><p>Zodra Mollie de betaling bevestigt, wordt de cadeaubon automatisch geactiveerd en ontvang je de code per e-mail.</p>
            @else
                <span class="gift-result__icon gift-result__icon--error">!</span><span class="eyebrow dark">BETALING NIET VOLTOOID</span><h1>De cadeaubon is niet geactiveerd.</h1><p>Probeer opnieuw of neem contact op met Genkai als je wel betaald hebt.</p>
            @endif
            <div class="gift-result__actions"><a class="btn btn-primary" href="{{ route('home') }}">Terug naar home</a><a class="btn btn-dark" href="{{ route('contact') }}">Contact</a></div>
        </div>
    </div>
</section>
@endsection