@extends('api_panel.layouts.app')

@section('title', $paid ? t('apipanel-result-success-title') : t('apipanel-result-fail-title'))

@section('content')
    <div class="row justify-content-center">
        <div class="col-12 col-lg-6">
            <div class="apipanel-card text-center">
                <div class="apipanel-result-icon {{ $paid ? 'is-success' : 'is-fail' }}">{{ $paid ? '✓' : '!' }}</div>

                <h1 class="apipanel-h1">{{ $paid ? t('apipanel-result-success-title') : t('apipanel-result-fail-title') }}</h1>
                <p class="apipanel-muted">{{ $paid ? t('apipanel-result-success-text') : t('apipanel-result-fail-text') }}</p>

                @if($order)
                    <div class="apipanel-summary my-4">
                        <span>{{ t('apipanel-checkout-order-no') }}</span>
                        <code>{{ $order->merchant_oid }}</code>
                        <strong>{{ number_format((float) $order->total, 2, ',', '.') }} ₺</strong>
                    </div>
                @endif

                <div class="d-flex flex-wrap justify-content-center gap-2">
                    <a href="{{ route('apipanel.dashboard') }}" class="apipanel-btn apipanel-btn-primary">{{ t('apipanel-nav-dashboard') }}</a>
                    <a href="{{ route('apipanel.orders') }}" class="apipanel-btn apipanel-btn-ghost">{{ t('apipanel-nav-orders') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection