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

import CardView from '@/components/CardView';
import RowText from '@/components/RowText';

const RadioGroup = Radio.Group;

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

  return (
    <PageProvider tittle="急救处理" loading={false} onBackClick={() => helper.checkBack(() => navigate(-1))}>
      <div className="bg-color">
        <CardView style={{ marginBottom: 10 }}>
          <RowText title="车牌号" content="aa" titleStyle={{ fontSize: 15, color: '#333' }} contentStyle={{ fontSize: 15, color: '#333' }} />
          <RowText title="车主" content="aa" />
          <RowText title="车辆" content="aa" />
          <RowText title="急救发起时间" content="aa" />
          <RowText title="救援位置" content="aa" rowStyle={{ marginBottom: 0 }} />
        </CardView>

        <div className="p-[15px] mb-[10px] border-b-[#eee] bg-white">
          <RowText title="车牌号" content="aa" titleStyle={{ fontSize: 15, color: '#333' }} contentStyle={{ fontSize: 15, color: '#333' }} />
          <RowText title="车主" content="aa" />
          <RowText title="车辆" content="aa" />
          <RowText title="急救发起时间" content="aa" />
          <RowText title="救援位置" content="aa" rowStyle={{ marginBottom: 0 }} />
        </div>

        <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>
      </div>
    </PageProvider>
  );
};

export default Index;
