<?php
/**
 * Block: Contact Form 
 * 
 * @package Nenghui Energy Theme
 */
 
// 防止直接访问
if (!defined('ABSPATH')) {
    exit;
}

// 获取短代码参数或使用默认值
global $contact_form_shortcode_atts;
$atts = $contact_form_shortcode_atts ?? array();

// 设置默认值
$container_id = $atts['id'] ?? 'contact-form-container';
$container_class = 'contact-form-container';
if (!empty($atts['class'])) {
    $container_class .= ' ' . esc_attr($atts['class']);
}
$form_id = $atts['form_id'] ?? '1';
$show_animation = $atts['show_animation'] ?? 'true';
?>
<div id="<?php echo esc_attr($container_id); ?>" class="<?php echo esc_attr($container_class); ?>"<?php if ($show_animation === 'true'): ?> data-aos="fade-up"<?php endif; ?>>
    <div class="contact-form"><?php echo do_shortcode('[fluentform id="' . esc_attr($form_id) . '"]'); ?></div>
</div>

<style>
    .contact-form-container {
        max-width: 100%;
        margin: 0 auto;
        background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/contact-bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 30px;
        border-radius: 8px;
        height: 600px;
    }
    .contact-form-container.aos-animate {
        opacity: 1;
        transform: translateY(0);
    }
    .contact-form {
        width: 50%;
        height: auto;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    @media screen and (max-width: 768px) {
        .contact-form {
            width: 100%;
            top: auto;
            transform: none;
        }
        .contact-form-container {
            height: auto;
            padding: 40px 20px;
        }
    }
</style>