/* eslint-disable prettier/prettier */
/* eslint-disable @typescript-eslint/camelcase */
/* eslint-disable react-native/no-inline-styles */
import React, { useState, useEffect } from 'react';
import { View, Text, FlatList, TouchableOpacity, Image } from 'react-native';
import { useDispatch, useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';
import HeaderComponent from 'app/components/HeaderComponent';
import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
import { Icon } from 'react-native-elements'
import _ from 'lodash';
import images from '../../../components/image';
import ThongTinTaiKhoanKhamChuaBenh from 'app/components/ThongTinTaiKhoanKhamChuaBenh';
import { ScrollView } from 'react-native-gesture-handler';

export default function TaiKhoanKhamChuaBenh({ route, navigation }) {
  const { t, i18n } = useTranslation();
  return (
    <>
      <HeaderComponent />

      <View style={{ flex: 1, marginVertical: moderateScale(15), paddingHorizontal: moderateScale(10) }}>
        <ThongTinTaiKhoanKhamChuaBenh />
        <ScrollView>
          <View style={{ marginTop: moderateScale(25) }}>

            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_chuyentien}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Chuyển tiền từ tài khoản khám chữa bệnh của Lê Văn Hưng vào tài khoản khám chữa bệnh của Bệnh nhân khác</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_ruttien1}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Rút tiền từ tài khoản khám chữa bệnh của Bệnh nhân khác vào tài khoản khám chữa bệnh của Lê Văn Hưng</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_naptien}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Nạp tiền vào tài khoản khám chữa bệnh từ tài khoản ngân hàng hoặc ví điện tử</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_ruttien2}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Rút tiền từ tài khoản khám chữa bệnh của Lê Văn Hưng về tài khoản ngân hàng</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_chuyentien}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Chuyển tiền từ tài khoản khám chữa bệnh của Lê Văn Hưng vào tài khoản khám chữa bệnh của Bệnh nhân khác</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_ruttien1}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Rút tiền từ tài khoản khám chữa bệnh của Bệnh nhân khác vào tài khoản khám chữa bệnh của Lê Văn Hưng</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_naptien}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Nạp tiền vào tài khoản khám chữa bệnh từ tài khoản ngân hàng hoặc ví điện tử</Text>
            </View>
            <View style={{ flexDirection: 'row', marginBottom: moderateScale(20), justifyContent: 'center', alignItems: 'center' }}>
              <View style={{ width: '20%', alignItems: 'center', justifyContent: 'center' }}>
                <Image
                  style={{
                    maxWidth: '100%',
                    height: moderateScale(50),
                    resizeMode: 'contain',
                    borderRadius: 200,
                  }}
                  source={images.taikhoankhamchuabenh_ruttien2}
                />
              </View>
              <Text style={{ width: '80%', color: '#0FA5A9', fontWeight: 'bold' }}>Rút tiền từ tài khoản khám chữa bệnh của Lê Văn Hưng về tài khoản ngân hàng</Text>
            </View>

          </View>
        </ScrollView>
      </View>
    </>
  );
}
