@extends('frontend.main_master')
@section('body-class', 'panel-page panel-scrollable')
@section('title', t('payment') . ' - ' . t('site-title'))

@push('styles')
    <style>
        /* Global header kaldırıldığı için panel-page padding-top'u kapat */
        body.panel-page {
            padding-top: 0 !important;
        }

        /* Viewport'tan taşma yapmadan sayfayı doldur */
        .cart-wrap {
            min-height: calc(100vh - 46px);
        }
    </style>
@endpush

@section('content')
    <div class="cart-wrap bg-light overflow-auto">
        <div class="container py-4" style="max-width:1060px">

            <div class="row g-4 align-items-start">
                {{-- LEFT: PayTR iframe --}}
                <div class="col-lg-8">
                    <div class="paytr-frame-wrapper">
                        <div id="paytr-iframe-container" style="width:100%;min-height:620px;background:#f9fafb;"></div>
                    </div>
                    <div class="d-flex align-items-center justify-content-center gap-2 mt-3 text-muted"
                        style="font-size:.68rem">
                        <i class="fa-solid fa-lock"></i>
                        <span class="text-uppercase fw-semibold" style="letter-spacing:.06em">
                            {{ t('secure-payment') }}
                        </span>
                        <i class="fa-solid fa-credit-card"></i>
                        <i class="fa-solid fa-building-columns"></i>
                    </div>
                </div>

                {{-- RIGHT: Summary --}}
                <div class="col-lg-4">
                    <div class="card border-0 shadow-sm rounded-3">
                        <div class="card-body p-4">
                            <h6 class="fw-bold mb-3">{{ t('order-summary') }}</h6>

                            @php
                                $subtotal = $cart['subtotal'] ?? ($cart['total'] ?? 0);
                                $discount = $cart['discount'] ?? 0;
                                $total = $cart['total'] ?? 0;
                                $appliedCoupon = $cart['coupon'] ?? null;
                            @endphp

                            <div class="d-flex justify-content-between mb-2" style="font-size:.86rem">
                                <span class="text-muted">{{ t('subtotal') }}</span>
                                <span class="fw-semibold">{{ number_format($subtotal, 0, ',', '.') }} {{ t('currency') }}</span>
                            </div>
                            @if ($discount > 0 && $appliedCoupon)
                                <div class="d-flex justify-content-between mb-2" style="font-size:.86rem">
                                    <span class="text-muted">{{ t('coupon') }} ({{ $appliedCoupon['code'] }})</span>
                                    <span class="fw-semibold text-success">
                                        -{{ number_format($discount, 0, ',', '.') }} {{ t('currency') }}
                                    </span>
                                </div>
                            @endif
                            <div class="d-flex justify-content-between mb-2" style="font-size:.86rem">
                                <span class="text-muted">{{ t('vat') }}</span>
                                <span class="fw-semibold" style="color:var(--astro-main-green)">{{ t('including') }}</span>
                            </div>

                            <hr class="my-2">

                            <div class="d-flex justify-content-between align-items-baseline mb-1">
                                <span class="fw-bold" style="font-size:.95rem">{{ t('total') }}</span>
                                <span class="fw-bold"
                                    style="font-size:1.45rem;letter-spacing:-.02em">{{ number_format($total, 0, ',', '.') }}
                                    {{ t('currency') }}</span>
                            </div>
                            <p class="text-muted mb-0" style="font-size:.72rem">{{ t('including-vat') }}</p>
                        </div>
                    </div>

                    {{-- Billing Info --}}
                    <div class="card border-0 shadow-sm rounded-3 mt-3">
                        <div class="card-body d-flex align-items-center gap-3 py-3 px-4">
                            <div class="rounded-circle d-flex align-items-center justify-content-center flex-shrink-0"
                                style="width:36px;height:36px;background:rgba(47,143,122,.08)">
                                <i class="fa-solid fa-file-invoice"
                                    style="font-size:.75rem;color:var(--astro-main-green)"></i>
                            </div>
                            <div class="flex-grow-1" style="min-width:0">
                                @if ($hasBillingInfo)
                                    <div class="d-flex align-items-center justify-content-between">
                                        <span class="fw-bold" style="font-size:.82rem">{{ t('billing-info') }}</span>
                                    </div>
                                    <div class="text-muted" style="font-size:.74rem;line-height:1.6">
                                        <div>
                                            <span class="fw-semibold text-dark">{{ t('billing-type') }}:</span>
                                            <span>
                                                {{ ($billingInfo->invoice_type ?? 'individual') === 'corporate' ? t('corporate') : t('individual') }}
                                            </span>
                                        </div>
                                        <div>
                                            <span class="fw-semibold text-dark">{{ t('billing-company-name') }}:</span>
                                            <span>{{ $billingInfo->company_name ?? '-' }}</span>
                                        </div>
                                        <div>
                                            <span class="fw-semibold text-dark">{{ t('identity-number') }}:</span>
                                            <span>{{ $billingInfo->tax_id ?? '-' }}</span>
                                        </div>
                                        @if (!empty($billingInfo->tax_office))
                                            <div>
                                                <span class="fw-semibold text-dark">{{ t('tax-office') }}:</span>
                                                <span>{{ $billingInfo->tax_office }}</span>
                                            </div>
                                        @endif
                                        @if (!empty($billingInfo->billing_address))
                                            <div>
                                                <span class="fw-semibold text-dark">{{ t('billing-address') }}:</span>
                                                <span>{{ $billingInfo->billing_address }}</span>
                                            </div>
                                        @endif
                                        @if ($billingInfo->city || $billingInfo->district)
                                            <div>
                                                <span class="fw-semibold text-dark">
                                                    {{ t('city') }} / {{ t('district') }}:
                                                </span>
                                                <span>
                                                    {{ $billingInfo->city ?? '' }}{{ $billingInfo->district ? ' / ' . $billingInfo->district : '' }}
                                                </span>
                                            </div>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <script src="https://www.paytr.com/js/iframeResizer.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var container = document.getElementById('paytr-iframe-container');
            if (!container) return;

            var iframe = document.createElement('iframe');
            iframe.src = @json($iframeUrl);
            iframe.setAttribute('frameborder', '0');
            iframe.setAttribute('scrolling', 'no');
            iframe.style.width = '100%';
            iframe.style.minHeight = '620px';

            container.appendChild(iframe);

            if (typeof iFrameResize === 'function') {
                iFrameResize({
                    checkOrigin: ['https://www.paytr.com']
                }, iframe);
            }
        });
    </script>
@endsection