/**
 * Plugin Name: Instant3DShop Design Engine
 * Description: Premium dark design met conversie-psychologie, trust signals en transparantie
 * Version: 2.0
 * Author: Jarvis
 */

add_action('wp_enqueue_scripts', 'i3ds_design_enqueue');
add_action('wp_head', 'i3ds_design_head');
add_action('wp_footer', 'i3ds_design_footer');
add_filter('the_content', 'i3ds_design_content', 99);

function i3ds_design_enqueue() {
    wp_enqueue_style('i3ds-font', 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap', [], null);
}

function i3ds_design_head() {
    echo '<style>
:root {
    --i3ds-bg: #0a0a0f;
    --i3ds-bg-2: #111118;
    --i3ds-bg-3: #1a1a25;
    --i3ds-accent: #00d084;
    --i3ds-accent-glow: rgba(0,208,132,0.15);
    --i3ds-text: #e8e8f0;
    --i3ds-text-muted: #8890a8;
    --i3ds-border: #222233;
    --i3ds-border-light: #2a2a3a;
    --i3ds-danger: #ff4757;
    --i3ds-warning: #ffa502;
    --i3ds-card: #13131d;
    --i3ds-card-hover: #1c1c2a;
}

/* ===== BASE ===== */
body, .site, #page { 
    background: var(--i3ds-bg) !important; 
    color: var(--i3ds-text) !important;
    font-family: "Inter", -apple-system, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 { 
    font-family: "Space Grotesk", sans-serif !important;
    color: #fff !important;
    font-weight: 700 !important;
}

p, li, span, td, th, label { color: var(--i3ds-text) !important; }

a { color: var(--i3ds-accent) !important; }
a:hover { color: #00ff9d !important; }

/* ===== HEADER ===== */
.site-header, header, .ast-primary-header-bar, .main-header-bar {
    background: var(--i3ds-bg-2) !important;
    border-bottom: 1px solid var(--i3ds-border) !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.3) !important;
}

.main-header-menu a { color: var(--i3ds-text) !important; font-weight: 500 !important; }
.main-header-menu a:hover { color: var(--i3ds-accent) !important; }

/* ===== HERO SECTION ===== */
.ast-container .ast-row:first-child {
    background: linear-gradient(135deg, var(--i3ds-bg) 0%, var(--i3ds-bg-2) 50%, var(--i3ds-bg) 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Glow effect */
.ast-container .ast-row:first-child::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, var(--i3ds-accent-glow) 0%, transparent 70%);
    pointer-events: none;
}

/* ===== BUTTONS ===== */
button, .button, .btn, .woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, .ast-button, .wp-block-button__link,
.ast-custom-button, .woocommerce .product .single_add_to_cart_button,
.woocommerce .cart .button, .woocommerce .checkout .button {
    background: linear-gradient(135deg, #00d084 0%, #00a870 100%) !important;
    color: #000 !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    padding: 16px 32px !important;
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 8px 32px rgba(0,208,132,0.25) !important;
    transition: all 0.3s ease !important;
}

button:hover, .button:hover, .woocommerce a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 40px rgba(0,208,132,0.35) !important;
    filter: brightness(1.1) !important;
}

/* Secondary button */
.woocommerce a.button.alt, .woocommerce button.button.alt, .alt {
    background: var(--i3ds-bg-3) !important;
    color: var(--i3ds-accent) !important;
    border: 2px solid var(--i3ds-accent) !important;
    box-shadow: none !important;
}

/* ===== PRODUCT CARDS ===== */
.woocommerce ul.products li.product, .wc-block-grid__product,
.ast-article-post, .ast-blog-featured-section {
    background: var(--i3ds-card) !important;
    border: 1px solid var(--i3ds-border) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    border-color: var(--i3ds-accent) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px var(--i3ds-accent) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #fff !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
}

.woocommerce ul.products li.product .price {
    color: var(--i3ds-accent) !important;
    font-size: 1.6em !important;
    font-weight: 800 !important;
}

/* ===== TRUST BADGES ===== */
.i3ds-trust-bar {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 24px 0;
    flex-wrap: wrap;
}
.i3ds-trust-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9em;
    color: var(--i3ds-text-muted);
}
.i3ds-trust-badge svg {
    width: 24px;
    height: 24px;
    color: var(--i3ds-accent);
}

/* ===== CARDS / BOXES ===== */
.ast-article-single, .hentry, .ast-container, .site-content,
.ast-comment, .woocommerce-page .entry-content, .entry-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.ast-post-format-gallery, .ast-separate-container .ast-article-post {
    background: var(--i3ds-card) !important;
    border: 1px solid var(--i3ds-border) !important;
    border-radius: 16px !important;
    padding: 40px !important;
}

/* ===== PRICING CARDS ===== */
.i3ds-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    margin: 40px 0;
}

.i3ds-pricing-card {
    background: var(--i3ds-card) !important;
    border: 2px solid var(--i3ds-border) !important;
    border-radius: 24px !important;
    padding: 40px 32px !important;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
}

.i3ds-pricing-card:hover {
    border-color: var(--i3ds-accent) !important;
    transform: translateY(-8px);
    box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 60px var(--i3ds-accent-glow);
}

.i3ds-pricing-card.featured {
    border-color: var(--i3ds-accent) !important;
    background: linear-gradient(180deg, var(--i3ds-card) 0%, rgba(0,208,132,0.05) 100%) !important;
}

.i3ds-pricing-card.featured::before {
    content: "⭐ BESTE KEUZE";
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--i3ds-accent);
    color: #000;
    padding: 6px 24px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.75em;
    letter-spacing: 1px;
}

.i3ds-pricing-card .i3ds-price {
    font-size: 3em;
    font-weight: 900;
    color: #fff;
    margin: 20px 0 8px;
    font-family: "Space Grotesk", sans-serif;
}

.i3ds-pricing-card .i3ds-price-period {
    color: var(--i3ds-text-muted);
    font-size: 0.9em;
    margin-bottom: 24px;
}

.i3ds-pricing-card ul {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
}

.i3ds-pricing-card ul li {
    padding: 10px 0;
    border-bottom: 1px solid var(--i3ds-border);
    display: flex;
    align-items: center;
    gap: 12px;
}

.i3ds-pricing-card ul li::before {
    content: "✓";
    color: var(--i3ds-accent);
    font-weight: 700;
    flex-shrink: 0;
}

.i3ds-pricing-card ul li.missing::before {
    content: "—";
    color: var(--i3ds-text-muted);
}

.i3ds-pricing-card ul li.missing {
    color: var(--i3ds-text-muted) !important;
}

/* ===== SECURITY / TRUST SECTION ===== */
.i3ds-security-section {
    background: var(--i3ds-bg-2) !important;
    border-top: 1px solid var(--i3ds-border) !important;
    border-bottom: 1px solid var(--i3ds-border) !important;
    padding: 60px 0;
    text-align: center;
}

.i3ds-security-icons {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.i3ds-security-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.i3ds-security-item .icon {
    width: 64px;
    height: 64px;
    background: var(--i3ds-card);
    border: 1px solid var(--i3ds-border);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--i3ds-accent);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.i3ds-security-item span {
    color: var(--i3ds-text-muted) !important;
    font-size: 0.85em;
}

/* ===== TRANSPARENCY BAR ===== */
.i3ds-transparency-bar {
    background: var(--i3ds-card) !important;
    border: 1px solid var(--i3ds-border) !important;
    border-radius: 16px !important;
    padding: 24px 32px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 0.9em;
}

.i3ds-transparency-bar .emoji {
    font-size: 1.5em;
}

.i3ds-transparency-bar strong {
    color: #fff !important;
}

/* ===== CHECKOUT ===== */
.woocommerce-checkout, .woocommerce-cart, .woocommerce-account {
    background: var(--i3ds-bg) !important;
}

.woocommerce form.woocommerce-checkout, .woocommerce table.shop_table,
.woocommerce .cart_totals, .woocommerce .woocommerce-checkout-review-order {
    background: var(--i3ds-card) !important;
    border: 1px solid var(--i3ds-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
}

.woocommerce form .form-row input, .woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: var(--i3ds-bg) !important;
    border: 1px solid var(--i3ds-border) !important;
    color: var(--i3ds-text) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
}

.woocommerce form .form-row input:focus, .woocommerce form .form-row textarea:focus {
    border-color: var(--i3ds-accent) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--i3ds-accent-glow) !important;
}

/* ===== FOOTER ===== */
.site-footer, footer, .ast-small-footer, .ast-footer-bar {
    background: var(--i3ds-bg-2) !important;
    border-top: 1px solid var(--i3ds-border) !important;
    color: var(--i3ds-text-muted) !important;
}

/* ===== PULSE ANIMATION FOR CTA ===== */
@keyframes i3ds-pulse {
    0%, 100% { box-shadow: 0 8px 32px rgba(0,208,132,0.25); }
    50% { box-shadow: 0 8px 32px rgba(0,208,132,0.45); }
}

.i3ds-cta-pulse {
    animation: i3ds-pulse 2s ease-in-out infinite;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--i3ds-bg); }
::-webkit-scrollbar-thumb { background: var(--i3ds-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--i3ds-accent); }

/* ===== SELECTION ===== */
::selection { background: var(--i3ds-accent); color: #000; }

/* ===== ANIMATIONS ===== */
.i3ds-fade-in { animation: fadeIn 0.8s ease forwards; opacity: 0; }
@keyframes fadeIn { to { opacity: 1; } }

.i3ds-slide-up { animation: slideUp 0.6s ease forwards; opacity: 0; transform: translateY(30px); }
@keyframes slideUp { to { opacity: 1; transform: translateY(0); } }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .i3ds-pricing-grid { grid-template-columns: 1fr; }
    .i3ds-trust-bar { gap: 20px; }
    .i3ds-security-icons { gap: 30px; }
}

/* ===== BADGES ===== */
.i3ds-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.i3ds-badge.green {
    background: rgba(0,208,132,0.15);
    color: var(--i3ds-accent);
    border: 1px solid rgba(0,208,132,0.3);
}

.i3ds-badge.orange {
    background: rgba(255,165,2,0.15);
    color: var(--i3ds-warning);
    border: 1px solid rgba(255,165,2,0.3);
}
    </style>';
}

function i3ds_design_footer() {
    echo '<script>
document.addEventListener("DOMContentLoaded", function() {
    // Add trust badges to cart/checkout
    const isCheckout = document.body.classList.contains("woocommerce-checkout") || 
                       document.body.classList.contains("woocommerce-cart");
    if (isCheckout) {
        const trustBar = document.createElement("div");
        trustBar.className = "i3ds-trust-bar";
        trustBar.innerHTML = `
            <div class="i3ds-trust-badge">🔒 SSL Beveiligde Betaling</div>
            <div class="i3ds-trust-badge">💳 Stripe PCI Compliant</div>
            <div class="i3ds-trust-badge">⚡ Directe Levering</div>
            <div class="i3ds-trust-badge">🛡️ 14-dagen Geld-terug Garantie</div>
        `;
        const form = document.querySelector(".woocommerce-checkout, .woocommerce-cart-form");
        if (form) form.parentNode.insertBefore(trustBar, form);
    }
    
    // Add exit intent logic enhancement (cooperates with existing popup)
    let mouseY = 0;
    let triggered = false;
    document.addEventListener("mousemove", function(e) { mouseY = e.clientY; });
    document.addEventListener("mouseleave", function(e) {
        if (e.clientY < 50 && !triggered && !window.i3dsExitIntentShown) {
            triggered = true;
            window.i3dsExitIntentShown = true;
        }
    });
    
    // Sticky "Buy Now" on product pages
    const addToCart = document.querySelector(".single_add_to_cart_button");
    const productMeta = document.querySelector(".product_meta");
    if (addToCart && productMeta) {
        const stickyWrap = document.createElement("div");
        stickyWrap.style.cssText = "position:sticky;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent, var(--i3ds-bg) 40%);z-index:100;text-align:center;display:none;";
        const clone = addToCart.cloneNode(true);
        clone.style.cssText = "padding:18px 48px;font-size:1.1em;";
        stickyWrap.appendChild(clone);
        document.body.appendChild(stickyWrap);
        window.addEventListener("scroll", function() {
            const rect = addToCart.getBoundingClientRect();
            stickyWrap.style.display = rect.bottom < 0 ? "block" : "none";
        });
        clone.addEventListener("click", function() { addToCart.click(); });
    }
});
</script>';
}

// Enhance homepage content with pricing cards
function i3ds_design_content($content) {
    if (!is_front_page()) return $content;
    
    $pricing = '
    <!-- Instant3DShop Pricing Engine -->
    <div style="margin:60px 0;text-align:center;" class="i3ds-pricing-wrapper">
        <h2 style="font-size:2.2em;margin-bottom:12px;">Kies jouw Start</h2>
        <p style="color:var(--i3ds-text-muted);font-size:1.1em;margin-bottom:40px;">Eerlijke prijzen. Geen verborgen kosten. Geen verrassingen.</p>
        
        <div class="i3ds-pricing-grid">
            <!-- OPTION 1: Self-Hosted -->
            <div class="i3ds-pricing-card">
                <div class="i3ds-badge orange">DIY</div>
                <h3 style="font-size:1.3em;margin-top:16px;">Zelf Installeren</h3>
                <div class="i3ds-price">€4.500</div>
                <div class="i3ds-price-period">Eenmalig — voor altijd van jou</div>
                <ul>
                    <li>Volledige Print Shop software</li>
                    <li>Directe download na betaling</li>
                    <li>Levenslange updates</li>
                    <li>Installatiehandleiding</li>
                    <li>Community support</li>
                    <li class="missing">Hosting niet inbegrepen</li>
                    <li class="missing">Setup doe je zelf</li>
                </ul>
                <a href="/shop/" class="button alt" style="display:block;">Download Nu →</a>
            </div>
            
            <!-- OPTION 2: Managed Hosting -->
            <div class="i3ds-pricing-card featured">
                <div class="i3ds-badge green">AANBEVOLEN</div>
                <h3 style="font-size:1.3em;margin-top:16px;">Managed Hosting</h3>
                <div class="i3ds-price">€4.500</div>
                <div class="i3ds-price-period">+ €20/maand hosting <span style="color:var(--i3ds-accent);">⭐ Gratis Setup!</span></div>
                <ul>
                    <li>Alles van Zelf Installeren</li>
                    <li>✅ Professionele hosting (99.9% uptime)</li>
                    <li>✅ Dagelijkse backups</li>
                    <li>✅ SSL certificaat inbegrepen</li>
                    <li>✅ <strong>Gratis setup — wij doen al het werk!</strong></li>
                    <li>✅ Prioriteit support</li>
                    <li>✅ Automatische updates</li>
                </ul>
                <a href="/shop/" class="button i3ds-cta-pulse" style="display:block;">Start Direct →</a>
            </div>
        </div>
        
        <!-- Trust section -->
        <div class="i3ds-security-section" style="margin-top:60px;">
            <h3 style="font-size:1.5em;">🔒 Jouw Veiligheid Staat Voorop</h3>
            <div class="i3ds-security-icons">
                <div class="i3ds-security-item">
                    <div class="icon">🔐</div>
                    <span>256-bit SSL<br>Encryptie</span>
                </div>
                <div class="i3ds-security-item">
                    <div class="icon">💳</div>
                    <span>PCI-DSS<br>Compliant</span>
                </div>
                <div class="i3ds-security-item">
                    <div class="icon">🇳🇱</div>
                    <span>EU Servers<br>GDPR Proof</span>
                </div>
                <div class="i3ds-security-item">
                    <div class="icon">🛡️</div>
                    <span>14-Dagen<br>Geld Terug</span>
                </div>
            </div>
        </div>
        
        <!-- Transparency -->
        <div class="i3ds-transparency-bar">
            <span class="emoji">📢</span>
            <div>
                <strong>100% Transparantie:</strong> Geen verborgen kosten. Geen setup fees. Geen verrassingen op je factuur. 
                Wij geloven in eerlijke prijzen en duidelijke communicatie. Heb je vragen? <a href="/contact/">Neem contact op</a>.
            </div>
        </div>
    </div>';
    
    return $content . $pricing;
}