// withHooks
import { EventButton } from 'esoftplay/cache/event/button/import';
import { EventHeader } from 'esoftplay/cache/event/header/import';
import { LibFont } from 'esoftplay/cache/lib/font/import';
import { LibInput } from 'esoftplay/cache/lib/input/import';
import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
import { LibPicture } from 'esoftplay/cache/lib/picture/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';

import React from 'react';
import { ScrollView, Text, View } from 'react-native';


export interface EventPoint_redemption_inputArgs {

}
export interface EventPoint_redemption_inputProps {

}
export default function m(props: EventPoint_redemption_inputProps): any {
  const { qr } = LibNavigation.getArgsAll(props)

  return (
    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
      <EventHeader title='Input Kupon Member' />
      <LibKeyboard_avoid>
        <ScrollView>
          <View style={{ margin: 15, marginBottom: 0, backgroundColor: '#fff', padding: 10, borderWidth: 1, borderRadius: 10, borderColor: '#7992BD', flexDirection: 'row' }}>
            <LibPicture source={{ uri: 'https://0.soompi.io/wp-content/uploads/2025/11/17232014/karina-chanel-beauty-2.jpg' }} style={{ height: 50, width: 50, borderRadius: 30 }} />
            <View style={{ marginLeft: 10, alignContent: 'center', justifyContent: 'center', }}>
              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: '#002045' }}>{"KATARINABLUEEE"}</Text>
              <Text allowFontScaling={false} style={{ letterSpacing: 1 }}>{"katarinabluee@gmail.com"}</Text>
            </View>
          </View>

          <View style={{ margin: 15, backgroundColor: '#002045', padding: 10, borderRadius: 10 }}>
            <Text allowFontScaling={false} style={{ color: '#fff', letterSpacing: 1 }}>{"Point saat ini"}</Text>
            <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: LibFont('DecoNumbers'), fontSize: 40, marginTop: 5, letterSpacing: 1.5 }}>{"1000"}</Text>
          </View>

          <Text allowFontScaling={false} style={{ alignSelf: 'center', fontWeight: 'bold', marginTop: 15, fontSize: 16, color: '#002045' }}>{"MASUKKAN TOTAL HARGA STRUK"}</Text>
          <View style={{ flex: 1, width: LibStyle.width / 2, alignSelf: 'center' }}>
            <LibInput
              style={{ textAlign: 'center', fontSize: 30, marginTop: -10 }}
              keyboardType='phone-pad'
            />
          </View>
        </ScrollView>
        <EventButton style={{ margin: 15 }} label='Lanjutkan Penukaran' backgroundColor='#002045' onPress={() => {
          LibNavigation.navigate('event/point_redemption_success')
        }} />
      </LibKeyboard_avoid>
    </View>
  )
}