<?php

namespace App\Admin\Controllers;

use App\Services\UserService;
use Slowlyo\OwlAdmin\Controllers\AdminController;

/**
 * 用户管理
 *
 * @property UserService $service
 */
class UserController extends AdminController
{
	protected string $serviceName = UserService::class;

	public function list()
    {
        $crud = $this->baseCRUD()
            ->filterTogglable(false)
            ->columnsTogglable(false)
			->headerToolbar([
				$this->createButton('drawer', 'lg')->permission('admin.users.create'),
				...$this->baseHeaderToolBar(),
				$this->exportAction(true),
            ])
			->bulkActions([
				// $this->bulkDeleteButton()->permission('admin.users.delete')
			])
			->filter($this->baseFilter()->body([
				amis()->GroupControl()->mode('horizontal')->body([
					amis()->TextControl()->name('search')->label(__('admin.search'))->placeholder(__('users.phone').'/'.__('users.name'))->columnRatio(3)->clearable(),
					amis()->DateRangeControl()->name('created_range')->label(__('users.created_at'))->columnRatio(3)->clearable(),
				])
			]))
            ->columns([
                amis()->TableColumn()->name('id')->label(__('admin.id')),
                amis()->TableColumn()->name('avatar')->label(__('users.avatar'))->type('avatar')->src('${avatar}'),
                amis()->TableColumn()->name('phone')->label(__('users.phone')),
                amis()->TableColumn()->name('name')->label(__('users.name')),
                amis()->TableColumn()->name('created_at')->label(__('users.created_at')),
                $this->rowActions([
					$this->rowShowButton('drawer', 'lg')->permission('admin.users.show'),
					$this->rowEditButton('drawer', 'lg')->permission('admin.users.edit'),
					$this->rowDeleteButton()->permission('admin.users.delete'),
				]),
            ]);

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

    public function form()
    {
        return $this->baseForm()->mode('horizontal')->body([
			amis()->ImageControl()->name('avatar')->label(__('users.avatar')),
			// amis()->GroupControl()->body([
				// amis()->ImageControl()->name('avatar')->label(__('users.avatar'))->id('user_avatar'),
				// amis()->DialogAction()->label("选择图片库")->dialog(
				// 	amis()->Dialog()->title('图片库')->body(
				// 		amis()->ListControl()->name('_library_images')->options([
				// 			['value' => 'http://local.owl-admin-starter.host/storage/images/8U1JI1aJv7ltL8wTywPwxcApRVJOKdDRZi4s0jtd.jpg', 'image' => 'http://local.owl-admin-starter.host/storage/images/8U1JI1aJv7ltL8wTywPwxcApRVJOKdDRZi4s0jtd.jpg'],
				// 			['value' => 'http://local.owl-admin-starter.host/storage/images/eA5fHnnWYMkgot1Xcj5Erfbq3uPgayLzgBzaNVdw.jpg', 'image' => 'http://local.owl-admin-starter.host/storage/images/eA5fHnnWYMkgot1Xcj5Erfbq3uPgayLzgBzaNVdw.jpg'],
				// 			['value' => 'http://local.owl-admin-starter.host/admin-assets/default-avatar.png', 'image' => 'http://local.owl-admin-starter.host/admin-assets/default-avatar.png']
				// 		])
				// 	)->onEvent([
				// 		'confirm' => [
				// 			'actions' => [
				// 				['actionType' => 'setValue', 'componentId' => 'user_avatar', 'args' => ['value' => '${_library_images}']],
				// 			]
				// 		]
				// 	])
				// ),
			// ]),
			amis()->TextControl()->name('phone')->label(__('users.phone'))->required(),
			amis()->TextControl()->name('name')->label(__('users.name')),
        ]);
    }

    public function detail()
    {
        return $this->baseDetail()->body(amis()->Property()->column(1)->items([
			['label' => __('users.avatar'), 'content' => amis()->Avatar()->src('${avatar}')],
			['label' => __('users.phone'), 'content' => '${phone}'],
			['label' => __('users.name'), 'content' => '${name}'],
			['label' => __('users.created_at'), 'content' => '${created_at}'],
		]));
    }

	protected function exportMap($row)
	{
		return [
			__('admin.id') => $row['id'],
			__('users.avatar') => $row['avatar'],
			__('users.phone') => $row['phone'],
			__('users.name') => $row['name'],
			__('users.created_at') => $row['created_at'],
		];
	}
}