@extends('layouts.user_type.guest')
@section('header_title', __('نتیجه پرداخت'))

@section('content')
    @php
        $statusClass = match($transaction->status) {
            \App\Models\WalletTransaction::STATUS_PAID => 'bg-success',
            \App\Models\WalletTransaction::STATUS_FAILED,
            \App\Models\WalletTransaction::STATUS_CANCELED => 'bg-danger',
            default => 'bg-warning text-dark',
        };
    @endphp

    <main class="container" style="padding: 96px 0 56px;">
        <section class="bg-2 p-4 rounded-3 mx-auto" style="max-width:760px;">
            <span class="badge {{ $statusClass }}">{{ $transaction->status_label }}</span>
            <h1 class="h4 text-white mt-3">{{ $transaction->title }}</h1>

            @if(session('success'))
                <div class="alert alert-success mt-3">{{ session('success') }}</div>
            @endif

            @if(session('error'))
                <div class="alert alert-danger mt-3">{{ session('error') }}</div>
            @endif

            <div class="table-responsive mt-3">
                <table class="table text-white">
                    <tbody>
                    <tr>
                        <th>{{ __('شماره پیگیری') }}</th>
                        <td>{{ $transaction->reference }}</td>
                    </tr>
                    <tr>
                        <th>{{ __('مبلغ') }}</th>
                        <td>{{ $transaction->amount_formatted }}</td>
                    </tr>
                    <tr>
                        <th>{{ __('روش') }}</th>
                        <td>{{ $transaction->payment_method_label }}</td>
                    </tr>
                    <tr>
                        <th>{{ __('تاریخ') }}</th>
                        <td>{{ optional($transaction->created_at)->format('Y/m/d H:i') }}</td>
                    </tr>
                    <tr>
                        <th>{{ __('مانده کیف پول') }}</th>
                        <td>{{ number_format((int) $transaction->balance_after) }} {{ __('تومان') }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div class="d-flex flex-wrap gap-2 mt-4">
                <a class="btn btn-primary" href="{{ localized_route('user.wallet') }}">{{ __('بازگشت به کیف پول') }}</a>
                <a class="btn btn-outline-primary" href="{{ localized_route('home') }}">{{ __('صفحه اصلی') }}</a>
            </div>
        </section>
    </main>
@endsection