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

@push('styles')
    <style>
        header, footer, .main-header, .site-header, .site-footer {
            display: none !important;
        }

        body, body.panel-page {
            padding-top: 0 !important;
        }

        .cart-wrap {
            min-height: 100vh;
        }
    </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:750px;height:750px;background:#f9fafb;"></div>
                    </div>
                    <div class="text-center mt-3 text-muted">
                        <div class="d-flex align-items-center justify-content-center gap-2 mb-1"
                            style="font-size:.68rem">
                            <i class="fa-solid fa-lock text-success"></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>
                        <p class="mb-0 text-muted" style="font-size:.72rem">
                            Kredi kartı / banka kartı bilgileriniz AstroBilge üzerinde saklanmaz.
                        </p>
                    </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') ?? 'Sipariş Özeti' }}</h6>

                            @if (!empty($cart['items']))
                                <div class="mb-3 pb-3 border-bottom" style="border-color:#f0f0f0 !important">
                                    <div class="text-muted mb-2" style="font-size:.74rem">
                                        satın alınan ürünler
                                    </div>
                                    @foreach ($cart['items'] as $summaryItem)
                                        <div class="d-flex justify-content-between align-items-start gap-2 mb-2" style="font-size:.84rem">
                                            <div class="d-flex flex-column">
                                                <span class="fw-semibold text-dark">{{ $summaryItem['label'] }}</span>
                                                @if (($summaryItem['quantity'] ?? 1) > 1)
                                                    <span class="text-muted" style="font-size:.74rem">
                                                        {{ $summaryItem['quantity'] }} &times; {{ number_format($summaryItem['unit_price'], 0, ',', '.') }} {{ t('currency') }}
                                                    </span>
                                                @endif
                                            </div>
                                            <span class="fw-semibold text-dark flex-shrink-0">
                                                {{ number_format($summaryItem['line_total'], 0, ',', '.') }} {{ t('currency') }}
                                            </span>
                                        </div>
                                    @endforeach
                                </div>
                            @endif

                            @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, ',', '.') }} ₺</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
                            @php
                                $vatAmount = round(max(0, $total) - (max(0, $total) / 1.20), 2);
                            @endphp
                            <div class="d-flex justify-content-between mb-2" style="font-size:.86rem">
                                <span class="text-muted">%20 {{ t('vat') }} ({{ t('including') }})</span>
                                <span class="fw-semibold" style="color:var(--astro-main-green)">{{ number_format($vatAmount, 2, ',', '.') }} {{ t('currency') }}</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>
                        </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 = '750px';
            iframe.style.height = '750px';

            container.appendChild(iframe);

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