@jescon-technologies/react-native-ui-kit 0.0.4 → 0.0.5

package/src/Custom/CTokenAllocation.js

@@ -0,0 +1,1402 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Text, View, FlatList, TouchableOpacity, Dimensions, ActivityIndicator, ScrollView, Switch, TextInput, TouchableHighlight } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import { normalize } from '../CommonStyle/componentStyle';
+import { APIURL, EMRAPI } from '../../../../../src/Common/apiConstants';
+import { ArrayCheck, getLoading, isBNUL, isNU, isPermitted, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import { Global } from '../../../../../src/Common/Global';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { Icons } from '@jescon-technologies/react-native-ui-kit';;
+import CTextHeader from './TableComponent/CTextHeader';
+import CTextBody from './TableComponent/CTextBody';
+import HHeading from '../HOC/HHeading';
+import STimePicker from '../StaticComponents/STimePicker';
+import Loader from './Loader';
+import moment from 'moment';
+import STextInput from '../StaticComponents/STextInput';
+import SDropDownNew from '../Components/SDropDownNew';
+
+import SCheckBox from '../StaticComponents/SCheckBox';
+import HOCIcons from '../HOC/HOCIcons';
+import FastImage from 'react-native-fast-image';
+import { Menu, MenuOptions, MenuTrigger } from 'react-native-popup-menu';
+import CDropDownList from '../CustomComponents/CDropDownList';
+import CText from '../CustomComponents/CText';
+import { useNavigation } from '../Navigation/useNavigation';
+
+
+import { fontWeight } from '../CommonStyle/commonStyle';
+import { FlashList } from '@shopify/flash-list';
+import CAwesomeButton from '../CustomComponents/CAwesomeButton';
+import CCustomTextInput from '../CustomComponents/CCustomTextInput';
+
+const CTokenAllocation = (props) => {
+
+    const navigation = useNavigation();
+    const { width, height } = Dimensions.get('screen');
+    const flatlistRef = useRef();
+    const dividedWidth = width / 7;
+    const [data, setData] = useState();
+    const [dayData, setDayData] = useState();
+    const [refresh, setRefresh] = useState(0);
+    const [isLoading, setIsLoading] = useState(false);
+    const [footerData, setFooterData] = useState();
+    const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+    const d = new Date();
+    const [monthinno, setMonthInNo] = useState(d.getMonth());
+    const [year, setYear] = useState(d.getFullYear());
+    const [edit, setEdit] = useState(false);
+    const [tokenArr, setTokensArray] = useState();
+    const [wttime, setWttime] = useState(30);
+    const [consultant, setConsultant] = useState(Global.userData.hosuconsultant);
+
+    const dropdownarray = {
+        'success': true,
+        'httpstatus': 200,
+        'message': 'SUCCESS',
+        'data': {
+            'data': [
+                {
+                    'datavalue': 'A', // "O", "W",
+                    'displayvalue': 'N/A',
+                    'selected': false,
+                    'icon': 'credit-card-outline',
+                },
+                {
+                    'datavalue': 'O',
+                    'displayvalue': 'OLD',
+                    'selected': false,
+                    'icon': 'credit-card-clock-outline',
+                },
+                {
+                    'datavalue': 'W',
+                    'displayvalue': 'NEW',
+                    'selected': false,
+                    'icon': 'credit-card-fast',
+                },
+            ],
+        },
+    };
+
+    useEffect(() => {
+        if (consultant > 0) {
+            getConsultation(consultant, year, monthinno);
+        }
+    }, []);
+
+    function getConsultation(consultant) {
+
+        setConsultant(consultant);
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhococonsultationtokenorderweekday ' + consultant;
+        // + ',' + year + ',' + monthReal
+        console.log('Button api..........CToken..........', JSON.stringify(buttonapi));
+        setIsLoading(true);
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+
+                if (response.httpstatus == 200 && response.data != null
+                    && response.data != undefined) {
+                    setIsLoading(false);
+                    setData(response.data.weekdays);
+                    let obj = ArrayCheck(response.data.weekdays) ? response.data.weekdays.find(o => o.selected == true) : null;
+                    setDayData(obj);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Data not available,Please try again later', 4);
+                }
+            });
+        getLoading(v => setIsLoading(false));
+
+    }
+
+    function fnRenderInsideFlashlist(array, item) {
+
+        let newdata = isBNUL(array) ? array.filter(function (item) { return item; }) : [];
+
+        return (
+            isBNUL(newdata) ?
+                <FlashList
+                    data={newdata}
+                    horizontal={false}
+                    numColumns={2}
+                    contentContainerStyle={{
+                        flexDirection: 'row',
+                        flexWrap: 'wrap',
+                        justifyContent: 'space-between',
+                    }}
+                    renderItem={(k) => renderMrngEvngToken(k, newdata)}
+                    keyExtractor={(item, index) => 'key' + index}
+                    estimatedItemSize={normalize(160)}
+                />
+                : null
+        );
+
+    }
+
+    function renderFooterView({ item }) {
+
+        return (
+            <View style={{ flex: 1 }}>
+                {ArrayCheck(item.tokenArr) && ArrayCheck(item.tokenArr) ?
+                    <View style={{ borderWidth: 1, width: '100%', borderRadius: 5, borderColor: 'lightgrey', backgroundColor: 'white', elevation: 5, flexDirection: 'row', justifyContent: 'space-between', padding: normalize(5) }}>
+                        <View style={{ width: '100%', borderWidth: 0 }}>
+                            <View style={{
+                                width: '100%',
+                                flexDirection: 'row',
+                                alignItems: 'flex-start',
+                                borderColor: 'lightgrey',
+                                marginTop: normalize(5),
+                                justifyContent: 'space-evenly',
+
+                            }}>
+
+                                <View style={{ width: '35%' }}>
+                                    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                        <HOCIcons.FontAwesome5
+                                            name={item.iconname}
+                                            color={'black'}
+                                            size={normalize(12)}
+                                            style={{ marginHorizontal: normalize(5) }}
+                                        />
+                                        <Text style={{ fontSize: normalize(15), color: 'darkblue', fontWeight: 'bold', paddingRight: normalize(5) }}>{item.tokentype}</Text>
+                                    </View>
+                                    <View style={{ flexDirection: 'row', borderWidth: 0, marginTop: normalize(5), justifyContent: 'space-between' }}>
+                                        <View style={{ flexDirection: 'row', alignItems: 'center', borderWidth: 0 }}>
+                                            <HOCIcons.FontAwesome5
+                                                name={'clock'}
+                                                color={'black'}
+                                                size={normalize(10)}
+                                                style={{ marginHorizontal: normalize(3) }}
+                                            />
+                                            <View>
+                                                <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>START TIME</Text>
+                                                <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.reportingtime}</Text>
+                                            </View>
+                                        </View>
+                                        <View style={{ borderWidth: 0, borderColor: 'black', flexDirection: 'row', alignItems: 'center' }}>
+                                            <HOCIcons.FontAwesome5
+                                                name={'clock'}
+                                                color={'black'}
+                                                size={normalize(10)}
+                                                style={{ marginHorizontal: normalize(5) }}
+                                            />
+                                            <View>
+                                                <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>END TIME</Text>
+                                                <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.consultationtime}</Text>
+                                            </View>
+                                        </View>
+                                    </View>
+                                </View>
+
+                                <View style={{
+                                    width: '25%',
+                                }}>
+                                    <SDropDownNew
+                                        heading={'Payment Type'}
+                                        buttonstyle={{
+                                            borderWidth: 1,
+                                            borderColor: 'lightgrey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            justifyContent: 'flex-start',
+                                            height: normalize(35),
+                                            flexDirection: 'row',
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                        }}
+                                        dropdownapi={'emr/emrcommonget/rnladropdownpaymenttype'}
+                                        dropdowndata={item.paymenttypename}
+                                        onChangeData={val => val == undefined ? null : (
+                                            item.paymenttype = val.datavalue,
+                                            item.paymenttypename = val.displayvalue,
+                                            console.log('@@@@@@@@ sdropdown')
+                                        )}
+                                        editable={true}
+                                        widthArr={'100%'}
+                                        iconName={'info'}
+                                        refreshCount={val =>
+                                            val == undefined ? null : setRefresh(refresh + 1)
+                                        }
+                                    />
+                                    <Text style={{ color: Global.AppTheme.primary_color, top: normalize(-4), position: 'absolute', fontSize: normalize(8), left: normalize(10), backgroundColor: 'white' }}>
+                                        Payment Type
+                                    </Text>
+                                </View>
+
+                                <View style={{ width: '20%' }}>
+                                    <CCustomTextInput
+                                        required={false}
+                                        info={'Enter Waiting time.'}
+                                        custompositiontextviewstyle={{
+                                            position: 'absolute',
+                                            top: normalize(-4),
+                                            left: normalize(7),
+                                            flexDirection: 'row',
+                                            alignItems: 'center',
+                                            backgroundColor: 'white',
+                                        }}
+                                        custompositiontextstyle={{
+                                            color: '#164c92',
+                                            fontSize: normalize(8),
+                                            textAlign: 'left',
+                                            fontWeight: 'normal',
+                                        }}
+                                        inputstyle={{
+                                            flexDirection: 'row',
+                                            borderWidth: 0.5,
+                                            borderColor: 'grey',
+                                            borderRadius: 5,
+                                            alignItems: 'center',
+                                            height: normalize(35),
+                                            backgroundColor: 'white',
+                                            elevation: 2,
+                                            textAlign: 'right',
+                                        }}
+                                        iconstyle={{
+                                            icongroup: 5,
+                                            iconname: 'user-graduate',
+                                            iconsize: normalize(10),
+                                            iconcolor: '#164c92',
+                                            style: {
+                                                paddingHorizontal: normalize(4),
+                                            },
+                                        }}
+                                        data={{
+                                            displaytext: 'Waiting Time',
+                                            type: 'numeric',
+                                            iconcolor: 'darkblue',
+                                            editable: true,
+                                            itemwidth: '100%',
+                                            iconname: 'id-badge',
+                                            value: ValueCheck(wttime) ? wttime : '',
+                                            tfontweight: 'bold',
+                                            placeholder: ' ',
+                                            placeholdercolor: 'lightgrey',
+                                            capitalize: 'characters',
+                                            tfontsize: normalize(12),
+                                            alignment: 'right',
+                                        }}
+                                        callBack={val => (val == undefined ? null : setWttime(val)
+                                        )}
+                                        onEndEditing={val => {
+                                            console.log('onEndEditing', wttime),
+                                                getReportingTime(item, wttime);
+                                        }}
+                                        onSubmitEditing={val => {
+                                            console.log('onSubmitEditing', wttime),
+                                                getReportingTime(item, wttime);
+                                        }}
+                                    />
+                                    {/* <STextInput
+                                        hideicon={true}
+                                        data={{
+                                            value: ValueCheck(wttime) ? wttime : '',
+                                            type: 'number-pad',
+                                            editable: true,
+                                            itemwidth: Dimensions.get('screen').width * 0.22,
+                                            errorStatus: true
+                                        }}
+                                        normalTextInput={true}
+                                        callBack={val => (val == undefined ? null : setWttime(val)
+                                        )}
+                                        onEndEditing={val => {
+                                            console.log('onEndEditing', wttime),
+                                                getReportingTime(item, wttime)
+                                        }}
+                                        onSubmitEditing={val => {
+                                            console.log('onSubmitEditing', wttime),
+                                                getReportingTime(item, wttime)
+                                        }}
+                                    /> */}
+                                    {/* <Text style={{ color: Global.AppTheme.primary_color, top: normalize(-4), position: 'absolute', fontSize: normalize(8), left: normalize(10), backgroundColor: 'white' }}>
+                                        Waiting Time
+                                    </Text> */}
+                                </View>
+
+                                <View style={{ width: '15%' }}>
+                                    {/* <Text style={{ fontSize: normalize(8), color: Global.AppTheme.primary_color, fontWeight: 'normal' }}>Disable Tokens</Text> */}
+                                    <TouchableOpacity
+                                        onPress={() => {
+                                            setDisableToken(item);
+                                        }}
+                                        style={{
+                                            borderWidth: 0.5,
+                                            backgroundColor: 'white',
+                                            elevation: 5,
+                                            borderColor: 'lightgrey',
+                                            borderRadius: 5,
+                                            height: normalize(35),
+                                            width: '100%',
+                                            justifyContent: 'center',
+                                            alignItems: 'center',
+                                        }}>
+                                        <HOCIcons.Fontisto
+                                            name={item.disabledtokens ? 'toggle-on' : 'toggle-off'}
+                                            size={normalize(23)}
+                                            color={item.disabledtokens ? 'green' : '#646464'}
+                                            style={{ textAlign: 'center', borderWidth: 0 }}
+                                        />
+                                    </TouchableOpacity>
+                                    <Text style={{ color: Global.AppTheme.primary_color, left: normalize(3), top: normalize(-4), position: 'absolute', fontSize: normalize(8), backgroundColor: 'white' }}>
+                                        {'Disable'}
+                                    </Text>
+                                </View>
+
+                            </View>
+                            {/* <View style={{ flexDirection: 'row', borderWidth: 0, marginTop: normalize(5) }}>
+                                <View style={{ flexDirection: 'row', alignItems: 'center', }}>
+                                    <HOCIcons.FontAwesome5
+                                        name={'clock'}
+                                        color={'black'}
+                                        size={normalize(12)}
+                                        style={{ marginHorizontal: normalize(5) }}
+                                    />
+                                    <View>
+                                        <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>START TIME</Text>
+                                        <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.reportingtime}</Text>
+                                    </View>
+                                </View>
+                                <View style={{ width: 0.5, backgroundColor: 'lightgrey', marginHorizontal: normalize(7) }}>
+                                </View>
+                                <View style={{ borderLeftWidth: 0, borderColor: 'black', flexDirection: 'row', alignItems: 'center', }}>
+                                    <HOCIcons.FontAwesome5
+                                        name={'clock'}
+                                        color={'black'}
+                                        size={normalize(12)}
+                                        style={{ marginHorizontal: normalize(5) }}
+                                    />
+                                    <View>
+                                        <Text style={{ fontSize: normalize(7), color: 'black', fontWeight: 'normal' }}>END TIME</Text>
+                                        <Text style={{ fontSize: normalize(11), color: 'darkblue', fontWeight: 'bold' }}>{item.consultationtime}</Text>
+                                    </View>
+                                </View>
+                            </View> */}
+                        </View>
+
+                        {/* {ArrayCheck(item.tokenArr) ?
+                            <View style={{ width: '50%' }}>
+
+                                <View style={{ flexDirection: 'row', borderWidth: 0, alignItems: 'flex-end' }}>
+                                    <View style={{ justifyContent: 'center', alignItems: 'center', borderWidth: 0 }}>
+                                        <View style={{ borderWidth: 0, flexDirection: 'row', alignItems: 'center' }}>
+                                            <View style={{ borderWidth: 0 }}>
+                                                <STextInput
+                                                    hideicon={true}
+                                                    data={{
+                                                        value: ValueCheck(wttime) ? wttime : '',
+                                                        type: 'number-pad',
+                                                        editable: true,
+                                                        itemwidth: Dimensions.get('screen').width * 0.22,
+                                                        errorStatus: true
+                                                    }}
+                                                    normalTextInput={true}
+                                                    callBack={val => (val == undefined ? null : setWttime(val)
+                                                    )}
+                                                    onEndEditing={val => {
+                                                        console.log('onEndEditing', wttime),
+                                                            getReportingTime(item, wttime)
+                                                    }}
+                                                    onSubmitEditing={val => {
+                                                        console.log('onSubmitEditing', wttime),
+                                                            getReportingTime(item, wttime)
+                                                    }}
+                                                />
+                                                <Text style={{ color: Global.AppTheme.primary_color, top: normalize(1), position: 'absolute', fontSize: normalize(10), left: normalize(10), backgroundColor: 'white' }}>
+                                                    Waiting Time
+                                                </Text>
+                                            </View>
+
+                                            <View style={{ borderWidth: 0, justifyContent: 'center', alignItems: 'center', marginHorizontal: normalize(10) }}>
+                                            <Text style={{ fontSize: normalize(8), color: 'black' }}>Reset Tokens</Text>
+                                            <TouchableOpacity
+                                                onPress={() => {
+                                                    getReportingTime(item, wttime)
+                                                }}
+                                                style={{
+                                                    // marginHorizontal: normalize(10),
+                                                    borderColor: 'lightgrey',
+                                                    width: normalize(35),
+                                                    backgroundColor: 'white',
+                                                    height: normalize(30),
+                                                    borderRadius: normalize(5),
+                                                    alignItems: 'center',
+                                                    justifyContent: 'center',
+                                                    borderWidth: 0.5,
+                                                    elevation: 5
+                                                }}>
+                                                <HOCIcons.Entypo
+                                                    name={'back-in-time'}
+                                                    size={normalize(23)}
+                                                    color={Global.AppTheme.primary_color}
+                                                    style={{ textAlign: 'center', borderWidth: 0 }}
+                                                />
+                                            </TouchableOpacity>
+                                        </View>
+
+                                            <View style={{ borderWidth: 0, justifyContent: 'center', alignItems: 'center' }}>
+                                                <Text style={{ fontSize: normalize(8), color: 'black', fontWeight: 'normal' }}>Disable Tokens</Text>
+                                                <TouchableOpacity
+                                                    onPress={() => {
+                                                        setDisableToken(item)
+                                                    }}
+                                                    style={{
+                                                        borderWidth: 0.5,
+                                                        backgroundColor: 'white',
+                                                        elevation: 5,
+                                                        borderColor: 'lightgrey',
+                                                        borderRadius: 5,
+                                                        height: normalize(30),
+                                                        width: normalize(35),
+                                                        justifyContent: 'center',
+                                                        alignItems: 'center'
+                                                    }}>
+                                                    <HOCIcons.Fontisto
+                                                        name={item.disabledtokens ? 'toggle-on' : 'toggle-off'}
+                                                        size={normalize(23)}
+                                                        color={item.disabledtokens ? 'green' : '#646464'}
+                                                        style={{ textAlign: 'center', borderWidth: 0 }}
+                                                    />
+                                                </TouchableOpacity>
+                                            </View>
+                                        </View>
+                                    </View>
+
+
+                                </View>
+
+
+                            </View>
+                            : null} */}
+                    </View>
+                    : null}
+
+
+
+                {ArrayCheck(item.tokenArr) ?
+                    <View style={{ minHeight: normalize(400), flex: 1 }}>
+                        {fnRenderInsideFlashlist(item.tokenArr, item)}
+                    </View>
+                    : null}
+            </View>
+        );
+    }
+
+    function fnCategoryFunction(item, val) {
+
+        item.subcategorytype = val.datavalue;
+        item.sucategoryname = val.displayvalue;
+        setRefresh(0);
+        setTimeout(() => {
+            setRefresh(refresh + 1);
+            props.editFlag(true);
+            setEdit(true);
+        });
+
+    }
+
+    function renderMrngEvngToken({ item, index }, array) {
+
+        return (
+            <View style={{
+                marginTop: normalize(5),
+                flexDirection: 'row',
+                borderWidth: 1,
+                borderTopWidth: 4,
+                borderLeftWidth: 4,
+                borderBottomWidth: 4,
+                borderColor: '#aaaaaa',
+                borderRadius: 10,
+                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
+                width: Dimensions.get('screen').width * 0.485,
+                height: Dimensions.get('screen').width * 0.45,
+            }}>
+                <View style={{ flex: 1, borderWidth: 0, justifyContent: 'space-evenly' }}>
+                    <View style={{ justifyContent: 'space-around', alignItems: 'center', borderWidth: 0, width: '100%', flexDirection: 'row' }}>
+
+                        <View style={{
+                            borderLeftWidth: 3,
+                            borderBottomWidth: 3,
+                            width: Dimensions.get('screen').width * 0.12,
+                            backgroundColor: item.color,
+                            height: Dimensions.get('screen').width * 0.12,
+                            borderRadius: normalize(1000),
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            elevation: 5,
+                            borderWidth: 0,
+                        }} >
+                            <Text numberOfLines={1} style={{
+                                color: 'white',
+                                fontSize: normalize(17),
+                                fontWeight: 'bold',
+                            }}>{item.tokenno}</Text>
+                        </View>
+
+
+
+                        <View style={{ alignItems: 'center', borderWidth: 1, borderRadius: 10, borderColor: 'lightgrey', padding: normalize(3), marginTop: normalize(10) }}>
+                            <TouchableOpacity
+                                onPress={() => {
+                                    item.onlinetoken = !item.onlinetoken,
+                                        setRefresh(0),
+                                        setTimeout(() => {
+                                            setRefresh(refresh + 1);
+                                            props.editFlag(true);
+                                            setEdit(true);
+                                        });
+                                }}
+                            >
+                                <HOCIcons.Fontisto
+                                    name={item.onlinetoken ? 'toggle-on' : 'toggle-off'}
+                                    size={Dimensions.get('screen').width * 0.1}
+                                    color={item.onlinetoken ? 'green' : '#646464'}
+                                    style={{ textAlign: 'center', borderWidth: 0 }}
+                                />
+                            </TouchableOpacity>
+                            <Text style={{
+                                top: normalize(-4),
+                                left: normalize(4),
+                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
+                                position: 'absolute',
+                                fontSize: normalize(9),
+                                color: 'black',
+                            }}>{'Online'}</Text>
+                        </View>
+
+
+                        <View style={{ alignItems: 'center', borderWidth: 1, borderRadius: 10, borderColor: 'lightgrey', justifyContent: 'center', padding: normalize(3), marginTop: normalize(10) }}>
+
+                            <TouchableOpacity
+                                onPress={() => {
+                                    item.disabledtoken = !item.disabledtoken,
+                                        setRefresh(0),
+                                        setTimeout(() => {
+                                            setRefresh(refresh + 1);
+                                            props.editFlag(true);
+                                            setEdit(true);
+                                        });
+                                }}
+                            >
+                                <HOCIcons.Fontisto
+                                    name={item.disabledtoken ? 'toggle-on' : 'toggle-off'}
+                                    size={Dimensions.get('screen').width * 0.1}
+                                    color={item.disabledtoken ? 'green' : '#646464'}
+                                    style={{ textAlign: 'center', borderWidth: 0 }}
+                                />
+                            </TouchableOpacity>
+                            <Text style={{
+                                top: normalize(-4),
+                                left: normalize(4),
+                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
+                                position: 'absolute',
+                                fontSize: normalize(9),
+                                color: 'black',
+                            }}>{'Disable'}</Text>
+                        </View>
+
+                    </View>
+
+                    <View style={{ justifyContent: 'space-around', alignItems: 'center', borderWidth: 0, width: '100%', flexDirection: 'row' }}>
+
+                        <View style={{ borderWidth: 0, width: '30%', justifyContent: 'center', alignItems: 'center' }}>
+                            <Text style={{ fontWeight: 'normal', color: 'black', fontSize: normalize(6) }}>Reporting Time</Text>
+                            <Text style={{ fontWeight: 'bold', color: 'black', fontSize: normalize(9) }}>{isNU(item.reportingtime) ? item.reportingtime : null}</Text>
+                        </View>
+
+                        <View style={{ height: normalize(30), width: '65%', paddingVertical: normalize(10) }}>
+                            <STimePicker
+                                table={true}
+                                pickerstyle={{
+                                    borderWidth: 1,
+                                    borderColor: 'lightgrey',
+                                    borderRadius: 10,
+                                    alignItems: 'center',
+                                    justifyContent: 'flex-start',
+                                    height: normalize(30),
+                                    flexDirection: 'row',
+                                }}
+                                textstyle={{
+                                    fontSize: normalize(12),
+                                    fontWeight: 'bold',
+                                    color: '#000000',
+                                    alignItems: 'center',
+                                    textAlign: 'center',
+                                    justifyContent: 'center',
+                                    paddingHorizontal: normalize(5),
+                                }}
+                                icon={{
+                                    'icongroup': 3,
+                                    'name': 'clock',
+                                    'size': normalize(15),
+                                }}
+                                iconstyle={{
+                                    color: item.color,
+                                    paddingLeft: normalize(5),
+                                    textAlign: 'center',
+                                }}
+                                bgcolor={'#ffffff00'}
+                                placeholder={'Consultation Time : '}
+                                height={normalize(23)}
+                                width={normalize(76)}
+                                starttime={'05:00 AM'}
+                                endtime={'05:00 PM'}
+                                timearray={array}
+                                currentindextime={index}
+                                value={item.consultationtime}
+                                callBack={val => (val == undefined ? null : getSingleCT(item, val))}
+                            // checkTimeValidation={true}
+                            />
+                            <Text style={{
+                                fontSize: normalize(9),
+                                top: normalize(5),
+                                left: normalize(7),
+                                color: 'black',
+                                position: 'absolute',
+                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
+                            }}>Consultation Time</Text>
+                        </View>
+                    </View>
+
+                    <View style={{ justifyContent: 'space-evenly', alignItems: 'center', borderWidth: 0, width: '100%', flexDirection: 'row', marginVertical: normalize(5), marginTop: normalize(10) }}>
+
+                        <View style={{ width: '47%', borderWidth: 0 }}>
+                            {/* <Text style={{ fontSize: normalize(8), paddingHorizontal: 5 }}>Token</Text> */}
+                            <SDropDownNew
+                                buttonstyle={{
+                                    borderWidth: 1,
+                                    borderColor: 'lightgrey',
+                                    borderRadius: 10,
+                                    alignItems: 'center',
+                                    justifyContent: 'flex-start',
+                                    height: normalize(30),
+                                    flexDirection: 'row',
+                                }}
+                                icon={{
+                                    'name': 'file-medical',
+                                    'size': normalize(15),
+                                }}
+                                iconstyle={{
+                                    color: item.color,
+                                    paddingLeft: normalize(5),
+                                    textAlign: 'center',
+                                }}
+                                textstyle={{
+                                    fontSize: normalize(9),
+                                    fontWeight: 'bold',
+                                    color: '#000000',
+                                    alignItems: 'center',
+                                    textAlign: 'center',
+                                    justifyContent: 'center',
+                                    paddingHorizontal: normalize(5),
+                                }}
+                                dropdownapi={'emr/emrcommonget/rnladropdowntokentype'}
+                                dropdowndata={item.bookingtypename}
+                                onChangeData={val =>
+                                    val == undefined ? null : (
+                                        item.bookingtypes = val.datavalue,
+                                        item.bookingtypename = val.displayvalue,
+                                        setRefresh(0),
+                                        setTimeout(() => {
+                                            setRefresh(refresh + 1);
+                                            props.editFlag(true);
+                                            setEdit(true);
+                                        })
+                                    )}
+                                editable={true}
+                                widthArr={Dimensions.get('screen').width * 0.32}
+                                iconName={'file-medical'}
+                                refreshCount={val =>
+                                    val == undefined ? null : null
+                                }
+                            />
+                            <Text style={{
+                                fontSize: normalize(9),
+                                top: normalize(-4),
+                                left: normalize(7),
+                                color: 'black',
+                                position: 'absolute',
+                                backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
+                            }}>Token</Text>
+                        </View>
+
+                        <View style={{ width: '47%' }}>
+                            {/* <Text style={{ fontSize: normalize(9), color: 'black' }}>Category</Text> */}
+                            <View
+                                style={{
+                                    height: normalize(30),
+                                    width: '100%',
+                                }}>
+                                <Menu>
+                                    <MenuTrigger
+                                        customStyles={{
+                                            triggerWrapper: {
+                                                width: '100%',
+                                            },
+                                        }}
+                                    >
+                                        <View style={{ borderWidth: 1, borderColor: 'lightgrey', borderRadius: 10, flexDirection: 'row', padding: normalize(4), alignItems: 'center', height: normalize(30) }}>
+                                            <HOCIcons.Icons
+                                                icongroup={3}
+                                                name={item.subcategorytype == 'A' ? 'credit-card-outline' : item.subcategorytype == 'O' ? 'credit-card-clock-outline' : item.subcategorytype == 'W' ? 'credit-card-fast' : 'credit-card-outline'}
+                                                size={normalize(15)}
+                                                color={item.subcategorytype == 'A' ? 'black' : item.subcategorytype == 'O' ? 'darkred' : item.subcategorytype == 'W' ? 'darkgreen' : 'black'}
+                                                style={{ textAlign: 'center' }}
+                                            />
+                                            <Text adjustsFontSizeToFit style={{ color: 'black', fontSize: normalize(9), fontWeight: 'bold', paddingHorizontal: normalize(3) }}>{isNU(item.sucategoryname) ? item.sucategoryname : null}</Text>
+                                        </View>
+                                        <Text style={{
+                                            fontSize: normalize(9),
+                                            top: normalize(-4),
+                                            left: normalize(7),
+                                            color: 'black',
+                                            position: 'absolute',
+                                            backgroundColor: item.disabledtoken ? '#d0d0d0' : '#ffffff',
+                                        }}>Category</Text>
+                                    </MenuTrigger>
+                                    <MenuOptions
+                                        optionsContainerStyle={{ marginTop: normalize(30) }}
+                                        customStyles={{
+                                            optionsContainer: {
+                                                shadowColor: '#000000ff',
+                                                shadowRadius: 10,
+                                                borderRadius: 5,
+                                                borderWidth: 0.5,
+                                                borderColor: 'lightgrey',
+                                                elevation: 3,
+                                                width: normalize(50),
+                                                // width: '20%'
+                                            },
+                                            optionText: {},
+                                        }}>
+                                        <CDropDownList
+                                            // dropdownapi={EMRAPI.getDropDown1}
+                                            dropdownarray={dropdownarray}
+                                            callback={val => val == undefined ? null : (fnCategoryFunction(item, val))}
+                                        />
+                                    </MenuOptions>
+                                </Menu>
+                            </View>
+
+                            {/* <Text style={{ fontSize: normalize(8), fontWeight: 'normal', color: 'black' }}>{'  '}Category</Text>
+                                <SDropDownNew
+                                    buttonstyle={{
+                                        borderWidth: 1,
+                                        borderColor: 'lightgrey',
+                                        borderRadius: 10,
+                                        alignItems: 'center',
+                                        justifyContent: 'flex-start',
+                                        height: normalize(30),
+                                        flexDirection: 'row'
+                                        // elevation: 5
+                                    }}
+                                    icon={{
+                                        'name': 'file-medical',
+                                        'size': normalize(15)
+                                    }}
+                                    iconstyle={{
+                                        color: item.color,
+                                        paddingLeft: normalize(5),
+                                        textAlign: 'center'
+                                    }}
+                                    textstyle={{
+                                        fontSize: normalize(8),
+                                        fontWeight: 'bold',
+                                        color: '#000000',
+                                        alignItems: 'center',
+                                        textAlign: 'center',
+                                        justifyContent: 'center',
+                                        paddingHorizontal: normalize(5)
+                                    }}
+                                    dropdownapi={'emr/emrcommonget/rnladropdowntokensubcategory'}
+                                    dropdowndata={item.sucategoryname}
+                                    onChangeData={val =>
+                                        val == undefined ? null : (item.subcategorytype = val.datavalue,
+                                            item.sucategoryname = val.displayvalue)}
+                                    editable={true}
+                                    widthArr={Dimensions.get('screen').width * 0.32}
+                                    iconName={'file-medical'}
+                                    refreshCount={val =>
+                                        val == undefined ? null : getRefresh()
+                                    }
+                                /> */}
+                        </View>
+
+                    </View>
+                </View>
+                <View style={{ width: item.onlinetoken ? normalize(8) : 4, borderWidth: 0, backgroundColor: item.onlinetoken ? 'teal' : '#aaaaaa', borderTopRightRadius: 10, borderBottomRightRadius: 10, justifyContent: 'center', alignItems: 'center', height: '100%' }}>
+
+                    {item.onlinetoken ?
+
+                        [
+                            { 'data': 'O' },
+                            { 'data': 'N' },
+                            { 'data': 'L' },
+                            { 'data': 'I' },
+                            { 'data': 'N' },
+                            { 'data': 'E' },
+                        ].map((val) => {
+                            return (
+                                <Text style={{
+                                    color: 'white',
+                                    fontSize: normalize(8),
+                                    fontWeight: 'bold',
+                                    textShadowColor: '#000000',
+                                    textShadowOffset: { width: 1, height: 1 },
+                                    textShadowRadius: 1,
+                                    paddingVertical: normalize(5),
+                                }}>
+                                    {val.data}
+                                </Text>
+                            );
+                        })
+
+                        : null}
+
+                </View>
+
+            </View>
+        );
+    }
+
+    function getWeekDayClick(params) {
+        data.forEach((item) => {
+            item.selected = false;
+        });
+        params.selected = true;
+        setFooterData();
+        setDayData(params);
+    }
+
+    function RenderDays(i) {
+
+        switch (i) {
+            case 1:
+                return 'SUN';
+            case 2:
+                return 'MON';
+            case 3:
+                return 'TUE';
+            case 4:
+                return 'WED';
+            case 5:
+                return 'THU';
+            case 6:
+                return 'FRI';
+            case 7:
+                return 'SAT';
+            default:
+                return ' ';
+        }
+    }
+
+    function renderItem({ item }) {
+
+        let day = RenderDays(item.displaytext);
+
+        return (
+            <TouchableOpacity
+                disabled={ValueCheck(item.data) && ArrayCheck(item.data) ? false : true}
+                onPress={() => getWeekDayClick(item)}
+                style={{
+                    flexDirection: 'row',
+                    backgroundColor: '#fff',
+                    borderRadius: 0,
+                    borderWidth: 0,
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    elevation: 5,
+                }}>
+                <View style={{
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                }}>
+                    <View style={{
+                        // elevation: 5,
+                        backgroundColor: item.selected ? '#abddff' : '#fff',
+                        margin: normalize(3),
+                        borderWidth: 2,
+                        borderLeftWidth: 2,
+                        borderBottomWidth: 2,
+                        borderTopWidth: 6,
+                        borderTopLeftRadius: 5,
+                        borderTopRightRadius: 5,
+                        borderBottomLeftRadius: 0,
+                        borderBottomRightRadius: 0,
+                        borderColor: '#b8d8ffff',
+                        height: Dimensions.get('screen').height * 0.06,
+                        width: Dimensions.get('screen').width * 0.131,
+                    }}>
+                        {/* <HOCIcons.Icons
+                            icongroup={8}
+                            name={'calendar'}
+                            size={dividedWidth - 2}
+                            color={'#164c8eff'}
+                            style={{ textAlign: 'center' }}
+                        /> */}
+                    </View>
+                    <Text style={{
+                        opacity: ValueCheck(item.data) && ArrayCheck(item.data) ? 1 : 1,
+                        position: 'absolute',
+                        borderWidth: 0,
+                        alignSelf: 'center',
+                        textAlign: 'center',
+                        fontSize: Dimensions.get('screen').width * 0.05,
+                        fontWeight: 'bold',
+                        // top: normalize(20),
+                        color: ValueCheck(item.data) && ArrayCheck(item.data) ? '#164d8e' : 'red',
+                    }}>{day}</Text>
+                </View>
+            </TouchableOpacity>
+        );
+    }
+
+    function getRefresh() {
+        setFooterData();
+        setTimeout(() => {
+            props.editFlag(true);
+            setEdit(true);
+            setFooterData(footerData);
+        });
+    }
+
+    function getApiPatientData(data, subArray) {
+
+        console.log('.............> Sub Array <......................', JSON.stringify(subArray.tokentypecode));
+        setIsLoading(true);
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhopaptientconsultationtokensweekday ' + consultant + ',' + data.displaytext + ',' + subArray.tokentypecode;
+        console.log('Butttonnnnnnnn apiiiiiiiiiiiiiiiiii', JSON.stringify(buttonapi));
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                if (response.httpstatus == 200) {
+                    data.daywisedata = response.data;
+                    setTokensArray(response.data);
+                    setIsLoading(false);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Data not available. Please try again later', 4);
+                }
+            });
+        getLoading(v => setIsLoading(false));
+    }
+
+    function getTimeDiffernece(params) {
+        var startTime = moment(params.reportingtime, 'HH:mm:ss a');
+        var endTime = moment(params.consultationtime, 'HH:mm:ss a');
+        var duration = moment.duration(endTime.diff(startTime));
+        var hours = parseInt(duration.asHours());
+        var minutes = parseInt(duration.asMinutes());
+        // console.log(hours + ' hr and ' + minutes + ' min');
+        params.waitingtime = minutes;
+        return minutes;
+    }
+
+    function setDisableToken(item) {
+        item.disabledtokens = !item.disabledtokens;
+        var tokensDes = ArrayCheck(item.tokenArr) ? item.tokenArr.map((timings) => ({ ...timings, 'disabledtoken': item.disabledtokens })) : null;
+        item.tokenArr = tokensDes;
+        setRefresh(0);
+        setTimeout(() => {
+            setRefresh(refresh + 1);
+            props.editFlag(true);
+            setEdit(true);
+        });
+    }
+
+    function getSingleRT(item, val) {
+        item.reportingtime = moment(val, 'HH:mm:ss a').format('hh:mm A');
+        getRefresh();
+    }
+
+    function getSingleCT(item, val) {
+
+        item.consultationtime = moment(val, 'HH:mm:ss a').format('hh:mm A');
+        setRefresh(0);
+        setTimeout(() => {
+            setRefresh(refresh + 1);
+            props.editFlag(true);
+            setEdit(true);
+        });
+    }
+
+    function addMinutes(time, minutes) {
+        return moment(time, 'hh:mm A').add(minutes, 'minutes').format('hh:mm A');
+    }
+
+    function getReportingTime(item, val) {
+
+        setIsLoading(true);
+
+        let currentTime = item.reportingtime;
+        let TokenArray = JSON.parse(JSON.stringify(item.tokenArr));
+        let CheckIfExceeded = false;
+
+        TokenArray.filter((token, index) => {
+            token.consultationtime = currentTime;
+            token.reportingtime = addMinutes(currentTime, -val);
+            currentTime = addMinutes(currentTime, val);
+        });
+
+        setTimeout(() => {
+            item.tokenArr = TokenArray;
+            getRefresh();
+            setIsLoading(false);
+        });
+
+        if (CheckIfExceeded) {
+            notifyMessage('Token Time exceeded End time');
+        }
+    }
+
+    function getConsultingTime(item, val) {
+        item.consultationtime = val;
+        getRefresh();
+    }
+
+    function fnMapStatus(i, array) {
+        isBNUL(array) ? array.map((val, k) => { k != i ? (val.selected = false) : null; }) : null;
+    }
+
+    function getDateData(params, subArray, i) {
+
+        setEdit(false);
+        setWttime(30);
+        data.forEach((item) => {
+            item.selected = false;
+        });
+        subArray.selected = true;
+        (isNU(params) && isBNUL(params.data) ? fnMapStatus(i, params.data) : null);
+        setTimeout(() => {
+            params.selected = true;
+            params.daywisedata = [];
+            getApiPatientData(params, subArray);
+            setRefresh(refresh + 1);
+            setFooterData(params);
+        });
+
+    }
+
+    function getSave() {
+        setIsLoading(true);
+        var output = {
+            'groups': {
+                'procedurename': 'rnhosudoctorconsultationorderdetail1',
+                'suuser': Global.userData.suuser,
+                'hosuconsultant': consultant,
+                'dataArray': footerData.daywisedata.tokensArray,
+            },
+        };
+        let buttonapi = APIURL + 'commontemplatesave/RnCommonTemplateSave';
+        console.log('Buttonnnnnnnnnn apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(buttonapi));
+        console.log('output CBooking apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(output));
+
+        NetworkServiceCall('post', buttonapi, output).then(function (response) {
+            console.log('output CBooking apiiiiiiiiiiiiiiiiiiiiii', JSON.stringify(response));
+            if (response.httpstatus == 200 && response.data != undefined && response.data != null && response.data.code != undefined && response.data.code > 0) {
+                notifyMessage('Data Saved', 1);
+                setFooterData();
+                setDayData();
+                setData();
+                setEdit(false);
+                setIsLoading(false);
+                getConsultation(consultant);
+            } else {
+                setIsLoading(false);
+                notifyMessage('Data Not Saved!!!!!', 2);
+            }
+        });
+        // getLoading(v => setIsLoading(false))
+    }
+
+    function getFooterIconsFunctions(val) {
+        switch (val.functionid) {
+            case 'CB01':
+                ValueCheck(footerData) && ValueCheck(footerData.daywisedata) && ArrayCheck(footerData.daywisedata.tokensArray) ? getSave() : console.log('Disabled');
+                break;
+            case 'CB02': props.callBack(4);
+                break;
+            case 'CB03': props.callBack(1);
+                break;
+            case 'CB04': props.callBack(0);
+                break;
+            case 'CB05': props.callBack(2);
+                break;
+            case 'CB06': props.callBack(5);
+                break;
+            default: console.log('Deault');
+                break;
+        }
+    }
+
+    function renderFlashList(array) {
+
+        return (
+            <View style={{ minHeight: 2, flex: 1 }}>
+                <FlatList
+                    nestedScrollEnabled={true}
+                    data={array}
+                    renderItem={(k) => renderFooterView(k)}
+                    keyExtractor={(item, index) => 'key' + index}
+                    listKey={(item, index) => 'key' + index}
+                />
+            </View>
+        );
+    }
+
+    return (
+        <View style={{ flex: 1, marginTop: normalize(-2) }}>
+            <View
+                style={{
+                    backgroundColor: '#f2efef',
+                    paddingVertical: 3,
+                    paddingHorizontal: 6,
+                    marginTop: 3,
+                    marginBottom: 2,
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderTopLeftRadius: 20,
+                    borderTopRightRadius: 20,
+                }}>
+                <TouchableOpacity onPress={() => { }}
+                    disabled={true}
+                    style={{
+                        width: normalize(30),
+                        alignItems: 'center',
+                        marginRight: 5,
+                    }}>
+                    <FontAwesome5 name={'stack-overflow'} color={Global.AppTheme.primary_color}
+                        size={normalize(16)}
+                    />
+                </TouchableOpacity>
+                <CText
+                    style={{
+                        textShadowRadius: 2,
+                        fontSize: normalize(14),
+                        fontWeight: 'bold',
+                        color: Global.AppTheme.primary_color,
+                        flex: 1,
+                    }}>
+                    {'TOKEN'}
+                </CText>
+                <TouchableOpacity
+                    onPress={() => {
+                        navigation.navigate('PdfPreview', { 'link': APIURL + 'jremr/jrcommonreport/jrhosuconsultanttokenreport(0,' + Global.userData.hosuconsultant + ')/0/consulttoken' });
+                    }}
+                    style={{
+                        borderWidth: 0,
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    }}>
+                    <HOCIcons.MaterialCommunityIcons
+                        name={'grid'}
+                        color={Global.AppTheme.primary_color}
+                        size={normalize(25)}
+                    />
+                    <Text style={{
+                        color: Global.AppTheme.primary_color,
+                        fontSize: normalize(7),
+                        fontWeight: 'bold',
+                        textAlign: 'center',
+                    }}>
+                        {'Token Summary'}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+            {isLoading ?
+                <Loader displaytext={true} />
+                : null}
+
+            <View style={{ flexDirection: 'column' }}>
+                {Global.userData.hosuconsultant == 0 ?
+                    <View style={{ paddingHorizontal: normalize(8), marginBottom: normalize(4) }}>
+                        <Text style={{ fontSize: normalize(8), paddingHorizontal: 5 }}>Consultant :</Text>
+                        <SDropDownNew
+                            dropdownapi={'emr/emrcommonget/exec rndddwdropdownselect 1'}
+                            dropdowndata={ValueCheck(Global.userData.hosuconsultant) && Global.userData.hosuconsultant > 0 ? Global.userData.username : ''}
+                            onChangeData={val => val == undefined ? null : getConsultation(val.datavalue)}
+                            editable={true}
+                            widthArr={Dimensions.get('screen').width * 0.96}
+                            iconName={'user-md'}
+                            refreshCount={val => val == undefined ? null : console.log('Refresh')}
+                        />
+                    </View>
+                    : null}
+                <View style={{ borderWidth: 0, marginVertical: normalize(5) }}>
+                    <FlatList
+                        data={data}
+                        style={{ backgroundColor: '#fff' }}
+                        horizontal
+                        renderItem={(k) => renderItem(k)}
+                        keyExtractor={(item, index) => 'key' + index}
+                    />
+                </View>
+                <View>
+                    {ValueCheck(dayData) && ArrayCheck(dayData.data) ?
+                        <View style={{
+                            borderWidth: 0,
+                            borderTopWidth: 0,
+                            borderRadius: 5,
+                            borderColor: 'grey',
+                            backgroundColor: '#ffffff',
+                            paddingHorizontal: normalize(5),
+                        }}>
+                            <View style={{ flexDirection: 'row', flexWrap: 'wrap', paddingVertical: normalize(5) }}>
+                                {dayData.data.map((item, i) => {
+                                    return (
+                                        <TouchableOpacity
+                                            key={i}
+                                            disabled={false}
+                                            onPress={() => getDateData(dayData, item, i)}
+                                            style={{
+                                                minWidth: Dimensions.get('screen').width * 0.18,
+                                                minHeight: Dimensions.get('screen').width * 0.1,
+                                                borderRadius: 10,
+                                                marginBottom: normalize(3),
+                                                marginLeft: normalize(3),
+                                                paddingVertical: normalize(3),
+                                                alignItems: 'flex-start',
+                                                backgroundColor: item.selected ? '#97d6ff' : 'white',
+                                                borderWidth: 0.5,
+                                                borderColor: item.color ? item.color : 'grey',
+                                                paddingHorizontal: normalize(3),
+                                                borderBottomWidth: 3,
+                                                borderLeftWidth: 3,
+                                                opacity: 0.8,
+                                                flexDirection: 'column',
+                                                justifyContent: 'space-between',
+                                            }}>
+                                            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                                <Icons.FontAwesome5 name={ValueCheck(item.iconname) ? item.iconname : 'coins'} color={item.color} size={normalize(20)} />
+                                                <Text style={{ fontWeight: 'bold', fontSize: normalize(18), color: 'black', paddingLeft: normalize(10), textAlign: 'center' }}>
+                                                    {item.value}
+                                                </Text>
+                                            </View>
+                                            <Text numberOfLines={1} style={{
+                                                alignSelf: 'center',
+                                                fontSize: normalize(10),
+                                                fontWeight: '700',
+                                                color: 'black',
+                                            }}>
+                                                {item.key}
+                                            </Text>
+                                        </TouchableOpacity>
+                                    );
+                                })}
+                            </View>
+                        </View>
+                        : null}
+                </View>
+            </View>
+            <View style={{ flex: 1, borderWidth: 0 }}>
+                {ValueCheck(footerData) && ValueCheck(footerData.data) && ValueCheck(footerData.daywisedata) && ArrayCheck(footerData.daywisedata.tokensArray) ?
+                    <View style={{ flex: 1, minHeight: 2, borderWidth: 0 }}>
+                        {isNU(footerData) && isNU(footerData.daywisedata) && isBNUL(footerData.daywisedata.tokensArray) ?
+                            renderFlashList(footerData.daywisedata.tokensArray)
+                            : null}
+                    </View>
+                    : null}
+            </View>
+
+            <View style={{
+                // position: 'absolute',
+                flexDirection: 'row',
+                borderTopColor: '#c9c7c7',
+                borderTopWidth: 2,
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                paddingHorizontal: 1,
+                bottom: 0,
+                paddingVertical: 5,
+                width: '100%',
+                backgroundColor: '#fff',
+            }}>
+                {[{
+                    'displaytext': 'Save',
+                    'size': 10,
+                    'iconname': 'save',
+                    'iconcolor': Global.AppTheme.primary_color,
+                    'fontcolor': Global.AppTheme.primary_color,
+                    'shadowcolor': '#fff',
+                    'selected': false,
+                    'visibility': edit ? true : false,
+                    'iconsize': 20,
+                    'functionid': 'CB01',
+                    'iconsize': 20,
+                    'functionid': 'CB01',
+                    'componentname': 'SetUpVitalSign',
+                    'icongroup': 4,
+                },
+                {
+                    'displaytext': 'Monthly',
+                    'iconname': 'calendar-check-o',
+                    'stage': 1,
+                    'visibility': true,
+                    'functionid': 'CB04',
+                    'icongroup': 4,
+                },
+                {
+                    'key': 3,
+                    'iconname': 'stack-overflow',
+                    'displaytext': 'Tokens',
+                    'visibility': true,
+                    'functionid': 'CB05',
+                    'icongroup': 4,
+                },
+                {
+                    'iconname': 'user-md',
+                    'displaytext': 'Booking',
+                    'stage': 1,
+                    'visibility': true,
+                    'functionid': 'CB03',
+                    'icongroup': 4,
+                },
+                {
+                    'iconname': 'exchange',
+                    'displaytext': 'Postpone',
+                    'stage': 5,
+                    'visibility': true,
+                    'selected': true,
+                    'functionid': 'CB06',
+                    'icongroup': 4,
+                },
+                    // {
+                    //     "icongroup": 4,
+                    //     "displaytext": "Report", "size": 10, "iconname": "file-pdf-o", "iconcolor": Global.AppTheme.primary_color,
+                    //     "fontcolor": Global.AppTheme.primary_color, "shadowcolor": '#fff', "selected": false, "visibility": true, "iconsize": 20, "functionid": "CB02",
+                    // }
+                ].map((item, i) => {
+                    return (
+                        item.visibility ?
+
+                            <View>
+                                <CAwesomeButton
+                                    key={i}
+                                    data={{
+                                        ...item,
+                                        'width': normalize(45),
+                                        'shadowcolor': '#fff',
+                                        'iconcolor': item.displaytext == 'Tokens' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
+                                        'fontcolor': item.displaytext == 'Tokens' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
+                                    }}
+                                    callBack={val => val == undefined ? null : getFooterIconsFunctions(item)}
+                                />
+                            </View>
+
+                            // <TouchableOpacity key={i} style={{ alignItems: 'center', justifyContent: 'center' }}
+                            //     onPress={() => getFooterIconsFunctions(item)}>
+                            //     <Icons.FontAwesome name={item.iconname} color={item.displaytext == "Tokens" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black"} size={normalize(20)} />
+                            //     <Text style={{ color: item.displaytext == "Tokens" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black", fontSize: normalize(10) }}>{item.displaytext}</Text>
+                            // </TouchableOpacity>
+
+                            : null
+                    );
+                })}
+            </View>
+        </View>
+    );
+};
+export default CTokenAllocation;