@extends('payments.base')
@section('content')
  <div>
    <div class="h-screen w-full flex flex-col items-center justify-center">
      <div class="p-4">
        <img src="/storage/logo/cropped-logo-ipa.png" alt="">
      </div>
      <div class="text-center text-3xl p-2">
        Vă mulțumim că folosiți serviciile noastre
      </div>
      <div class="w-full">
        <div class="bg-gray-100 max-w-3xl min-w-[50wh] p-8 my-6 rounded-lg mx-auto">
          <div class="flex flex-col space-y-4 text-lg">
            <div class="flex flex-row justify-between">
              <div class="font-semibold">Referință de plată:</div><div>{{ $payment?->transaction_id }}</div>
            </div>
            <hr>
            <div class="flex flex-row justify-between">
              <div class="font-semibold">Valoarea de plată:</div><div>{{ $payment?->value }} lei</div>
            </div>
            <hr>
            <div class="flex flex-row justify-between">
              <div class="font-bold">Starea plății:</div><div class="font-bold">{{ $payment?->status }}</div>
            </div>
            <hr>
            <div class="flex flex-row justify-between">
              <div class="font-semibold">Plata cu succes:</div><div>{{ $payment?->success ? 'Success' : 'A eșuat' }}</div>
            </div>
            <hr>
            <div class="flex flex-row justify-between">
              <div class="font-semibold">Data de plată:</div><div>{{ $payment?->payment_datetime }}</div>
            </div>
          </div>
        </div>
      </div>
      <div class="text-sm text-gray-400 animate-pulse">
        <a href="{{ route('members.selfview') }}">
          ...redirecționare înapoi la pagina de detalii în 10 secunde. Faceți clic pentru a redirecționa imediat
        </a>
      </div>
    </div>
  </div>
  <script>
    setTimeout(() => {
      window.location = '{{ route('members.selfview') }}';
    }, 10000);
  </script>
@endsection