@extends('layouts.app')
@section('content')
<div class="max-w-md mx-auto p-6 bg-white shadow rounded">

  {{-- Affiche la bannière de relance si besoin --}}
  @if(in_array($status, ['canceled','pending']) && $link->campaign->reminder_image)
    <img src="{{ asset('storage/'.$link->campaign->reminder_image) }}"
         alt="Relance" class="w-full mb-4" style="height:auto;">
  @elseif(in_array($status, ['approved']) && $link->campaign->thank_image)
    <img src="{{ asset('storage/'.$link->campaign->thank_image) }}"
         alt="Relance" class="w-full mb-4" style="height:auto;">
  @endif

  {{-- Message --}}
  @if($status === 'approved')
    <p class="mb-4">Merci, votre don a été confirmé avec succès !</p>

  @elseif($status === 'canceled')
    <p class="mb-4">Votre paiement a été annulé. Si vous souhaitez réessayer :</p>
    <a href="{{ $link->hosted_url }}"
       class="inline-block px-4 py-2 bg-yellow-500 text-white rounded hover:bg-yellow-600">
      Réessayer le paiement
    </a>
  @elseif($status === 'pending')
    <p class="mb-4">Votre paiement est en attente. Merci de réessayer :</p>
    <a href="{{ $link->hosted_url }}"
       class="inline-block px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600">
      Réessayer le paiement
    </a>
  @else
    <p class="mb-4">Statut de paiement : <strong>{{ ucfirst($status) }}</strong>.</p>
  @endif

  <div class="mt-6">
    <a href="{{ url()->previous() }}"
       class="px-4 py-2 bg-gray-200 text-gray-700 rounded hover:bg-gray-300">
      ← Retour
    </a>
  </div>
</div>
@endsection
