@extends('app')

@section('title', 'Płatność – Verve')

@section('content')
<section class="section" style="padding-top: 120px; max-width: 720px; margin: 0 auto; text-align:center;">
    <h1 class="section-title fade-in-up" style="margin-bottom: 1.5rem;">{{ __('shop.summary_payment') }}</h1>
    <div class="glass" style="padding:24px; border-radius:16px; border:1px solid var(--glass-border);">
        <p style="color:#ccc; margin-bottom: 1.5rem;">{{ __('shop.stripe_redirect_info') }}</p>
        
        {{-- LEGAL CHECKBOXES - WYMAGANE PRZEZ STRIPE --}}
        <div style="background: rgba(255,255,255,0.03); padding: 1.5rem; border-radius: 12px; margin-bottom: 1.5rem; text-align: left;">
            <label style="display: flex; align-items: start; gap: 0.75rem; cursor: pointer; margin-bottom: 1rem;">
                <input type="checkbox" id="acceptTerms" required style="margin-top: 4px; width: 18px; height: 18px; cursor: pointer;">
                <span style="color: rgba(255,255,255,0.9); font-size: 0.95rem; line-height: 1.5;">
                    {{ __('shop.accept_terms') }} <a href="{{ route('terms') }}" target="_blank" style="color: #fff; text-decoration: underline; font-weight: 600;">{{ __('shop.terms') }}</a> 
                    {{ __('shop.and') }} <a href="{{ route('privacy-policy') }}" target="_blank" style="color: #fff; text-decoration: underline; font-weight: 600;">{{ __('shop.privacy_policy') }}</a>
                </span>
            </label>
            
            <label style="display: flex; align-items: start; gap: 0.75rem; cursor: pointer;">
                <input type="checkbox" id="acceptRefund" required style="margin-top: 4px; width: 18px; height: 18px; cursor: pointer;">
                <span style="color: rgba(255,255,255,0.9); font-size: 0.95rem; line-height: 1.5;">
                    {{ __('shop.confirm_refund_policy') }} 
                    <a href="{{ route('refund-policy') }}" target="_blank" style="color: #fff; text-decoration: underline; font-weight: 600;">{{ __('shop.refund_policy') }}</a> 
                    {{ __('shop.and') }} {{ __('shop.unique_products_note') }}
                </span>
            </label>
        </div>
        
        <div style="background: rgba(255,200,100,0.1); border-left: 4px solid rgba(255,200,100,0.8); padding: 1rem; margin-bottom: 1.5rem; text-align: left; border-radius: 8px;">
            <p style="margin: 0; font-size: 0.9rem; color: rgba(255,255,255,0.85);">
                <strong>{{ __('shop.right_to_return') }}</strong> {{ __('shop.return_14_days') }} 
                <a href="{{ route('refund-policy') }}" target="_blank" style="color: #fff; text-decoration: underline;">{{ __('shop.refund_policy') }}</a>.
            </p>
        </div>
        
        <button id="payNow" class="cta-button" style="margin-top:16px; opacity: 0.5; cursor: not-allowed;" disabled>
            {{ __('shop.pay_now') }}
        </button>
        <p id="termsError" style="color: rgba(255,100,100,0.9); margin-top: 0.75rem; font-size: 0.9rem; display: none;">
            {{ __('shop.terms_required') }}
        </p>
    </div>
</section>

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const btn = document.getElementById('payNow');
        const termsCheckbox = document.getElementById('acceptTerms');
        const refundCheckbox = document.getElementById('acceptRefund');
        const termsError = document.getElementById('termsError');
        
        // Enable button only when both checkboxes are checked
        function updateButtonState() {
            const bothChecked = termsCheckbox.checked && refundCheckbox.checked;
            if (bothChecked) {
                btn.style.opacity = '1';
                btn.style.cursor = 'pointer';
                btn.disabled = false;
                termsError.style.display = 'none';
            } else {
                btn.style.opacity = '0.5';
                btn.style.cursor = 'not-allowed';
                btn.disabled = true;
            }
        }
        
        termsCheckbox?.addEventListener('change', updateButtonState);
        refundCheckbox?.addEventListener('change', updateButtonState);
        
        btn?.addEventListener('click', async function() {
            // Double-check terms acceptance
            if (!termsCheckbox.checked || !refundCheckbox.checked) {
                termsError.style.display = 'block';
                return;
            }
            
            // Odczytaj koszyk z localStorage
            const raw = localStorage.getItem('verve-cart');
            let cart = raw ? JSON.parse(raw) : [];
            
            // FIX: Jeśli ceny są w złotych (mniejsze niż 100), przelicz na centy
            cart = cart.map(item => {
                if (item.price && item.price < 100) {
                    return { ...item, price: Math.round(item.price * 100) };
                }
                return item;
            });
            
            if (!cart.length) {
                alert('Koszyk jest pusty');
                return;
            }
            
            console.log('Wysyłam koszyk do serwera:', cart);
            
            btn.textContent = 'Przekierowywanie...';
            btn.disabled = true;
            
            try {
                const res = await fetch('{{ route('checkout.pay') }}', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content },
                    body: JSON.stringify({ cart })
                });
                
                const dataRaw = await res.text();
                console.log('Odpowiedź serwera (raw):', dataRaw);
                
                if (!res.ok) {
                    console.error('Błąd płatności (status ' + res.status + '):', dataRaw);
                    
                    // Spróbuj wyciągnąć konkretny błąd z JSON
                    try {
                        const errorData = JSON.parse(dataRaw);
                        const errorMsg = errorData.error || 'Produkt może być niedostępny';
                        
                        // Jeśli błąd zawiera "rezerwowany", dodaj info o czasie
                        if (errorMsg.includes('rezerwowany')) {
                            alert(errorMsg + '\n\nSpróbuj ponownie za chwilę (rezerwacja wygasa po 3 minutach).');
                        } else {
                            alert('Błąd płatności: ' + errorMsg);
                        }
                    } catch {
                        alert('Błąd płatności – produkt może być niedostępny. Spróbuj odświeżyć stronę.');
                    }
                    
                    btn.textContent = 'Zapłać teraz';
                    btn.disabled = false;
                    return;
                }
                
                const data = JSON.parse(dataRaw);
                if (!data.clientSecret) {
                    alert('Nieprawidłowa odpowiedź serwera');
                    btn.textContent = 'Zapłać teraz';
                    btn.disabled = false;
                    return;
                }
                const stripe = window.Stripe && Stripe(document.querySelector('meta[name="stripe-key"]').content);
                if (!stripe) {
                    alert('Stripe nie został zainicjalizowany');
                    btn.textContent = 'Zapłać teraz';
                    btn.disabled = false;
                    return;
                }
                const { error } = await stripe.redirectToCheckout({ sessionId: data.clientSecret });
                if (error) {
                    alert(error.message);
                    btn.textContent = 'Zapłać teraz';
                    btn.disabled = false;
                }
            } catch (e) {
                console.error('Pełny błąd:', e);
                console.error('Stack trace:', e.stack);
                
                let errorMessage = 'Błąd połączenia z serwerem';
                if (e.message) {
                    errorMessage += ': ' + e.message;
                }
                
                alert(errorMessage);
                btn.textContent = 'Zapłać teraz';
                btn.disabled = false;
            }
        });
    });
</script>
@endpush
@endsection