<?php

namespace App\Distributor\Controllers;


use App\Distributor\Repositories\NullRepository;
use App\Distributor\Actions\Extensions\DistProductImportForm;
use App\Distributor\Repositories\RpcAlbum;
use App\Distributor\Repositories\RpcAlbumFolder;
use App\Libraries\CommonHelper;
use Dcat\Admin\Admin;
use Dcat\Admin\Form;
use Dcat\Admin\Grid;
use Dcat\Admin\Show;
use Dcat\Admin\Layout\Content;

class ImportProductController extends AdminDistController
{

    /**
     * page index
     */
    public function index(Content $content)
    {
//        return $content
//            ->header(admin_trans( 'admin.product_import'))
//            ->description('<span style="color: red; font-weight: bold;">'.admin_trans_label('select_products_to_import').'</span>')
//            ->breadcrumb(['text'=>'list','url'=>''])
//            ->body($this->grid());

        //记录folder_id
        $folderId = isset($_GET['folder_id']) ? intval($_GET['folder_id']) : 0;
        //保存临时变量
        setTempValue('folderId', $folderId);
        $html =  $content
            ->header(admin_trans( 'admin.product_import'))
            ->body($this->indexForm());
        $html = $html->render();
        return $this->filterHtml($html);
    }

    protected function indexForm()
    {
        return Form::make(new NullRepository(), function (Form $form) {
            $lang = config('app.locale');//当前语言
            $form->action('/site-album');
            $folderTree = RpcAlbumFolder::siteAlbumFolderAllNodes();
            //显示左边树形菜单
            $form->block(2, function (Form\BlockForm $form) use ($lang,$folderTree) {
                $type = [
                    'default'  => [
                        'icon' => true,
                    ],
                ];
                $plugins = ['types'];
                if ($lang == 'en') {
                    $form->tree()
                        ->setTitleColumn('title_en')
                        ->nodes($folderTree)
                        ->type($type)
                        ->plugins($plugins)
                        ->width(12,0);
                } else {
                    $form->tree()
                        ->setTitleColumn('title')
                        ->nodes($folderTree)
                        ->type($type)
                        ->plugins($plugins)
                        ->width(12,0);
                }
            });
            //右边相删内容
            $form->block(10, function (Form\BlockForm $form)  {
                $form->html($this->grid())->width(12);
            });
            //以下JS代码用于点击文件夹时，自动跳转到相应页面
            Admin::script(
                <<<JS
// 使用定时器检测容器是否存在
const interval = setInterval(() => {
    const containerUl = document.getElementsByClassName('jstree-node');
    if (containerUl.length > 0) {
        clearInterval(interval); // 找到容器后停止检测
        // 以下是原有逻辑（已优化）
        const folderId = $('select[name="folder_id"]').data('value'); // 提取 folderId 到外层，避免重复查询[1](@ref)
        const anchors = document.querySelectorAll('a.jstree-anchor');

        anchors.forEach(anchor => {
            const id = anchor.id.split('_')[0];
            const href = `/dist/import-product?folder_id=`+id;

            // 绑定点击事件（阻止默认行为）
            anchor.addEventListener('click', event => {
                event.preventDefault();
                window.location.href = href;
            });

            // 高亮当前节点
            if (folderId == id) {
                anchor.classList.add('jstree-clicked');
            }
        });
    }
}, 100); // 每100ms检测一次

        const firstCheckbox = document.querySelector('.vs-checkbox-primary');
        // 如果找到元素，则隐藏它
        if (firstCheckbox) {
            firstCheckbox.style.display = 'none';
        }
        //清空_previous_
        const input = document.querySelector('input[name="_previous_"]');
        if (input) {
            // 清空其值
            input.value = '';
        }
JS
            );
        });
    }

    /**
     * @return void 过滤html 把form去掉，修复form引起的BUG
     */
    private function filterHtml($html)
    {
        //删除第一个formID对应的JS代码
        preg_match('/<form[^>]*id="([^"]*)"[^>]*>/', $html, $matches);
        if (isset($matches[1])) {
            $formId = $matches[1]; // 获取 id 的值
            // echo "找到的 form id: " . $formId . "\n";
            // 2. 根据 id 值，删除对应的 JavaScript 代码
            $pattern = '/\$\(\'#' . preg_quote($formId, '/') . '\'\)\.form\(\{.*?\}\);/s';
            $html = preg_replace($pattern, '', $html);
        }
        //把第一个form标签替换成div标签
        $html = preg_replace('/<form([^>]*)>(.*?)<\/form>/s', '<div$1>$2</div>', $html, 1);
        return $html;
    }

    /**
     * Make a grid builder.
     *
     * @return Grid
     */
    protected function grid()
    {
        return Grid::make(new RpcAlbum(), function (Grid $grid) {
            $lang = config('app.locale');//当前语言
            $grid->view('admin.grid.table');
            $grid->column('id')->display(function () {
                return $this->_index+1;
            })->width('8%');

            $grid->column('cover')->display(function ($images) {
                $images = json_decode($images);
                // 限制最多显示2个缩略图
                $dataImages = array_slice($images, 0, 1);
                return CommonHelper::displayImage($dataImages,100,1024,2);
            });

            if ($lang == 'en') {
                $grid->column('title_en');
            } else {
                $grid->column('title');
            }

            $grid->column('created_at')->sortable();
            $grid->column('updated_at')->sortable();

            // 筛选
            $grid->filter(function (Grid\Filter $filter)   {
                $filter->panel();
                $filter->expand();
                $lang = config('app.locale');//当前语言
                if ($lang == 'en') {
                    $filter->equal('title_cn')->width(3);
                } else {
                    $filter->equal('title')->width(3);
                }
                $filter->equal('folder_id',admin_trans_label('product_category'))->select(RpcAlbumFolder::selectOptions($lang))->width(3);
            });

            // 删除新增按钮
            $grid->disableCreateButton();
            //$grid->disableViewButton();
            $grid->disableEditButton();
            $grid->disableDeleteButton();
            $grid->disableBatchDelete();
            // 添加批量复制操作
            $grid->batchActions(function ($batch) {
                //$batch->add(new BatchCopy()); 只能2选1
            });

            $grid->tools([
                new DistProductImportForm(),
            ]);

            $grid->model()->where('enabled',1)->orderBy("order",'desc')->orderBy("created_at",'desc');
        });
    }



    protected function detail($id)
    {
        return Show::make($id, new \App\Admin\Repositories\RpcAlbum(), function (Show $show) {
            $lang = config('app.locale');//当前语言
            if ($lang == 'en') {
                $show->field('title_en');
            } else {
                $show->field('title');
            }

            $show->field('model');
            $show->field('parameters',admin_trans_label('attribute'))->as(function ($items) {
                $items = json_decode($items);
                if (is_array($items)) {
                    // 创建表格的表头
                    $table = '<table class="table table-bordered table-condensed">';
                    // 遍历数组并将数据填充到表格中
                    foreach ($items as $item) {
                        $item = (array)$item;
                        $table .= '<tr>';
                        $table .= '<td style="vertical-align: middle !important;width: 20%">' . $item['key'] . '</td>';    // 商品名称
                        $table .= '<td style="vertical-align: middle !important;">' . $item['value'] . '</td>'; // 数量
                        $table .= '</tr>';
                    }
                    $table .= '</table>';
                    return $table;
                }
                return ''; // 当没有数组数据时
            })->unescape();
            $show->field('cover')->as(function ($images) {
                $images = json_decode($images);
                return CommonHelper::displayImage($images,150,1024,2);
            })->unescape();

            $show->field('en_detail')->as(function ($images) {
                $images = json_decode($images);
                $html = '<div style="text-align: center">';
                foreach ($images as $key => $image) {
                    $url = CommonHelper::albumUrl($image);
                    $html .= '<img src="' . $url . '" style="max-width:90%;margin-bottom:10px">';
                }
                $html .= '</div>';
                return $html;
            })->unescape();

            $show->field('cn_detail')->as(function ($images) {
                $images = json_decode($images);
                $html = '<div style="text-align: center">';
                foreach ($images as $key => $image) {
                    $url = CommonHelper::albumUrl($image);
                    $html .= '<img src="' . $url . '" style="max-width:90%;margin-bottom:10px">';
                }
                $html .= '</div>';
                return $html;
            })->unescape();

            $show->field('video')->as(function ($items) {
                $items = json_decode($items);
                return CommonHelper::displayVideo($items,'cover','video_src','150',2);
            })->unescape();

            $show->field('poster')->as(function ($images) {
                $images = json_decode($images);
                return CommonHelper::displayImage($images,150,1024,2);
            })->unescape();

            $show->field('cert')->as(function ($images) {
                $images = json_decode($images);
                return CommonHelper::displayImage($images,150,1024,2);
            })->unescape();

            $show->field('cert')->as(function ($images) {
                $images = json_decode($images);
                return CommonHelper::displayImage($images,150,1024,2);
            })->unescape();

            $show->field('pdf')->as(function ($items) {
                $items = json_decode($items);
                if (is_array($items)) {
                    // 创建表格的表头
                    $table = '<table class="table table-bordered table-condensed">';
                    // 遍历数组并将数据填充到表格中
                    foreach ($items as $item) {
                        $table .= '<tr>';
                        $table .= '<td style="vertical-align: middle !important;width: 20%">' . $item->pdf_title . '</td>';    // 商品名称
                        $table .= '<td style="vertical-align: middle !important;"><a target="_blank" href="' . CommonHelper::albumUrl($item->pdf_src). '">查看</a></td>'; // 数量
                        $table .= '</tr>';
                    }
                    $table .= '</table>';
                    return $table;
                }
                return ''; // 当没有数组数据时
            })->unescape();

            // 禁用操作
            $show->disableEditButton();
            $show->disableDeleteButton();


        });
    }


    //屏蔽删除
    public function destroy($id)
    {
        abort(404);
    }

    //屏蔽创建
    public function create(Content $content)
    {
        abort(404);
    }

    //屏蔽编辑
    public function edit($id, Content $content)
    {
        abort(404);
    }

}