<?php
/** FAQ Elementor widget. */
defined( 'ABSPATH' ) || exit;

class Shabnam_Elementor_FAQ extends Shabnam_Elementor_Widget_Base {
	public function get_name() { return 'shabnam-muchwow-faq'; }
	public function get_title() { return __( 'پرسش‌های متداول MuchWOW', 'shabnam-muchwow' ); }
	public function get_icon() { return 'eicon-help-o'; }

	protected function register_controls() {
		$name = get_bloginfo( 'name' );
		$this->start_controls_section( 'content', array( 'label' => __( 'محتوا', 'shabnam-muchwow' ) ) );
		$this->add_control( 'label', array( 'label' => __( 'برچسب', 'shabnam-muchwow' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => 'پرسش‌های پرتکرار' ) );
		$this->add_control( 'title', array( 'label' => __( 'عنوان', 'shabnam-muchwow' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => 'پرسش‌های متداول' ) );
		$r = new \Elementor\Repeater();
		$r->add_control( 'question', array( 'label' => __( 'سؤال', 'shabnam-muchwow' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => 'سؤال نمونه؟' ) );
		$r->add_control( 'answer', array( 'label' => __( 'پاسخ', 'shabnam-muchwow' ), 'type' => \Elementor\Controls_Manager::TEXTAREA, 'default' => 'پاسخ نمونه.' ) );
		$this->add_control( 'faqs', array(
			'label' => __( 'سؤال‌ها', 'shabnam-muchwow' ), 'type' => \Elementor\Controls_Manager::REPEATER, 'fields' => $r->get_controls(),
			'default' => array(
				array( 'question' => 'توکن ' . $name . ' چیست؟ 🤔', 'answer' => 'توکن ' . $name . ' یک میم‌کوین جامعه‌محور روی شبکه اتریوم است که سرگرمی فرهنگ میم را با کاربرد واقعی ترکیب می‌کند و اکوسیستمی پویا برای دارندگان خود می‌سازد!' ),
				array( 'question' => 'چگونه ' . $name . ' بخرم؟ 💎', 'answer' => 'می‌توانید توکن ' . $name . ' را در Uniswap و با ETH خریداری کنید. کیف پول خود را متصل کنید، لغزش قیمت را روی ۵ تا ۶ درصد بگذارید و ETH را با ' . $name . ' مبادله کنید. پیش از معامله، حتماً نشانی قرارداد را بررسی کنید!' ),
				array( 'question' => 'اقتصاد توکن چگونه است؟ 📊', 'answer' => 'اقتصاد توکن شامل ۵٪ کارمزد خرید و فروش است: ۲٪ بازاریابی، ۲٪ نقدینگی و ۱٪ توسعه. سقف کیف پول ۲٪ و سقف هر تراکنش ۱٪ است. عرضه کل نیز یک میلیارد توکن در نظر گرفته شده است.' ),
				array( 'question' => 'چگونه به جامعه بپیوندم؟ 👥', 'answer' => 'در Telegram، Discord و Twitter به جامعه پویای ما بپیوندید. مسابقه‌های روزانه میم، نشست‌های پرسش‌وپاسخ و رویدادهای اجتماعی همراه با جوایز جذاب برگزار می‌کنیم!' ),
			), 'title_field' => '{{{ question }}}',
		) );
		$this->add_control( 'button_text', array( 'label' => __( 'متن دکمه', 'shabnam-muchwow' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => 'هنوز پرسشی دارید؟' ) );
		$this->shabnam_add_url_control( 'button_url', __( 'لینک دکمه', 'shabnam-muchwow' ), shabnam_contact_url() );
		$this->end_controls_section();
		$this->shabnam_register_common_style_controls();
	}

	protected function render() {
		$s = $this->get_settings_for_display();
		foreach ( array( 'label', 'title', 'button_text' ) as $key ) { $this->add_inline_editing_attributes( $key, 'none' ); }
		$this->add_link_attributes( 'button_url', $s['button_url'] );
		?>
		<div class="faq section panel overflow-hidden shabnam-elementor-section" id="faq"><div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10"><div class="container sm:max-w-md xl:max-w-lg"><div class="section-inner panel" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
		<div class="section-header panel sm:max-w-500px xl:max-w-800px mx-auto mb-4 sm:mb-6 xl:mb-9 text-center" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});"><div class="category"><div class="-rotate-2"><span class="fs-5 xl:fs-4 text-secondary fw-bold" <?php echo $this->get_render_attribute_string( 'label' ); ?>><?php echo esc_html( $s['label'] ); ?></span></div></div><h2 class="h4 sm:h3 xl:h2 mb-0 mt-2 text-white text-uppercase ls-0" <?php echo $this->get_render_attribute_string( 'title' ); ?>><?php echo esc_html( $s['title'] ); ?></h2></div>
		<div class="section-content panel"><div class="row child-cols-12 g-3 sm:g-4">
		<?php foreach ( $s['faqs'] as $i => $faq ) : ?><div><div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 <?php echo esc_attr( 0 === $i % 2 ? 'rotate-1' : '-rotate-1' ); ?>" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))"><h4 class="h5 xl:h4 stroke-text mb-2"><?php echo esc_html( $faq['question'] ); ?></h4><p class="fs-5 xl:fs-4"><?php echo esc_html( $faq['answer'] ); ?></p></div></div><?php endforeach; ?>
		</div></div>
		<div class="section-footer panel d-flex justify-center mt-6 sm:mt-8" data-anime="onview: -100; translateY: [24, 0]; opacity: [0, 1]; delay: 200;"><a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" <?php echo $this->get_render_attribute_string( 'button_url' ); ?> style="--shadowColor: var(--color-secondary)"><span class="text-black" <?php echo $this->get_render_attribute_string( 'button_text' ); ?>><?php echo esc_html( $s['button_text'] ); ?></span></a></div>
		</div></div></div></div>
		<?php
	}
}
