@extends('api_panel.layouts.app')

@section('title', t('apipanel-checkout-title'))

@section('content')
    <div class="row justify-content-center">
        <div class="col-12 col-lg-8">
            <div class="apipanel-card">
                <h1 class="apipanel-h1">{{ t('apipanel-checkout-title') }}</h1>

                <div class="apipanel-summary mb-4">
                    <span>{{ $item['label'] }}</span>
                    <span>{{ (int) $order->quantity }} × {{ number_format((float) $order->unit_price, 2, ',', '.') }} ₺</span>
                    <strong>{{ number_format((float) $order->total, 2, ',', '.') }} ₺</strong>
                </div>

                <p class="apipanel-muted">
                    {{ t('apipanel-checkout-order-no') }}: <code>{{ $order->merchant_oid }}</code>
                </p>

                <div class="apipanel-iframe-wrap">
                    <iframe src="{{ $iframeUrl }}"
                            id="paytriframe"
                            frameborder="0"
                            scrolling="no"
                            title="PayTR"
                            style="width: 100%; min-height: 700px; border: 0;"></iframe>
                </div>

                <p class="apipanel-note mt-3 mb-0">{{ t('apipanel-checkout-note') }}</p>
            </div>
        </div>
    </div>
@endsection