import React, { useEffect, useState } from 'react'; import { View, Text, TouchableOpacity, Image, StyleSheet, TextInput, ScrollView, Keyboard, Modal, FlatList, SafeAreaView, Pressable, } from 'react-native';
import Lista from '../Lista';
export default function Preencher() {
const [fazenda, setFazenda] = useState(null);
const [area, setArea] = useState('');
const [havoo, setHavoo] = useState ('');
const [fullaplic, setFullaplic] = useState ('0');
const [unfullaplic, setUnfullaplic] = useState ('0');
function calcularCargas() {
setFullaplic (area / havoo)
}
const fullaplic2 = parseInt(fullaplic);
useEffect(() => {
setUnfullaplic(area - (fullaplic2 * havoo));
}, [fullaplic2]);
const [produto, setProduto] = useState ('');
const [doseha, setDoseha] = useState ('');
const [completa, setCompleta] = useState ('0');
const [incompleta, setIncompleta] = useState ('0');
const cargaCheia = parseFloat(completa).toFixed(2);
const meiaCarga = parseFloat(incompleta).toFixed(2);
function CalcularDoses() {
setCompleta (havoo*doseha);
setIncompleta (unfullaplic*doseha);
console.log(full);
console.log(unfull)
}
const full = parseFloat(completa).toFixed(2); const unfull = parseFloat(incompleta).toFixed(2);
const AddProdutos = () => {
const newProduct ={
"produto": produto,
"doseha": doseha,
"completa": completa,
"incompleta": incompleta
};
}
function SalvarProdutos(newProduct){
}
return (
<Pressable onPress={Keyboard.dismiss} style={styles.container}>
<View style={styles.containerTitle}>
<Text style={styles.titleList}>Fazenda / Lote</Text>
<TextInput
style={styles.titleInput}
value={fazenda}
placeholder="Nome da fazenda"
placeholderTextColor="#000"
onChangeText={ (text) => setFazenda({text}) }
/>
</View>
<View style={styles.containerArea}>
<Text style={styles.titleForm}>Área / hectáre</Text>
<Text style={styles.titleForm}>Hectáre p/ vôo</Text>
</View>
<View style={styles.containerForm}>
<TextInput
style={styles.textInput}
keyboardType="numeric"
placeholder="Área do terreno"
placeholderTextColor="#000"
value={area}
onChangeText={ (number) => setArea(number) }
/>
<TextInput
style={styles.textInput}
keyboardType="numeric"
placeholder="Hectáres por vôo"
placeholderTextColor="#000"
value={havoo}
onChangeText={ (number) => setHavoo(number) }
/>
</View>
<View style={styles.containerAdd}>
<TouchableOpacity onPress={calcularCargas} style={styles.addButton}>
<Text style={styles.buttonAdic}>Calcular</Text>
</TouchableOpacity>
</View>
<View style={styles.areaInfo}>
<Text style={styles.topInput}>Vôo Cheio</Text>
<Text style={styles.topInput}>Vôo incompleto</Text>
</View>
<View style={styles.containerResArea}>
<Text style={styles.textResult}>{fullaplic2}</Text>
<Text style={styles.textResult}>{unfullaplic}</Text>
</View>
<Text style={styles.addProdutos}>Produtos</Text>
<View style={styles.descProdutos}>
<Text style={styles.topInput}>Produto</Text>
<Text style={styles.topInput}>Dose/há</Text>
</View>
<View style={styles.containerProdutos}>
<TextInput
style={styles.productInput}
value={produto}
keyboardType="default"
placeholder="Produto"
placeholderTextColor="#000"
onChangeText={ (text) => setProduto(text) }
/>
<TextInput
style={styles.productInput}
placeholder="Dose / há"
keyboardType='numeric'
value={doseha}
onChangeText={ (number) => setDoseha(number) }
/>
</View>
<View style={styles.containerAdd}>
<TouchableOpacity style={styles.addButton} onPress={CalcularDoses}>
<Text style={styles.buttonAdic}>Calcular</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.addButton} onPress={SalvarProdutos}>
<Text style={styles.buttonAdic}>Adicionar</Text>
</TouchableOpacity>
</View>
<View style={styles.containerSaves}>
{products.map( (products) => {
return(
<View style={styles.container}>
<Text style={styles.saves} key={products}>{ products.produto }</Text>
<Text style={styles.saves} key={products}>{ products.doseha }</Text>
<Text style={styles.saves} key={products}>{ products.completa }</Text>
<Text style={styles.saves} key={products}>{ products.incompleta }</Text>
</View>
)
})}
</View>
</Pressable>
);
}