import React, { useEffect, useRef, useState } from 'react';
import { ScrollView, View, Text, Image, TouchableOpacity, BackHandler, Dimensions, ImageBackground, Alert } from 'react-native';
import { Ionicons } from '@expo/vector-icons';
import config from '../../components/data/config.json'
import { styles } from '@/components/style/style';
import { useNavigation, NavigationProp, useFocusEffect } from '@react-navigation/native';
import { GestureHandlerRootView, NativeViewGestureHandler, TextInput } from 'react-native-gesture-handler';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { cfg, getStorage } from '@/components/lib/cfg';
import { DB } from '@/components/lib/db';
import DetailOrder from '@/components/pageComponent/detailOrder';
const formatNumber = function (number: any) {
return number.toLocaleString('id-ID', {
minimumFractionDigits: 0,
maximumFractionDigits: 0
});
}
function formatDate(dateString: any) {
const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
// Parse the date string
const date = new Date(dateString);
// Extract year, month, and date
const year = date.getFullYear();
const month = months[date.getMonth()];
const day = String(date.getDate()).padStart(2, '0');
// Format the date string
const formattedDate = `${day} ${month} ${year}`;
// Return the object with the desired structure
return {
bulan: month,
tanggal: day,
tahun: year,
date: formattedDate
};
}
const Contact = ({ setData, setForm, data: mapOfData, updateList, setDataOrder, setDataOrderList, setShowDetail }: any) => {
return (
<>
{(Array.isArray(mapOfData) ? mapOfData : []).map((data: any, key: number) =>
{formatDate(data?.date_order).bulan}
{formatDate(data?.date_order).tanggal}
{formatDate(data?.date_order).tahun}
Order : {data?.name}
{data?.cus.toUpperCase()}
Rp {formatNumber(Number(data?.amount_total))}
{
setForm(true);
setData(data)
} }>
{(`Bayar\n Tagihan`)}
)}
)
}
const PelunasanSreen = () => {
const [bgHead, setBgHead] = useState(null)
const [nama, setNama] = useState('John Doe');
const [Id, setId] = useState('John Doe');
const [formTitle, setFormTitle] = useState('Perusahaan');
const [formArea, setFormArea] = useState('none');
const [email, setEmail] = useState('example@mail.com');
const [inputVal, setInputVal] = useState('');
const [formName, setFormName] = useState('');
const [datatext, setDataText] = useState('example@mail.com');
const inputRef = useRef(null); // Create a ref for the TextInput
let heightWIndow = Dimensions.get('window').height + 80;
const [contact, setContact] = useState([]);
const [salesTotal, setSalesTotal] = useState(0);
const [showDetail, setShowDetail] = useState(false);
const [dataOrder, setDataOrder] = useState({})
const [dataOrderList, setDataOrderList] = useState([])
const [dataForm, setDataForm] = useState(false);
const [dataPaan, setDataPaan] = useState({});
const [produk, setProduk] = useState<{
name: string
, value: string
}[]>([]);
const [timer, setTimer] = useState(60); // Initialize timer state
const navigation = useNavigation>();
useFocusEffect(
React.useCallback(() => {
callData();
const onBackPress = () => {
if (showDetail === true) {
setShowDetail(false)
} else {
if (dataForm){
setDataForm(false);
}else{
navigation.navigate("home");
}
}
return true; // Prevent default behavior (exit app)
};
BackHandler.addEventListener('hardwareBackPress', onBackPress);
navigation.setOptions({ headerLeft: () => null }); // Remove back button
return () => {
BackHandler.removeEventListener('hardwareBackPress', onBackPress);
};
}, [navigation, showDetail, setShowDetail, setDataForm, dataForm])
);
const callData = async () => {
let data: any = await AsyncStorage.getItem('login');
data = JSON.parse(data);
data = data.length > 0 ? data[0] : {};
await DB(`CREATE TABLE IF NOT EXISTS sort_payment (
name VARCHAR(100),
data JSON
)`);
let sales: any = await DB(`
SELECT
sa.write_date,
sa.date_order,
sa.name,
sa.access_token as token,
sa.partner_id,
rp.name as cus,
sa.id,
rp.email,
rp.street,
sa.amount_total,
sa.amount_tax,
sa.amount_untaxed,
sa.amount_to_invoice
FROM sale_order sa
LEFT JOIN res_partner rp ON sa.partner_id = rp.id
LEFT JOIN (
SELECT DISTINCT invoice_origin FROM account_move WHERE invoice_origin IS NOT NULL
) ori ON ori.invoice_origin = sa.name
WHERE ori.invoice_origin IS NULL ORDER BY sa.name DESC
`);
let salesTotalNumber: any = await DB(`
SELECT
count(*) as total
FROM sale_order sa
`);
setSalesTotal(salesTotalNumber.length > 0 ? Number(salesTotalNumber[0].total) : 0)
setId(data?.id)
setNama(data?.name)
setEmail("Salesman")
let country = 'Indonesia';
if (data?.country_id) {
const negara: any = await getStorage('negara')
const [{ name }] = negara.filter((s: any) => s?.id == data?.country_id);
country = name;
}
setContact(sales);
};
useEffect(() => {
(function () {
callData()
})();
}, [])
const customerBack = function () {
navigation.navigate('home')
}
const fabAction = function () {
// console.log("action")
}
const onScroll = (event: any) => {
const yOffset = event.nativeEvent.contentOffset.y;
if (yOffset > 80) {
setBgHead(config.color.primary)
} else {
setBgHead(null)
}
};
const [pembayaran, setPembayaran] = useState('')
return (
<>
{
showDetail === true ?
: <>
{dataForm?<>
{(`buat pelunasan`).toUpperCase()}
{dataPaan?.name}
Total :
Rp {formatNumber(Number(dataPaan?.amount_total))}
Tanggal :
Total Pembayaran :
{
if(pembayaran == ''){
Alert.alert('Info', 'Isi nilai pembayaran terlebih dahulu.')
}else{
Alert.alert('Info', 'Pembayaran telah berhasil dilakukan')
console.log(dataPaan)
dataPaan.payment = Number(pembayaran);
let query = `
INSERT INTO sort_payment (name, data)
SELECT '${dataPaan.name}', '${JSON.stringify(dataPaan)}'
WHERE NOT EXISTS (
SELECT 1 FROM sort_payment WHERE name = '${dataPaan.name}'
);
`;
console.log(query);
DB(query).then(function(){
(function(){
callData();
setDataForm(false);
})();
});
}
}}>
Simpan Pembayaran
{
setDataForm(false)
}}>
Kembali
:<>
{(`pelunasan`).toUpperCase()}
}
}
);
};
export default PelunasanSreen;