esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/community/post_job_employer.tsx

@@ -0,0 +1,137 @@
+// withHooks
+import { CommunityJob_availableProperty } from 'esoftplay/cache/community/job_available/import';
+import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/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 { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import useGlobalSubscriber, { UseSubscribeReturn } from 'esoftplay/subscribe';
+
+import React, { useEffect } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface CommunityPost_job_employerProps {
+  onPressEmployer: (item: any) => void,
+  url_resubmit?: string,
+  review?: any
+}
+
+const subs = useGlobalSubscriber()
+export function subscribe(): UseSubscribeReturn {
+  return subs
+}
+export default function m(props: CommunityPost_job_employerProps): any {
+  const [selectedEmployer, setSelectedEmployer] = useSafeState<any>()
+
+  const [resultEmployer, setResultEmployer] = CommunityJob_availableProperty.setDataEmployer().useState()
+  // const [showToggle, setShowToggle] = useSafeState<boolean>(false)
+
+  useEffect(() => {
+    loadDataEmployer()
+  }, [])
+
+  function loadDataEmployer() {
+    new LibCurl('community_employer', null, (result, msg) => {
+      setResultEmployer(result)
+    }, (error) => {
+
+    })
+  }
+
+  subs.useSubscribe(() => {
+    loadDataEmployer()
+  })
+
+  if (!resultEmployer) {
+    return (
+      <View style={{ flex: 1, height: LibStyle.height - 60 }}>
+        <LibLoading />
+      </View>
+    )
+  }
+
+  function renderResultEmployer(item: any, i: number) {
+    const styleId_ZwJzxF: any = { backgroundColor: selectedEmployer && selectedEmployer.id === item.id ? "#f5f5f5" : "#fff", padding: 12, borderBottomWidth: 0.5, borderBottomColor: '#C5C5C5', flexDirection: 'row', justifyContent: 'space-between' }
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setSelectedEmployer(item)
+        props.onPressEmployer(item)
+        // setShowToggle(false)
+      }} style={styleId_ZwJzxF}>
+        <View style={styleId_1AVyQt}>
+          <LibPicture resizeMode="cover" source={{ uri: item.image }} style={styleId_1H1wTE} />
+          <View >
+            <Text allowFontScaling={false} style={styleId_FN29E}>{item.name}</Text>
+            <Text allowFontScaling={false} style={styleId_1zyWlX}>{item.location_name}</Text>
+            <Text allowFontScaling={false} style={styleId_1zyWlX}>{item.email}</Text>
+          </View>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    < View style={{ margin: 16, marginTop: 20, marginBottom: 0 }}>
+
+      {/* Data Employer */}
+      <Text allowFontScaling={false} style={{ marginBottom: 12, fontFamily: "SFProText", fontStyle: "normal", fontWeight: "bold", fontSize: 14, lineHeight: 14 }}>{esp.lang("community/post_job_employer", "text_data_employer")}</Text>
+
+      <LibCollaps
+        key={resultEmployer.length}
+        // show={showToggle}
+        header={(show) => {
+          if (selectedEmployer) {
+            return (
+              <View style={{ padding: 12, borderWidth: 1, borderColor: '#45C9AF', borderRadius: 8, flexDirection: 'row', backgroundColor: '#fff', justifyContent: 'space-between' }}>
+                <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                  <LibPicture resizeMode="cover" source={{ uri: selectedEmployer.image }} style={{ height: 50, width: 50, borderRadius: 25 }} />
+                  <View >
+                    <Text allowFontScaling={false} style={{ marginLeft: 12, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{selectedEmployer.name}</Text>
+                    <Text allowFontScaling={false} style={{ marginTop: 4, marginLeft: 12, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{selectedEmployer.location_name}</Text>
+                    <Text allowFontScaling={false} style={{ marginTop: 4, marginLeft: 12, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{selectedEmployer.email}</Text>
+                  </View>
+                </View>
+                <LibIcon name={!show ? "chevron-down" : "chevron-up"} color="#45C9AF" />
+              </View>
+            )
+          } else {
+            return (
+              <View style={{ marginBottom: 10, padding: 12, borderWidth: 1, borderColor: '#45C9AF', borderRadius: 8, flexDirection: 'row', backgroundColor: '#fff', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+                <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                  {/* <LibPicture resizeMode="cover" source={esp.assets('icon.png')} style={{ height: 50, width: 50, borderRadius: 25 }} /> */}
+                  <LibIcon name="plus-circle-outline" size={50} color={LibStyle.colorPrimary} />
+                  <Text allowFontScaling={false} style={{ marginLeft: 12, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("community/post_job_employer", "select_data_employer")}</Text>
+                </View>
+                <LibIcon name={!show ? "chevron-down" : "chevron-up"} color="#45C9AF" />
+              </View>
+            )
+          }
+        }} >
+        <View style={[{ borderWidth: 1, borderColor: '#C5C5C5', borderRadius: 8, backgroundColor: '#fff' }, LibStyle.elevation(3)]}>
+          {
+            LibUtils.checkUndefined(resultEmployer, '0') && resultEmployer.map(renderResultEmployer)
+          }
+          <TouchableOpacity onPress={() => {
+            resultEmployer.length > 0 ?
+              LibNavigation.navigate('community/job_available_employer', { url_resubmit: props.url_resubmit, review: props.review })
+              :
+              LibNavigation.navigate('community/job_available_employer_edit')
+          }} style={{ height: 40, alignContent: 'center', alignItems: 'center', justifyContent: 'center', }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#45C9AF" }}>{esp.lang("community/post_job_employer", "add_edit")}</Text>
+          </TouchableOpacity>
+        </View>
+      </LibCollaps>
+
+    </View>
+  )
+}
+const styleId_1AVyQt: any = { flexDirection: 'row', alignContent: 'center', alignItems: 'center' }
+const styleId_1H1wTE: any = { height: 50, width: 50, borderRadius: 25 }
+const styleId_FN29E: any = { marginLeft: 12, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_1zyWlX: any = { marginTop: 4, marginLeft: 12, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }

package/modules/community/post_tender.tsx

@@ -0,0 +1,456 @@
+// withHooks
+import { CommunityPost_job_employer } from 'esoftplay/cache/community/post_job_employer/import';
+import { CommunityPost_tender_contract } from 'esoftplay/cache/community/post_tender_contract/import';
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentLabel_input2 } from 'esoftplay/cache/component/label_input2/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDatepicker } from 'esoftplay/cache/lib/datepicker/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibDocument } from 'esoftplay/cache/lib/document/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketSection_menu } from 'esoftplay/cache/market/section_menu/import';
+import { MarketSlidingupProperty } from 'esoftplay/cache/market/slidingup/import';
+import { UseForm } from 'esoftplay/cache/use/form/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import moment from 'esoftplay/moment';
+import React, { useEffect, useRef } from 'react';
+import { Linking, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+moment().locale('id')
+
+export interface CommunityPost_tenderProps {
+  type_post?: any
+}
+
+export default function m(props: CommunityPost_tenderProps): any {
+  const [kindId, setKindId] = useSafeState<any>(1) // type ini untuk post a job/open tender
+  const [schedule, setSchedule] = useSafeState<CommunityPost_tenderProps[]>([])
+  const [indexSchedule, setIndexSchedule] = useSafeState<any>()
+  const [selectedEmployer, setSelectedEmployer] = useSafeState<any>()
+  const [valid, setValid] = useSafeState<boolean>(true)
+  const [document, setDocument] = useSafeState<any>([])
+  const [validInputs, setValidInputs] = useSafeState<boolean>(false)
+  const [counter, setCounter] = useSafeState<any>(1)
+
+  const [date, setDate] = useSafeState<any>(moment().localeFormat("YYYY-MM-DD"))
+  const [startDate, setStartDate] = useSafeState<any>()
+  const [endDate, setEndDate] = useSafeState<any>()
+  const [whatDate, setWhatDate] = useSafeState<string>('startDate')
+  const [cats, setCats] = useSafeState<any[]>([])
+
+  const inputStartDate = useRef<LibInput_rectangle2>(null)
+  const inputEndDate = useRef<LibInput_rectangle2>(null)
+  const inputDescription = useRef<LibInput_rectangle2>(null)
+  const inputCriteria = useRef<LibInput_rectangle2>(null)
+
+  const inputDate = useRef<LibInput_rectangle2>(null)
+  const inputTitle = useRef<LibInput_rectangle2>(null)
+
+  let dialogDateSchedule = React.useRef<LibSlidingup>(null)
+
+  const [formPostTender, setFormPostTender, reFormPostTender, delFormPostTender] = UseForm<any>("postTender")
+
+  useEffect(() => {
+    delFormPostTender()
+  }, [])
+
+
+  useEffect(() => {
+    MarketSlidingupProperty.add(
+      <View style={{ backgroundColor: "white", paddingVertical: 10 }} >
+        <LibTextstyle textStyle="headline" text={esp.lang("community/post_tender", "select_date")} style={{ textAlign: 'center', paddingBottom: 10 }} />
+        <MarketSection_menu size="line" />
+        <View style={{ height: LibStyle.height * 0.33 }}>
+          <LibDatepicker
+            minDate={date}
+            maxDate={moment().add(10, 'years').localeFormat('YYYY-MM-DD')}
+            onDateChange={(dt: any) => {
+              if (whatDate == 'start') {
+                setFormPostTender("date_start")(dt)
+                setStartDate(dt)
+                setDate(dt)
+                MarketSlidingupProperty.hide()
+                inputStartDate.current?.setText(moment(dt).localeFormat("DD MMMM YYYY"))
+              } else if (whatDate == 'end') {
+                setFormPostTender("date_end")(dt)
+                setEndDate(dt)
+                inputEndDate.current?.setText(moment(dt).localeFormat("DD MMMM YYYY"))
+                MarketSlidingupProperty.hide()
+              } else {
+                MarketSlidingupProperty.hide()
+              }
+            }}
+            selectedDate={date}
+          />
+        </View>
+      </View>
+    )
+  })
+
+  function removeSchedule(index: number) {
+    const _schedule = [...schedule]
+    _schedule.splice(index, 1)
+    setSchedule([..._schedule])
+  }
+
+  function checkInputs() {
+    if (!selectedEmployer) {
+      LibToastProperty.show(esp.lang("community/post_tender", "empty_employer"))
+      return false
+    }
+
+    if (cats.length == 0) {
+      LibToastProperty.show(esp.lang("community/post_tender", "empty_cat"))
+      return false
+    }
+
+    if (schedule.length == 0) {
+      LibToastProperty.show(esp.lang("community/post_tender", "empty_schedule"))
+      return false
+    }
+
+    if (inputDescription.current?.getText() == "") {
+      inputDescription.current?.setError(esp.lang("community/post_tender", "empty_contract"))
+      return false
+    }
+
+    if (inputStartDate.current?.getText() == "") {
+      inputStartDate.current?.setError(esp.lang("community/post_tender", "empty_start"))
+      inputStartDate.current?.focus()
+      return false
+    }
+
+    if (inputEndDate.current?.getText() == "") {
+      inputEndDate.current?.setError(esp.lang("community/post_tender", "empty_end"))
+      inputEndDate.current?.focus()
+      return false
+    }
+    return true
+  }
+
+  function postTender() {
+    if (checkInputs()) {
+
+      let _catId = cats.map((item: any) => item.cat_id)
+      let _catMemberId = cats.map((item: any) => item.cat_member_id)
+      let _catMemberName = cats.map((item: any) => item.cat_member_name)
+      let post = {
+        employer_id: selectedEmployer && selectedEmployer.id,
+        type_id: props.type_post,
+        kind_id: kindId,
+        title: formPostTender.title,
+        location_id: formPostTender.location_id,
+        summary: formPostTender.summary,
+        cat_ids: JSON.stringify(_catId),
+        cat_member_names: JSON.stringify(_catMemberName),
+        cat_member_ids: JSON.stringify(_catMemberId),
+        specialist_id: "",
+        date_start: startDate,
+        date_end: endDate,
+        role_id: "",
+        industry_id: "",
+        position_id: "",
+        schedule: JSON.stringify(schedule),
+        benefit: "",
+        welfare: "",
+        document: JSON.stringify(document),
+        salary_min: formPostTender.salary_min,
+        salary_max: formPostTender.salary_max,
+        description: inputDescription.current?.getText(),
+        criteria: inputCriteria.current?.getText(),
+        coordinator_same: "",
+        coordinator_name: formPostTender.coordinator_name,
+        coordinator_website: formPostTender.coordinator_website,
+        coordinator_email: formPostTender.coordinator_email,
+        coordinator_phone: formPostTender.coordinator_phone,
+      }
+
+      LibDialog.confirm(esp.lang("community/post_tender", "info_post_tender"), esp.lang("community/post_tender", "post_message"), esp.lang("community/post_tender", "post_confirm"), () => {
+        LibProgress.show(esp.lang("community/post_tender", "wait_edit"))
+        new LibCurl("community_job_available_edit", post, (result, msg) => {
+          LibProgress.hide()
+          LibDialog.info(esp.lang("community/post_tender", "post_success"), msg)
+          LibNavigation.back()
+          // LibNavigation.back()
+        }, (error) => {
+          LibProgress.hide()
+          LibDialog.warning(esp.lang("community/post_tender", "post_failed"), error?.message)
+        }, 1)
+      }, esp.lang("community/post_tender", "post_cancel"), () => {
+
+      })
+    }
+  }
+
+  function isValid() {
+    if (schedule.some((t: any) => t.title == '')) {
+      return false
+    }
+    if (schedule.some((t: any) => t.deadline == "")) {
+      return false
+    }
+    return true
+  }
+
+  function renderSchedule(item: any, i: number) {
+    return (
+      <View key={i + "-" + counter} style={styleId_Z5zjHy}>
+        <View style={styleId_ZcMJmd}>
+          <LibInput_rectangle2
+            ref={inputTitle}
+            placeholder={esp.lang("community/post_tender", "plcaholder_deadline")}
+            defaultValue={item.title}
+            style={styleId_Z1uPoKW}
+            onChangeText={(t) => {
+              setSchedule(LibObject.set(schedule, t)(i, 'title'))
+            }}
+          />
+          <TouchableOpacity onPress={() => {
+            // LibNavigation.navigateForResult<CommunityPost_job_basic_dateArgs>('community/post_job_basic_date', { defaultDate: moment().format("YYYY-MM-DD") }).then((dt) => {
+            //   setSchedule(LibObject.set(schedule, dt)(i, 'deadline'))
+            //   inputDate.current?.setText(LibUtils.moment(dt).format("DD MMMM YYYY"))
+            // })
+
+            dialogDateSchedule.current?.show()
+            setIndexSchedule(i)
+          }}>
+            <LibInput_rectangle2
+              ref={inputDate}
+              placeholder={esp.lang("community/post_tender", "plcaholder_date")}
+              defaultValue={item.deadline}
+              value={item?.deadline}
+              editable={false}
+              style={styleId_Z1uPoKW}
+              dropdown
+            />
+          </TouchableOpacity>
+        </View>
+        <ComponentTouchable onPress={() => {
+          removeSchedule(i)
+          setCounter(counter + 1)
+        }}>
+          <View style={styleId_ZYuDjw}>
+            <LibIcon name={"close"} size={16} color="#FFF" />
+          </View>
+        </ComponentTouchable>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ScrollView>
+
+        <View style={{ margin: 16, flexDirection: 'row' }}>
+          <TouchableOpacity onPress={() => { setKindId(1) }} style={{ paddingTop: 6, paddingBottom: 5, paddingLeft: 8, paddingRight: 8, borderWidth: 1, borderColor: kindId == 1 ? '#E67E22' : '#C5C5C5', backgroundColor: kindId == 1 ? '#FFE3DA' : '#F6F6F6', width: (LibStyle.width * 0.5) - 16, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontStyle: "normal", fontWeight: "bold", fontSize: 12, lineHeight: 14, color: kindId == 1 ? '#E67E22' : '#C5C5C5' }}>{esp.lang("community/post_tender", "contract")}</Text>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="middle" style={{ fontFamily: "SFProText", fontStyle: "normal", fontWeight: "normal", fontSize: 10, lineHeight: 14, color: kindId == 1 ? '#E67E22' : '#C5C5C5' }}>{esp.lang("community/post_tender", "for_eo")}</Text>
+          </TouchableOpacity>
+          <TouchableOpacity onPress={() => { setKindId(2) }} style={{ paddingTop: 6, paddingBottom: 5, paddingLeft: 8, paddingRight: 8, borderWidth: 1, borderColor: kindId == 2 ? '#E67E22' : '#C5C5C5', backgroundColor: kindId == 2 ? '#FFE3DA' : '#F6F6F6', width: (LibStyle.width * 0.5) - 16, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontStyle: "normal", fontWeight: "bold", fontSize: 12, lineHeight: 14, color: kindId == 2 ? '#E67E22' : '#C5C5C5' }}>{esp.lang("community/post_tender", "campaign")}</Text>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontStyle: "normal", fontWeight: "normal", fontSize: 10, lineHeight: 14, color: kindId == 2 ? '#E67E22' : '#C5C5C5' }}>{esp.lang("community/post_tender", "for_influencer")}</Text>
+          </TouchableOpacity>
+        </View>
+
+        {/* data employer */}
+        <CommunityPost_job_employer
+          onPressEmployer={(item) => {
+            setSelectedEmployer(item)
+          }}
+        />
+
+        <View style={{ marginTop: 16, height: 4, width: LibStyle.width, backgroundColor: '#f4f4f4' }} />
+
+        {/* data pemilik kontrak */}
+        <CommunityPost_tender_contract
+          kind_id={kindId}
+          onPressValid={() => {
+            setValidInputs(true)
+          }}
+          setCats={(data) => {
+            setCats(data)
+          }}
+        />
+
+        <View style={{ height: 4, width: LibStyle.width, backgroundColor: '#f4f4f4' }} />
+
+        <View style={{ margin: 16, marginTop: 0, marginBottom: 24 }}>
+          <ComponentLabel_input2 label={esp.lang("community/post_tender", "label_time")} mandatory />
+          {
+            schedule.map(renderSchedule)
+          }
+
+
+          <ComponentTouchable onPress={() => {
+            if (isValid() && valid) {
+              setCounter(counter + 1)
+              setSchedule(LibObject.push(schedule, {
+                title: '',
+                deadline: ''
+              })())
+            } else {
+              LibToastProperty.show(esp.lang("community/post_tender", "title_empty"))
+            }
+          }} style={{ height: 32, borderRadius: 4, marginTop: 12, backgroundColor: "#ffffff", borderWidth: 1, borderColor: "#45c9af", flexDirection: 'row', alignItems: 'center' }} >
+            <Text style={{ paddingLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#45c9af" }} >{esp.lang("community/post_tender", "add_date")}</Text>
+          </ComponentTouchable>
+
+          <Text allowFontScaling={false} style={{ marginTop: 8, textAlign: 'justify', fontFamily: "SFProText", fontStyle: "normal", fontWeight: "normal", fontSize: 10, lineHeight: 12, color: "#C5C5C5" }}>{esp.lang("community/post_tender", "info_add_deadline")}</Text>
+
+        </View>
+
+        <View style={{ height: 4, width: LibStyle.width, backgroundColor: '#f4f4f4' }} />
+
+        {/* ini deskripsi */}
+        <View style={{ margin: 16, marginTop: 0, marginBottom: 24 }}>
+          <ComponentLabel_input2 label={esp.lang("community/post_tender", "label_condition")} mandatory />
+          <LibInput_rectangle2
+            ref={inputDescription}
+            multiline={true}
+            placeholder={esp.lang("community/post_tender", "plcaholder_condition")}
+            inputStyle={{ textAlignVertical: 'top', paddingTop: 10, height: 150 }}
+            style={{ borderRadius: 4, borderColor: '#c4c4c4', marginBottom: 10, marginTop: 8, height: 150, justifyContent: 'flex-start' }}
+          />
+
+        </View>
+        <View style={{ height: 4, width: LibStyle.width, backgroundColor: '#f4f4f4' }} />
+
+
+        <View style={{ margin: 16, marginTop: 0, marginBottom: 24 }}>
+          <ComponentLabel_input2 label={esp.lang("community/post_tender", "label_criteria")} />
+          <LibInput_rectangle2
+            ref={inputCriteria}
+            multiline={true}
+            placeholder={esp.lang("community/post_tender", "plcaholder_criteria")}
+            inputStyle={{ textAlignVertical: 'top', paddingTop: 10, height: 150 }}
+            style={{ borderRadius: 4, borderColor: '#c4c4c4', marginBottom: 10, marginTop: 8, height: 150, justifyContent: 'flex-start' }}
+          />
+
+        </View>
+        <View style={{ height: 4, width: LibStyle.width, backgroundColor: '#f4f4f4' }} />
+
+
+        <View style={{ margin: 16, marginTop: 0, marginBottom: 24 }}>
+          <ComponentLabel_input2 label={esp.lang("community/post_tender", "label_tender_doc")} />
+
+          <ComponentButton label={document.length == 0 ? esp.lang("community/post_tender", "pdf_only") : esp.lang("community/post_tender", "change_doc")} onPress={() => {
+            LibDocument.upload('application/pdf').then((item) => {
+              if (document.length == 0) {
+                let _doc = [...document]
+                _doc.push(item)
+                setDocument(_doc)
+              } else {
+                let _doc = [...document]
+                _doc.splice(0, 1)
+                _doc.push(item)
+                setDocument(_doc)
+              }
+            })
+          }} style={{ height: 48, borderRadius: 24, marginTop: 20 }} backgroundColor={document.length == 0 ? "#ECFEF8" : "#EEB5B5"} borderColor={document.length == 0 ? "#45C9AF" : LibStyle.colorRed} fontColor={document.length == 0 ? "#45C9AF" : LibStyle.colorRed} />
+          {
+            document.length > 0 &&
+            <View style={{ marginTop: 10, flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Text allowFontScaling={false} style={{ textAlign: 'left', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed }}>{esp.lang("community/post_tender", "uploaded_doc")}</Text>
+              <TouchableOpacity onPress={() => {
+                Linking.openURL(document[0])
+              }}>
+                <Text allowFontScaling={false} style={{ textAlign: 'right', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#45C9AF" }}>{esp.lang("community/post_tender", "show_doc")}</Text>
+              </TouchableOpacity>
+            </View>
+          }
+
+
+        </View>
+        <View style={{ height: 4, width: LibStyle.width, backgroundColor: '#f4f4f4' }} />
+
+        <View style={{ margin: 16, marginTop: 0, marginBottom: 24 }}>
+          <ComponentLabel_input2 label={esp.lang("community/post_tender", "label_duration")} mandatory />
+
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }} >
+            <ComponentTouchable onPress={() => {
+              MarketSlidingupProperty.show()
+              setWhatDate("start")
+            }}>
+              <LibInput_rectangle2
+                ref={inputStartDate}
+                keyboardType={"numeric"}
+                // defaultValue={formPostJob && formPostJob.hasOwnProperty("date_start") && moment(formPostJob.date_start).format("DD MMMM YYYY")}
+                editable={false}
+                placeholder={esp.lang("community/post_tender", "placeholder_start")}
+                dropdown
+                style={{ marginTop: 8, width: LibStyle.width * 0.5 - 40, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+            <View style={{ margin: 15 }} >
+              <Text style={{ fontFamily: "SFProText", fontSize: 15, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }} >-</Text>
+            </View>
+            <ComponentTouchable onPress={() => {
+              if (inputStartDate.current?.getText() == "") {
+                LibToastProperty.show(esp.lang("community/post_tender", "empty_date_start"))
+              } else {
+                MarketSlidingupProperty.show()
+                setWhatDate("end")
+              }
+            }}>
+              <LibInput_rectangle2
+                ref={inputEndDate}
+                // defaultValue={formPostJob && formPostJob.hasOwnProperty("date_end") && moment(formPostJob.date_end).format("DD MMMM YYYY")}
+                keyboardType={"numeric"}
+                editable={false}
+                placeholder={esp.lang("community/post_tender", "plcaholder_end")}
+                maskFrom="end"
+                dropdown
+                style={{ marginTop: 8, width: LibStyle.width * 0.5 - 40, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+          </View>
+        </View>
+
+        <View style={{ margin: 15, marginTop: 0 }}>
+          <ComponentButton onPress={() => {
+            if (validInputs) {
+              if (checkInputs()) {
+                postTender()
+              }
+            } else {
+              LibToastProperty.show(esp.lang("community/post_tender", "empty_date"))
+            }
+          }}
+            backgroundColor={validInputs == true ? "#45C9AF" : "#c5c5c5"} borderColor={validInputs == true ? "#45C9AF" : "#c5c5c5"} fontColor="#fff"
+            label={esp.lang("community/post_tender", "btn_post_tender")} style={{ height: 48, borderRadius: 24 }}
+          />
+        </View>
+      </ScrollView>
+      <LibSlidingup ref={dialogDateSchedule}>
+        <View style={{ backgroundColor: 'white', paddingBottom: 25, height: 230, marginBottom: 10 }}>
+          <LibDatepicker
+            minDate={moment().localeFormat('YYYY-MM-DD')}
+            maxDate={moment().add(10, 'years').localeFormat('YYYY-MM-DD')}
+            onDateChange={(date) => {
+              setSchedule(LibObject.set(schedule, date)(indexSchedule, 'deadline'))
+              inputDate.current?.setText(LibUtils.moment(date).localeFormat("DD MMMM YYYY"))
+              dialogDateSchedule.current?.hide()
+              setIndexSchedule(undefined)
+            }}
+            selectedDate={date}
+          />
+        </View>
+      </LibSlidingup>
+    </View>
+  )
+}
+const styleId_Z5zjHy: any = { flexDirection: 'row', alignContent: "center", alignItems: 'center', marginBottom: 20 }
+const styleId_ZcMJmd: any = { flex: 1 }
+const styleId_Z1uPoKW: any = { marginTop: 8, borderRadius: 4, flex: 8 }
+const styleId_ZYuDjw: any = { marginTop: 10, marginLeft: 10, width: 32, height: 32, borderRadius: 3, backgroundColor: LibStyle.colorRed, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }