From c93ef9412547d37e8be3e30619f38c6146257d4c Mon Sep 17 00:00:00 2001
From: Nurmuhammet Allanov <nurmuhammet@mail.com>
Date: Fri, 4 Jul 2025 23:50:28 +0500
Subject: [PATCH] loan order screen update

---
 src/screens/Loan/CreateLoanOrderScreen.js | 89 ++++++++++++++++++-----
 src/screens/Loan/LoanOrdersScreen.js      | 14 ++--
 2 files changed, 77 insertions(+), 26 deletions(-)

diff --git a/src/screens/Loan/CreateLoanOrderScreen.js b/src/screens/Loan/CreateLoanOrderScreen.js
index 16df066..143e7cb 100644
--- a/src/screens/Loan/CreateLoanOrderScreen.js
+++ b/src/screens/Loan/CreateLoanOrderScreen.js
@@ -9,11 +9,13 @@ import DateInput from '../../components/DateInput';
 import { API_CONFIG } from '../../constants/api';
 import apiService from '../../services/apiService';
 import { useAuth } from '../../contexts/AuthContext';
+import { useBaseEnums } from '../../contexts/BaseEnumsContext';
 import { StatusBar } from 'expo-status-bar';
 
 const CreateLoanOrderScreen = () => {
   const navigation = useNavigation();
   const { user } = useAuth();
+  const { getOptions } = useBaseEnums();
 
   const [loanType, setLoanType] = useState('');
   const [loanAmount, setLoanAmount] = useState('');
@@ -31,6 +33,25 @@ const CreateLoanOrderScreen = () => {
   const [loanTypeOptions, setLoanTypeOptions] = useState([]);
   const [regionOptions, setRegionOptions] = useState([]);
   const [passportSeriesOptions, setPassportSeriesOptions] = useState([]);
+  const [educationOptions, setEducationOptions] = useState([]);
+  const [marriageOptions, setMarriageOptions] = useState([]);
+  const [education, setEducation] = useState('');
+  const [marriageStatus, setMarriageStatus] = useState('');
+  const [passportAddress, setPassportAddress] = useState('');
+  const [realAddress, setRealAddress] = useState('');
+  const [passportGivenAt, setPassportGivenAt] = useState('');
+  const [passportGivenBy, setPassportGivenBy] = useState('');
+  const [bornPlace, setBornPlace] = useState('');
+  const [email, setEmail] = useState('');
+  const [phoneAdditional, setPhoneAdditional] = useState('');
+  const [phoneHome, setPhoneHome] = useState('');
+  const [workCompany, setWorkCompany] = useState('');
+  const [workCompanyAccNum, setWorkCompanyAccNum] = useState('');
+  const [workRegion, setWorkRegion] = useState('');
+  const [workProvinceId, setWorkProvinceId] = useState('');
+  const [workPosition, setWorkPosition] = useState('');
+  const [workSalary, setWorkSalary] = useState('');
+  const [workStartedAt, setWorkStartedAt] = useState('');
   const [branchesByRegion, setBranchesByRegion] = useState({});
 
   useEffect(() => {
@@ -46,24 +67,17 @@ const CreateLoanOrderScreen = () => {
       }
     }
 
-    const fetchEnums = async () => {
-      try {
-        const res = await fetch(`${API_CONFIG.BASE_URL}/base-app-enums`);
-        const enums = await res.json();
-        const regions = Object.entries(enums.regions || {}).map(([value, label]) => ({ value, label }));
-        setRegionOptions(regions);
-        const pSeries = Object.keys(enums.passport_series || {}).map((key) => ({ value: key, label: key }));
-        setPassportSeriesOptions(pSeries);
-      } catch {}
-    };
+    const baseRegions = getOptions('regions');
+    const pSeries = getOptions('passport_series');
+    const loanTypes = getOptions('loan_types');
+    const educ = getOptions('educations');
+    const marriages = getOptions('marriage_statuses');
 
-    const fetchLoanTypes = async () => {
-      try {
-        const res = await fetch(`${API_CONFIG.BASE_URL}/loan-types`);
-        const list = await res.json();
-        setLoanTypeOptions(list.map((lt) => ({ value: lt.id, label: lt.name })));
-      } catch {}
-    };
+    setRegionOptions(baseRegions);
+    setPassportSeriesOptions(pSeries);
+    setLoanTypeOptions(loanTypes);
+    setEducationOptions(educ);
+    setMarriageOptions(marriages);
 
     const fetchBranches = async () => {
       try {
@@ -73,15 +87,13 @@ const CreateLoanOrderScreen = () => {
       } catch {}
     };
 
-    fetchEnums();
-    fetchLoanTypes();
     fetchBranches();
   }, []);
 
   const branchOptions = region && branchesByRegion[region] ? branchesByRegion[region].map((b) => ({ label: b.name, value: b.id })) : [];
 
   const handleSubmit = async () => {
-    if (!loanType || !loanAmount || !region || !branchId || !customerName || !customerSurname || !passportSerie || !passportId || !bornAt || !phone) {
+    if (!loanType || !loanAmount || !region || !branchId || !customerName || !customerSurname || !passportSerie || !passportId || !bornAt || !phone || !education || !marriageStatus || !passportAddress || !realAddress) {
       Alert.alert('Error', 'Fill all required fields');
       return;
     }
@@ -94,10 +106,27 @@ const CreateLoanOrderScreen = () => {
       customer_name: customerName,
       customer_surname: customerSurname,
       customer_patronic_name: customerPatro || null,
+      education,
+      marriage_status: marriageStatus,
+      passport_address: passportAddress,
+      real_address: realAddress,
       passport_serie: passportSerie,
       passport_id: passportId.trim(),
+      passport_given_at: passportGivenAt,
+      passport_given_by: passportGivenBy,
+      born_place: bornPlace,
       born_at: bornAt,
       phone: parseInt(phone),
+      email: email || null,
+      phone_additional: phoneAdditional ? parseInt(phoneAdditional) : null,
+      phone_home: phoneHome || null,
+      work_company: workCompany || null,
+      work_company_accountant_number: workCompanyAccNum || null,
+      work_region: workRegion || null,
+      work_province_id: workProvinceId ? parseInt(workProvinceId) : null,
+      work_position: workPosition || null,
+      work_salary: workSalary ? parseInt(workSalary) : null,
+      work_started_at: workStartedAt || null,
     };
 
     setLoading(true);
@@ -130,11 +159,31 @@ const CreateLoanOrderScreen = () => {
         <Input label="Familiýasy" placeholder="Allaberdiyev" value={customerSurname} onChangeText={setCustomerSurname} />
         <Input label="Atasynyň ady" placeholder="" value={customerPatro} onChangeText={setCustomerPatro} />
 
+        <SelectInput label="Bilimi" value={education} options={educationOptions} onValueChange={setEducation} placeholder="Saýla" />
+        <SelectInput label="Maşgala ýagdaýy" value={marriageStatus} options={marriageOptions} onValueChange={setMarriageStatus} placeholder="Saýla" />
+
+        <Input label="Ýazgy edilen salgyňyz" placeholder="Kemine 100/190" value={passportAddress} onChangeText={setPassportAddress} />
+        <Input label="Häzirki ýaşaýyş ýeri" placeholder="Kemine 100/200" value={realAddress} onChangeText={setRealAddress} />
+
         <SelectInput label="Passport seriýasy" value={passportSerie} options={passportSeriesOptions} onValueChange={setPassportSerie} placeholder="Saýla" />
         <Input label="Passport nomeri" placeholder="100999" value={passportId} onChangeText={setPassportId} keyboardType="numeric" />
+        <DateInput label="Passport berlen senesi" value={passportGivenAt} onChange={setPassportGivenAt} />
+        <Input label="Kim tarapyndan berildi" placeholder="Ashgabat polisiýasy tarapyndan" value={passportGivenBy} onChangeText={setPassportGivenBy} />
+        <Input label="Doglan ýeri (passport)" placeholder="Ashgabat" value={bornPlace} onChangeText={setBornPlace} />
+        <Input label="E-poçta" placeholder="example@mail.com" value={email} onChangeText={setEmail} keyboardType="email-address" />
 
         <DateInput label="Doglan senesi" value={bornAt} onChange={setBornAt} />
         <Input label="Telefon (+9936...)" value={phone} onChangeText={setPhone} keyboardType="numeric" />
+        <Input label="Telefon goşmaça" value={phoneAdditional} onChangeText={setPhoneAdditional} keyboardType="numeric" />
+        <Input label="Öý telefony" value={phoneHome} onChangeText={setPhoneHome} />
+
+        <Input label="Işleýän edaranyň/kärhananyň ady" value={workCompany} onChangeText={setWorkCompany} />
+        <Input label="Işgärler bölüminiň iş belgisi" value={workCompanyAccNum} onChangeText={setWorkCompanyAccNum} />
+        <SelectInput label="Işleýän welaýatyňyz" value={workRegion} options={regionOptions} onValueChange={(val)=>{setWorkRegion(val); setWorkProvinceId('');}} placeholder="Saýla" />
+        <SelectInput label="Işleýän etrabyňyz" value={workProvinceId} options={workRegion && branchesByRegion[workRegion] ? branchesByRegion[workRegion].map(b=>({label:b.name,value:b.id})) : []} onValueChange={setWorkProvinceId} placeholder="Saýla" disabled={!workRegion} />
+        <Input label="Wezipe" value={workPosition} onChangeText={setWorkPosition} />
+        <Input label="Zähmet haky" value={workSalary} onChangeText={setWorkSalary} keyboardType="numeric" />
+        <DateInput label="Işe başlan wagtyňyz" value={workStartedAt} onChange={setWorkStartedAt} />
 
         <TouchableOpacity style={styles.submitBtn} onPress={handleSubmit} disabled={loading}>
           {loading ? <ActivityIndicator color={COLORS.white} /> : <Text style={styles.submitText}>Ýatda sakla</Text>}
diff --git a/src/screens/Loan/LoanOrdersScreen.js b/src/screens/Loan/LoanOrdersScreen.js
index 50b34ea..5a1735a 100644
--- a/src/screens/Loan/LoanOrdersScreen.js
+++ b/src/screens/Loan/LoanOrdersScreen.js
@@ -43,8 +43,8 @@ const LoanOrdersScreen = () => {
   };
 
   const renderItem = ({ item }) => {
-    const passportLine = `Pasport: ${item.passport_serie} ${item.passport_id}`;
-    const amountLine = `Karz mukdary:`;
+    const amountLine = `Karz mukdary: `;
+    const amount = (item.loan_amount + ' TMT') || '-';
     const created = item.created_at ? new Date(item.created_at).toLocaleDateString() : '';
 
     return (
@@ -53,9 +53,11 @@ const LoanOrdersScreen = () => {
           <Text style={styles.circleText}>{item.id}</Text>
         </View>
         <View style={styles.cardContent}>
-          <Text style={styles.passportText}>{passportLine}</Text>
-          <Text style={styles.accountLabel}>{amountLine}</Text>
-          <Text style={styles.accountValue}>{item.loan_amount || '-'}</Text>
+          <Text style={styles.passportText}>{item.loan_type}</Text>
+          <Text style={styles.accountLabel}>{amountLine}
+            <Text style={{ color: COLORS.textPrimary }}>{amount}</Text>
+          </Text>
+          
           <Text style={styles.dateText}>{created}</Text>
         </View>
       </TouchableOpacity>
@@ -125,7 +127,7 @@ const styles = StyleSheet.create({
   passportText: { fontWeight: '700', color: COLORS.textPrimary, marginBottom: 4 },
   accountLabel: { color: COLORS.textSecondary, fontSize: 14 },
   accountValue: { color: COLORS.textPrimary, marginBottom: 4 },
-  dateText: { color: COLORS.textSecondary, fontSize: 12 },
+  dateText: { color: COLORS.textSecondary, fontSize: 12, textAlign: 'right' },
   emptyContainer: { flex: 1, justifyContent: 'center', alignItems: 'center' },
   emptyText: { fontSize: 16, color: COLORS.textSecondary },
   fab: {