<?php
/**
 * Elementor Compact Product Card Widget
 * Smaller vertical card for dense grids
 */

if (!defined('ABSPATH')) {
    exit;
}

class CannaIQ_Card_Compact_Widget extends \Elementor\Widget_Base {

    public function get_name() {
        return 'cannaiq_card_compact';
    }

    public function get_title() {
        return __('CannaiQ Compact Card', 'cannaiq-menus');
    }

    public function get_icon() {
        return 'eicon-posts-grid';
    }

    public function get_categories() {
        return ['cannaiq-templates'];
    }

    public function get_keywords() {
        return ['cannaiq', 'product', 'compact', 'card', 'small'];
    }

    protected function register_controls() {

        // Content Section
        $this->start_controls_section(
            'content_section',
            [
                'label' => __('Content', 'cannaiq-menus'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'store_id',
            [
                'label' => __('Store ID', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'default' => get_option('cannaiq_default_store_id', 1),
                'min' => 1,
            ]
        );

        $this->add_control(
            'limit',
            [
                'label' => __('Number of Products', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'default' => 12,
                'min' => 1,
                'max' => 50,
            ]
        );

        $this->add_control(
            'columns',
            [
                'label' => __('Columns', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => '4',
                'options' => [
                    '3' => __('3 Columns', 'cannaiq-menus'),
                    '4' => __('4 Columns', 'cannaiq-menus'),
                    '5' => __('5 Columns', 'cannaiq-menus'),
                    '6' => __('6 Columns', 'cannaiq-menus'),
                ],
            ]
        );

        $this->add_control(
            'category',
            [
                'label' => __('Category', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SELECT,
                'default' => '',
                'options' => CannaIQ_Menus_Plugin::instance()->get_category_options(),
            ]
        );

        $this->add_control(
            'specials_only',
            [
                'label' => __('Specials Only', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'no',
            ]
        );

        $this->end_controls_section();

        // Display Options
        $this->start_controls_section(
            'display_section',
            [
                'label' => __('Display Options', 'cannaiq-menus'),
                'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
            ]
        );

        $this->add_control(
            'show_brand',
            [
                'label' => __('Show Brand', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_control(
            'show_thc_cbd',
            [
                'label' => __('Show THC/CBD', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_control(
            'show_discount_badge',
            [
                'label' => __('Show Discount Badge', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_control(
            'show_original_price',
            [
                'label' => __('Show Original Price', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->add_control(
            'show_cart_button',
            [
                'label' => __('Show Add to Cart', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'return_value' => 'yes',
                'default' => 'yes',
            ]
        );

        $this->end_controls_section();

        // Style Section
        $this->start_controls_section(
            'style_section',
            [
                'label' => __('Style', 'cannaiq-menus'),
                'tab' => \Elementor\Controls_Manager::TAB_STYLE,
            ]
        );

        $this->add_control(
            'card_background',
            [
                'label' => __('Card Background', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default' => '#ffffff',
            ]
        );

        $this->add_control(
            'border_color',
            [
                'label' => __('Border Color', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default' => '#e5e7eb',
            ]
        );

        $this->add_control(
            'discount_badge_color',
            [
                'label' => __('Discount Badge Color', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default' => '#fbbf24',
            ]
        );

        $this->add_control(
            'button_color',
            [
                'label' => __('Button Color', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::COLOR,
                'default' => '#f97316',
            ]
        );

        $this->add_control(
            'border_radius',
            [
                'label' => __('Border Radius', 'cannaiq-menus'),
                'type' => \Elementor\Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range' => [
                    'px' => [
                        'min' => 0,
                        'max' => 20,
                    ],
                ],
                'default' => [
                    'size' => 8,
                ],
            ]
        );

        $this->end_controls_section();
    }

    protected function render() {
        $settings = $this->get_settings_for_display();

        $args = [
            'store_id' => $settings['store_id'],
            'limit' => $settings['limit'],
        ];

        if (!empty($settings['category'])) {
            $args['type'] = $settings['category'];
        }

        $plugin = CannaIQ_Menus_Plugin::instance();

        if ($settings['specials_only'] === 'yes') {
            $products = $plugin->fetch_specials($args);
        } else {
            $products = $plugin->fetch_products($args);
        }

        if (!$products) {
            echo '<p>' . __('No products found.', 'cannaiq-menus') . '</p>';
            return;
        }

        $columns = $settings['columns'];
        $card_bg = $settings['card_background'];
        $border_color = $settings['border_color'];
        $discount_color = $settings['discount_badge_color'];
        $btn_color = $settings['button_color'];
        $radius = $settings['border_radius']['size'] . 'px';

        $col_widths = [
            '3' => '33.333%',
            '4' => '25%',
            '5' => '20%',
            '6' => '16.666%',
        ];
        $col_width = $col_widths[$columns] ?? '25%';
        ?>
        <div class="cannaiq-compact-grid" style="
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            margin: -8px;
        ">
            <?php foreach ($products as $product):
                $image_url = $product['image_url'] ?? $product['primary_image_url'] ?? '';
                $product_url = !empty($product['menu_url']) ? $product['menu_url'] : '#';
                $regular_price = $product['regular_price'] ?? $product['price_rec'] ?? 0;
                $sale_price = $product['sale_price'] ?? $product['price_rec_special'] ?? $regular_price;
                $has_discount = $regular_price > 0 && $sale_price < $regular_price;
                $discount_percent = $has_discount ? round((($regular_price - $sale_price) / $regular_price) * 100) : 0;
                $brand = $product['brand'] ?? '';
                $thc = $product['thc_percentage'] ?? '';
                $cbd = $product['cbd_percentage'] ?? '';
            ?>
            <div class="cannaiq-compact-card" style="
                width: calc(<?php echo esc_attr($col_width); ?> - 16px);
                min-width: 140px;
                background: <?php echo esc_attr($card_bg); ?>;
                border: 1px solid <?php echo esc_attr($border_color); ?>;
                border-radius: <?php echo esc_attr($radius); ?>;
                padding: 12px;
                text-align: center;
            ">
                <?php if (!empty($image_url)): ?>
                <div class="cannaiq-cc-image" style="
                    width: 100%;
                    aspect-ratio: 1;
                    margin-bottom: 10px;
                    position: relative;
                ">
                    <img src="<?php echo esc_url($image_url); ?>"
                         alt="<?php echo esc_attr($product['name']); ?>"
                         style="
                            width: 100%;
                            height: 100%;
                            object-fit: contain;
                         " />
                    <div style="
                        position: absolute;
                        bottom: 4px;
                        left: 50%;
                        transform: translateX(-50%);
                        font-size: 10px;
                        color: #9ca3af;
                        background: rgba(255,255,255,0.9);
                        padding: 2px 6px;
                        border-radius: 4px;
                    ">Stock photo. Actual product may vary.</div>
                </div>
                <?php endif; ?>

                <div class="cannaiq-cc-name" style="
                    font-weight: 600;
                    font-size: 13px;
                    line-height: 1.3;
                    margin-bottom: 4px;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                ">
                    <?php echo esc_html($product['name']); ?>
                </div>

                <?php if ($settings['show_brand'] === 'yes' && !empty($brand)): ?>
                <div class="cannaiq-cc-brand" style="
                    font-size: 12px;
                    color: #6b7280;
                    margin-bottom: 6px;
                ">
                    <?php echo esc_html($brand); ?>
                </div>
                <?php endif; ?>

                <?php if ($settings['show_thc_cbd'] === 'yes' && (!empty($thc) || !empty($cbd))): ?>
                <div class="cannaiq-cc-potency" style="
                    font-size: 11px;
                    color: #6b7280;
                    margin-bottom: 8px;
                ">
                    <?php if (!empty($thc)): ?>THC: <?php echo esc_html($thc); ?>%<?php endif; ?>
                    <?php if (!empty($thc) && !empty($cbd)): ?> · <?php endif; ?>
                    <?php if (!empty($cbd)): ?>CBD: <?php echo esc_html($cbd); ?>%<?php endif; ?>
                </div>
                <?php endif; ?>

                <div class="cannaiq-cc-price" style="margin-bottom: 10px;">
                    <?php if ($settings['show_original_price'] === 'yes' && $has_discount): ?>
                    <div style="
                        text-decoration: line-through;
                        color: #9ca3af;
                        font-size: 12px;
                    ">$<?php echo esc_html(number_format($regular_price, 2)); ?></div>
                    <?php endif; ?>

                    <div style="display: flex; align-items: center; justify-content: center; gap: 6px;">
                        <span style="font-size: 18px; font-weight: 700; color: #16a34a;">
                            $<?php echo esc_html(number_format($sale_price, 2)); ?>
                        </span>
                        <?php if ($settings['show_discount_badge'] === 'yes' && $has_discount): ?>
                        <span style="
                            background: <?php echo esc_attr($discount_color); ?>;
                            color: #1f2937;
                            font-size: 10px;
                            padding: 2px 6px;
                            border-radius: 4px;
                            font-weight: 600;
                        "><?php echo esc_html($discount_percent); ?>% off</span>
                        <?php endif; ?>
                    </div>
                </div>

                <?php if ($settings['show_cart_button'] === 'yes'): ?>
                <a href="<?php echo esc_url($product_url); ?>"
                   target="_blank"
                   class="cannaiq-cc-button"
                   style="
                    display: block;
                    background: <?php echo esc_attr($btn_color); ?>;
                    color: white;
                    padding: 10px 16px;
                    border-radius: 6px;
                    text-decoration: none;
                    font-weight: 600;
                    font-size: 13px;
                    transition: opacity 0.2s;
                ">ADD TO CART</a>
                <?php endif; ?>
            </div>
            <?php endforeach; ?>
        </div>
        <?php
    }
}