<?php

namespace App\Admin\Controllers;

use Slowlyo\OwlAdmin\Renderers\Page;
use Slowlyo\OwlAdmin\Renderers\Form;
use Slowlyo\OwlAdmin\Renderers\Image;
use Slowlyo\OwlAdmin\Renderers\TableColumn;
use Slowlyo\OwlAdmin\Controllers\AdminController;
use App\Services\Admin\RegionService;
use Slowlyo\OwlAdmin\Renderers\Button;
use App\Admin\Components;
use App\Models\MonitorMode;
use App\Models\Region;
use Illuminate\Http\Request;

class RegionController extends AdminController
{
    protected string $serviceName = RegionService::class;

    protected string $pageTitle = '实验田';

    public function list(): Page
    {
        $crud = $this->baseCRUD()
            ->filterTogglable(false)
            ->headerToolbar([
                $this->createButton(true, 'lg'),
                ...$this->baseHeaderToolBar(),
            ])
            ->filter(
				$this->baseFilter()->body([
					amisMake()->TextControl()->make('name')->label('名称')->name('name')->size('md'),
                    Components::make()->parentControl(admin_url('api/region-categories/tree-list'), 'category_id', '分类')->size('md'),
				
					Button::make()->label(__('admin.reset'))->actionType('clear-and-submit'),
					amis('submit')->label(__('admin.search'))->level('primary'),
				])->actions([])
			)
            ->quickSaveItemApi(admin_url('quick-edit/regions/$id'))
            ->columns([
                TableColumn::make()->name('id')->label('ID')->sortable(true),
				TableColumn::make()->name('name')->label('名称'),
                Image::make()->name('cover')->label(__('region.cover'))->width(100),
                TableColumn::make()->name('category.name')->label('分类')->className('text-primary'),
                TableColumn::make()->name('director')->label('负责人'),
                TableColumn::make()->name('area')->label('面积m²'),
                TableColumn::make()->name('is_enable')->type('switch')->label('显示')->quickEdit(Components::make()->enableControl('is_enable', '', 'inline')->saveImmediately(true)),
				TableColumn::make()->name('created_at')->label('创建时间')->type('datetime')->sortable(true),
				// TableColumn::make()->name('updated_at')->label('更新时间')->type('datetime')->sortable(true),
                amisMake()->Operation()->label(__('admin.actions'))->buttons([
                    $this->showRegion(),
                    $this->rowEditButton(true, 'lg'),
                    $this->rowDeleteButton(),
                    amisMake()->Button()->label('设置大屏位置')->level('link')->actionType('url')->blank(true)
                        ->url(url('/regions-position').'/'.'${id}')
                ]),
            ]);

        return $this->baseList($crud);
    }

    public function form(): Form
    {
        $monitorModeType = [];
        $monitorModes = MonitorMode::get()->groupBy('type');
        foreach(MonitorMode::typeMap() as $key => $item) {;
            $monitorModeType[] = [
                'label' => $item,
                'children' => $monitorModes->get($key)?->pluck('name', 'id')->toArray(),
            ];
        }
        return $this->baseForm()->body([
            \amisMake()->TextControl()->name('name')->label('名称')->required(true),
            \amisMake()->TextControl()->name('director')->label('负责人')->required(true),
            Components::make()->parentControl(admin_url('api/region-categories/tree-list'), 'category_id', '分类')->required(),
            \amisMake()->ImageControl()->name('cover')->label('封面')->crop([
                'aspectRatio'=> 1.1,
                'scalable' => true,
            ])->autoUpload(true),
            Components::make()->fuEditorControl('description', '介绍'),
            Components::make()->decimalControl('area', '面积m²'),
            Components::make()->sortControl(),
            \amisMake()->SwitchControl()->name('is_enable')->value(1)->label('显示'),
            \amisMake()->TransferControl()->name('monitorModes')->label(__('region.monitor'))
                ->selectMode('chained')->searchable(true)
                ->joinValues(false)->extractValue(true)
                ->options($monitorModeType),
        ]);
    }

    private function showRegion(){
        return amisMake()->DialogAction()->icon('fa-regular fa-eye')->label('查看')->level('link')->dialog(
            amisMake()->Dialog()->title('查看详情')->body([
                \amisMake()->Service()->schemaApi(admin_url('custom-region-tabs?id=${id}'))
            ])->size('full')->actions([])
        );
    }

    public function setRegionPosition($id, Request $request){
        $region = Region::find($id);
        $x = $region?->position_x ?? 0;
        $y = $region?->position_y ?? 0;
        return view('region-position', compact('id', 'x', 'y'));
    }

    public function saveRegionPosition(Request $request)
    {
        $id = $request->input('id', 0);
        $positionX = $request->input('x', 0);
        $positionY = $request->input('y', 0);
        $region = Region::find($id);
        if(!$region){
            return response()->json(['code'=>1, 'msg'=> '非法请求']);
        }
        if($positionX <= 0 || $positionY <= 0){
            return response()->json(['code'=>2, 'msg'=>'请点击地图，标记位置']);
        }
        $region->update([
            'position_x'=> $positionX,
            'position_y'=> $positionY
        ]);
        //直接关闭窗口
        echo '<script>window.opener=null;window.close();</script>';
        return ;
    }
}