import { helper, ListRow, Radio, IconFont, Space, PageProvider, Form, Input, TextArea, Uploader } from '@feewee/h5app-common';
import { useSafeState } from 'ahooks';
import { useEffect } from 'react';
import { useNavigate } from '@modern-js/runtime/router';

const RadioGroup = Radio.Group;

const Index = () => {
  const navigate = useNavigate();
  const [form] = Form.useForm();

  return (
    <PageProvider tittle="急救处理" loading={false} onBackClick={() => helper.checkBack(() => navigate(-1))}>
      <ListRow title="车牌号" extra="aa" />
      <ListRow title="车主" extra="aa" />
      <ListRow title="车辆" extra="aa" />
      <ListRow title="急救发起时间" extra="aa" />
      <ListRow title="救援位置" extra="aa" />

      <Form form={form} labelPosition="left" initialValues={{ type: 1 }}>
        <Form.Item name="type" label="救援方式">
          <RadioGroup>
            <Radio value={1}>拖车</Radio>
            <Radio value={2}>现场维修</Radio>
          </RadioGroup>
        </Form.Item>
        <Form.Item name="remark" label="备注" labelPosition="top">
          <TextArea placeholder="请输入备注" maxLength={256} showCount autoSize />
        </Form.Item>
        <Form.Item name="attachments" label="附件" labelPosition="top">
          <Uploader showTitle={false} url="/api2/file/upload" style={{ padding: 0 }} />
        </Form.Item>
      </Form>
    </PageProvider>
  );
};

export default Index;
