<?php
/**
 * Template name: 墨星博客-资源下载
 * Description:   墨星博客-独立资源下载页面
 */

if (empty($_GET['post'])) {
    get_header();
    get_template_part('template/content-404');
    get_footer();
    exit;
}
get_header();
$post_id = $_GET['post'];

function zibpay_get_down_html($post_id)
{
    $pay_mate = get_post_meta($post_id, 'posts_zibpay', true);
    if (empty($pay_mate['pay_type']) || $pay_mate['pay_type'] != '2') {
        return get_template_part('template/content-404');
    };
    
    $thumbnail = zib_post_thumbnail('full', '', true, $post_id);
    
    $paid_obj = zibpay_is_paid($post_id);
    $posts_title = get_the_title($post_id) . get_post_meta($post_id, 'subtitle', true);
    $pay_title = !empty($pay_mate['pay_title']) ? $pay_mate['pay_title'] : $posts_title;
    $pay_doc = !empty($pay_mate['pay_doc']) ? $pay_mate['pay_doc'] : '';

    $price = !empty($pay_mate['pay_price']) ? $pay_mate['pay_price'] : '';
    $original_price = !empty($pay_mate['pay_original_price']) ? $pay_mate['pay_original_price'] : '';

    $user_qx = zibpay_get_post_down_buts($pay_mate, $paid_obj['paid_type'], $post_id);
    
    if ($paid_obj) {
        $paid_name = zibpay_get_paid_type_name($paid_obj['paid_type']);
        
        if($paid_name == '推广会员免费' || $paid_name == '代理会员免费'){
            $dowmbox = '<div class="download-btn-wrap">' . $user_qx . '</div>';
        } else {
            $dowmbox = '<div class="download-btn-wrap"><span class="free-badge"><i class="fa fa-diamond"></i> 会员免费 · 即刻下载</span>' . $user_qx . '</div>';
        }
        
        $pay_extra_hide = !empty($pay_mate['pay_extra_hide']) ? '<div class="extra-info">' . $pay_mate['pay_extra_hide'] . '</div>' : '';
        
        if ($paid_obj['paid_type'] == 'free' && _pz('pay_free_logged_show') && !is_user_logged_in()) {
            $dowmbox = '<div class="login-tip"><i class="fa fa-heart"></i> 登录后即可免费下载</div>';
            $pay_extra_hide = '<div class="login-card">';
            $pay_extra_hide .= '<h4>登录墨星</h4>';
            $pay_extra_hide .= '<p>登录后解锁全部资源</p>';
            $pay_extra_hide .= '<div class="login-buttons">';
            $pay_extra_hide .= '<a href="javascript:;" class="btn-login signin-loader"><i class="fa fa-sign-in"></i> 登录</a>';
            $pay_extra_hide .= '<a href="javascript:;" class="btn-reg signup-loader"><i class="fa fa-user-plus"></i> 注册</a>';
            $pay_extra_hide .= '</div>';
            $pay_extra_hide .= zib_social_login(false);
            $pay_extra_hide .= '</div>';
        }
        
        $title_with_price = '<h2 class="download-title">' . $pay_title;
    if ($price) {
        $title_with_price .= '<span class="download-price"><span class="current-price">¥' . $price . '</span>';
        if ($original_price && $original_price > $price) {
            $title_with_price .= '<span class="original-price">¥' . $original_price . '</span>';
        }
        $title_with_price .= '</span>';
    }
    $title_with_price .= '</h2>';
    
    if($paid_name != '推广会员免费' && $paid_name != '代理会员免费') {
        $title_with_price .= '<span class="badg c-red btn-block" style="margin-bottom:16px;">免费资源不占用会员的免费下载次数</span>';
    }

    $left_html = '';
    if ($thumbnail) {
        $left_html = '<div class="download-left">
                    <div class="download-img-wrap">
                        <img src="' . $thumbnail . '" alt="' . esc_attr($pay_title) . '" class="download-img">
                    </div>
                </div>';
    }

    $container_class = $thumbnail ? '' : ' no-thumbnail';

    $html = '<div class="download-module">
            <div class="download-container' . $container_class . '">
                ' . $left_html . '
                <div class="download-right">
                    <div class="download-info">
                        ' . $title_with_price . '
                        <div class="download-desc">' . $pay_doc . '</div>
                        ' . $dowmbox . '
                        ' . $pay_extra_hide . '
                    </div>
                </div>
            </div>
        </div>';
    } else {
        $title_with_price = '<h2 class="download-title">' . $pay_title;
    if ($price) {
        $title_with_price .= '<span class="download-price"><span class="current-price">¥' . $price . '</span>';
        if ($original_price && $original_price > $price) {
            $title_with_price .= '<span class="original-price">¥' . $original_price . '</span>';
        }
        $title_with_price .= '</span>';
    }
    $title_with_price .= '</h2>';

    $left_html = '';
    if ($thumbnail) {
        $left_html = '<div class="download-left">
                    <div class="download-img-wrap">
                        <img src="' . $thumbnail . '" alt="' . esc_attr($pay_title) . '" class="download-img">
                    </div>
                </div>';
    }

    $container_class = $thumbnail ? '' : ' no-thumbnail';

    $html = '<div class="download-module denied">
            <div class="download-container' . $container_class . '">
                ' . $left_html . '
                <div class="download-right">
                    <div class="download-info">
                        ' . $title_with_price . '
                        <div class="download-desc">' . $pay_doc . '</div>
                        <div class="download-btn-wrap">
                            <a href="' . get_permalink($post_id) . '#posts-pay" class="btn-back"><i class="fa fa-arrow-left"></i> 返回文章获取权限</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>';
    }
    
    return $html;
}
?>

<style>
.download-module{margin-bottom:50px;position:relative}
.download-container{display:flex;gap:40px;background:var(--main-bg-color);border-radius:var(--main-radius);position:relative;overflow:hidden;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.download-container.no-thumbnail{display:block}
.download-container.no-thumbnail .download-right{width:100%}
.download-container::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(135deg,#f5e6ff,#ffe6f0);border-radius:50%;z-index:0;opacity:0.6}
.download-container::after{content:'';position:absolute;bottom:-30px;left:30%;width:150px;height:150px;background:linear-gradient(135deg,#e0f3ff,#e6ffe6);border-radius:50%;z-index:0;opacity:0.5}
.download-left{flex-shrink:0;width:260px;position:relative;z-index:1}
.download-img-wrap{position:relative;border-radius:var(--main-radius);overflow:hidden}
.download-img{width:100%;height:auto;display:block;border-radius:var(--main-radius);transition:transform 0.3s ease}
.download-img-wrap:hover .download-img{transform:scale(1.02)}
.download-right{flex:1;position:relative;z-index:1}
.download-info{height:100%;display:flex;flex-direction:column}
.download-title{font-size:26px;font-weight:700;margin:0 0 16px 0;color:var(--main-color);line-height:1.3;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.download-price{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.download-price .current-price{color:#ef4444;font-size:28px;font-weight:600}
.download-price .original-price{color:#94a3b8;font-size:16px;text-decoration:line-through}
.download-desc{color:var(--main-color);line-height:1.7;margin-bottom:20px;font-size:15px;opacity:0.85}
.download-btn-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:0}
.free-badge{background:#fef3c7;padding:8px 18px;border-radius:calc(var(--main-radius) / 2);font-size:13px;color:#d97706;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.download-btn-wrap .btn-download{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;border-radius:calc(var(--main-radius) / 2);font-size:15px;font-weight:600;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer}
.download-btn-wrap .btn-download:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--main-bg-color);color:var(--main-color);border-radius:calc(var(--main-radius) / 2);font-size:14px;font-weight:500;text-decoration:none;transition:all 0.2s;border:1px solid var(--main-border-color)}
.btn-back:hover{background:var(--main-hover-bg);color:var(--main-color)}
.login-tip{background:#fef3c7;padding:12px 20px;border-radius:var(--main-radius);color:#d97706;margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}
.login-card{background:var(--main-bg-color);border-radius:var(--main-radius);padding:28px;text-align:center;margin-top:20px;border:1px solid var(--main-border-color)}
.login-card h4{font-size:20px;margin:0 0 8px 0;color:var(--main-color)}
.login-card p{color:var(--main-color);margin-bottom:20px;opacity:0.7}
.login-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-login{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;border-radius:calc(var(--main-radius) / 2);text-decoration:none;font-weight:500}
.btn-reg{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--main-bg-color);color:var(--main-color);border-radius:calc(var(--main-radius) / 2);text-decoration:none;font-weight:500;border:1px solid var(--main-border-color)}
.extra-info{margin-top:16px;padding:14px 18px;background:#f0fdf4;border-radius:var(--main-radius);color:#166534;font-size:13px;border-left:3px solid #22c55e}
.page-header{text-align:center;margin-bottom:48px}
.page-header h1{font-size:38px;font-weight:800;margin:0 0 12px 0;display:inline-block;position:relative;color:var(--main-color);padding:0 12px;line-height:1.4}
.page-header h1::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:14px;background:linear-gradient(90deg,#fef3c7,#fde68a);border-radius:4px;z-index:-1;opacity:0.7;transition:all 0.3s ease}
.page-header p{color:var(--main-color);font-size:16px;opacity:0.7}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}
.stat-card{background:var(--main-bg-color);border-radius:var(--main-radius);padding:24px 20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.stat-icon{width:54px;height:54px;background:#eef2f6;border-radius:var(--main-radius);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px;color:#8b5cf6}
.stat-card h3{font-size:26px;font-weight:800;margin:0 0 6px 0;color:var(--main-color)}
.stat-card p{font-size:13px;color:var(--main-color);margin:0;opacity:0.6}
.rules-box{background:var(--main-bg-color);border-radius:var(--main-radius);margin-bottom:50px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.rules-header{padding:18px 28px;background:var(--main-bg-color);border-bottom:1px solid var(--main-border-color)}
.rules-header h3{font-size:18px;font-weight:600;margin:0;color:var(--main-color)}
.rules-header h3 i{color:#8b5cf6;margin-right:10px}
.rules-list{padding:24px 28px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.rules-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--main-color)}
.rules-list li i{width:20px;color:#8b5cf6}
.but-download{margin-left:10px}
@media (max-width:768px){.download-container{flex-direction:column;padding:24px;gap:24px}.download-left{width:200px;margin:0 auto}.download-title{font-size:22px;text-align:center;justify-content:center}.download-price{margin-left:0;justify-content:center}.download-desc{text-align:center}.download-btn-wrap{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.rules-list{grid-template-columns:1fr;padding:20px}.page-header h1{font-size:30px}}
@media (min-width:769px) and (max-width:1024px){.download-left{width:220px}.stats-grid{gap:16px}}
</style>

<main class="container">
    <div class="content-wrap">
        <div class="content-layout">
            <?php while (have_posts()) : the_post(); ?>
                
                <div class="page-header">
                    <h1>资源下载</h1>
                    <p>精选设计资源 · 助力创意落地</p>
                </div>

                <div class="zib-widget" style="background: transparent; padding: 0;">
                    <?php echo zibpay_get_down_html($post_id); ?>
                    
                    <?php
                    $page_links_content_s = get_post_meta(get_queried_object_id(), 'page_show_content', true);
                    if ($page_links_content_s) {
                        the_content();
                        wp_link_pages(array(
                            'before' => '<p class="text-center post-nav-links">',
                            'after'  => '</p>',
                        ));
                    }
                    ?>
                </div>

                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon"><i class="fa fa-database"></i></div>
                        <h3>精品资源</h3>
                        <p>优质海量资源</p>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon"><i class="fa fa-shield"></i></div>
                        <h3>安全认证</h3>
                        <p>无毒无广告</p>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon"><i class="fa fa-bolt"></i></div>
                        <h3>极速下载</h3>
                        <p>CDN加速节点</p>
                    </div>
                    <div class="stat-card">
                        <div class="stat-icon"><i class="fa fa-life-ring"></i></div>
                        <h3>专属客服</h3>
                        <p>7x12小时在线</p>
                    </div>
                </div>

                <div class="rules-box">
                    <div class="rules-header">
                        <h3><i class="fa fa-file-text-o"></i> 下载须知</h3>
                    </div>
                    <ul class="rules-list">
                        <li><i class="fa fa-copyright"></i> 本站资源仅供学习交流，版权归原作者所有</li>
                        <li><i class="fa fa-shopping-cart"></i> 付费资源请于24小时内删除，商用请购买正版</li>
                        <li><i class="fa fa-envelope"></i> 侵权内容请联系作者删除，我们将及时处理</li>
                        <li><i class="fa fa-repeat"></i> 文件支持重复下载，有问题随时联系客服</li>
                    </ul>
                </div>

                <?php comments_template('/template/comments.php', true); ?>
            <?php endwhile; ?>
        </div>
    </div>
    <?php get_sidebar(); ?>
</main>

<?php get_footer(); ?>