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

package/src/Custom/CBooking.js

@@ -0,0 +1,944 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Text, View, FlatList, TouchableOpacity, Dimensions, ActivityIndicator, ScrollView, Switch, TextInput, RefreshControl } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import { normalize } from '../CommonStyle/componentStyle';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+import { ArrayCheck, getLoading, 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 SDropDownNew from '../Components/SDropDownNew';
+
+import HOCIcons from '../HOC/HOCIcons';
+import { useNavigation } from '../Navigation/useNavigation';
+
+
+import CAwesomeButton from '../CustomComponents/CAwesomeButton';
+
+const CBooking = (props) => {
+
+    const navigation = useNavigation();
+    const { width, height } = Dimensions.get('screen');
+    const flatlistRef = useRef();
+    const dividedWidth = width / 7;
+    const [data, setData] = 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 k = new Date();
+    const [monthinno, setMonthInNo] = useState(d.getMonth());
+    console.log('d.getMonth()',d.getMonth());
+    let monthName = months[monthinno];
+    const [year, setYear] = useState(d.getFullYear());
+    const [edit, setEdit] = useState(false);
+    const [consultant, setConsultant] = useState(Global.userData.hosuconsultant);
+    const [pulltorefresh] = useState(false);
+
+    useEffect(() => {
+        if (consultant > 0) {
+            getConsultation(consultant, year, monthinno);
+        }
+    }, []);
+
+    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(2);
+                break;
+            case 'CB04':
+                props.callBack(0);
+                break;
+            case 'CB05':
+                props.callBack(1);
+                break;
+            case 'CB06':
+                props.callBack(5);
+                break;
+            default:
+                console.log('Deault');
+                break;
+        }
+    }
+
+    function getSave() {
+        var output = {
+            'groups': {
+                'procedurename': 'hocobookingtokenordertiming1',
+                '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));
+        setIsLoading(true);
+        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();
+                setEdit(false);
+                setIsLoading(false);
+            } else {
+                // getDateData(footerData)
+                setIsLoading(false);
+                notifyMessage('Data Not Saved!!!!!', 2);
+            }
+        });
+        getLoading(v => setIsLoading(false));
+    }
+
+    function footerComponent() {
+        return (
+            <View style={{ marginBottom: normalize(50), marginTop: normalize(2) }}>
+
+                {ValueCheck(footerData) && ArrayCheck(footerData.data) ?
+                    <View style={{ paddingHorizontal: normalize(5), flexDirection: 'row', flexWrap: 'wrap' }}>
+                        {footerData.data.map((display, p) => {
+                            return (
+                                display != null && display != undefined ?
+                                    <View key={p} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: normalize(4), paddingLeft: normalize(5) }}>
+                                        <View style={{
+                                            width: normalize(20), height: normalize(15),
+                                            backgroundColor: display.color, borderRadius: 5, alignItems: 'center', justifyContent: 'center',
+                                            marginRight: 5,
+                                        }}>
+                                            <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: 'white' }}>{display.value}</Text>
+                                        </View>
+                                        <Text style={{ fontSize: normalize(12) }}>{display.key}</Text>
+                                    </View> : null);
+                        })}
+                    </View> : null}
+
+                {footerData != undefined && footerData.data != undefined ?
+                    <View
+                        style={{ backgroundColor: '#fff', height: normalize(25), alignItems: 'center', justifyContent: 'space-evenly', flexDirection: 'row' }}>
+                        <View style={{ flexDirection: 'row', alignItems: 'center', width: '50%', justifyContent: 'center' }}>
+                            <Icons.FontAwesome5 name={'calendar-day'} color={'black'} size={normalize(15)} />
+                            <Text style={{ fontWeight: 'bold', fontSize: normalize(15), color: 'black', paddingLeft: normalize(10) }}>
+                                {footerData.displaytext + '/' + monthName + '/' + year}
+                            </Text>
+                        </View>
+                    </View> : null}
+
+                {footerData != undefined && ValueCheck(footerData.daywisedata)
+                    && ArrayCheck(footerData.daywisedata.tokensArray) ?
+                    <FlatList
+                        nestedScrollEnabled={true}
+                        data={footerData.daywisedata.tokensArray}
+                        style={{ width: width }}
+                        renderItem={(k) => renderFooterView(k)}
+                        keyExtractor={(item, index) => 'key' + index}
+                        listKey={(item, index) => 'key' + index}
+                    /> : null}
+            </View>
+        );
+    }
+
+    function getExpand(params) {
+        // params.expand = !params.expand
+        // setRefresh(refresh + 1)
+    }
+
+    function getTimeDiffernece(params) {
+        var startTime = moment(params.reportingtime, 'HH:mm:ss a');
+        var endTime = moment(params.reportingto, '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 getSingleRT(item, val) {
+        item.reportingtime = val;
+        item.EditFlag = 2;
+        item.reportingto = moment(moment(item.reportingtime, 'HH:mm:ss a')).add(30, 'minutes').format('hh:mm A');
+        getEditFlag();
+    }
+
+    function getSingleCT(item, val) {
+        item.reportingto = val;
+        item.EditFlag = 2;
+        // item.reportingtime = moment(moment(item.reportingto, 'HH:mm:ss a')).subtract(30, 'minutes').format('hh:mm A')
+        getEditFlag();
+    }
+
+    function renderFooterView({ item }) {
+        return (
+
+            ArrayCheck(item.tokenArr) ?
+                <View style={{ flex: 1 }}>
+
+                    <HHeading
+                        styles={{
+                            'iconname': item.iconname,
+                            'bgcolor': '#f4f4f4',
+                            'iconsize': 16,
+                            'iconcolor': Global.AppTheme.primary_color,
+                            'displaytext': item.tokentype,
+                            'textsize': 14,
+                            'textcolor': Global.AppTheme.primary_color,
+                        }}
+                        callBack={val => (val == undefined ? null : getExpand(item))}
+                        Expand={val => (val == undefined ? null : getExpand(item))} />
+
+                    {ArrayCheck(item.tokenArr) ?
+                        <View>
+                            <FlatList
+                                data={item.tokenArr}
+                                style={{ backgroundColor: '#fff' }}
+                                numColumns={2}
+                                initialNumToRender={10}
+                                maxToRenderPerBatch={10}
+                                renderItem={(k) => renderMrngEvngToken(k)}
+                                keyExtractor={(item, index) => 'key' + index}
+                                listKey={(item, index) => 'key' + index}
+                            />
+                        </View>
+                        : null}
+
+                    {/* <View style={{ flexDirection: 'row', marginLeft: normalize(5), marginRight: normalize(5), }}>
+                        <View>
+                            <View style={{ flexDirection: 'row' }}>
+                                <CTextHeader text={"Token No."} widthArr={Dimensions.get('screen').width * (0.15)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                            </View>
+                            {ArrayCheck(item.tokenArr) ? item.tokenArr.map((subItems, k) => {
+                                // console.log("SUBITEMSSSSSS", JSON.stringify(subItems))
+                                return (
+                                    <View key={k} style={{ flexDirection: 'row', marginTop: 1, backgroundColor: 'white' }}>
+
+                                        <View style={{
+                                            borderWidth: 1,
+                                            backgroundColor: subItems.disabledtoken ? "lightgrey" : subItems.bookedstatus ? '#c1f2d4' : '#fff', borderColor: 'lightgrey', borderRadius: 5, elevation: 3
+                                            , width: Dimensions.get('screen').width * (0.15),
+                                            height: Dimensions.get('screen').height * 0.035, elevation: 3,
+                                            marginHorizontal: normalize(2), marginVertical: normalize(2), paddingHorizontal: normalize(5)
+                                        }}>
+                                            <TouchableOpacity
+                                                style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                                <Icons.FontAwesome name={'circle'} color={ValueCheck(subItems.color) ? subItems.color : "black"}
+                                                    size={normalize(15)} />
+                                                <Text style={{ fontWeight: 'bold', fontSize: normalize(18), paddingLeft: normalize(5) }}>{subItems.tokenno}</Text>
+
+                                                {getTimeDiffernece(subItems) > 30 && getTimeDiffernece(subItems) > 0 ?
+                                                    <Icons.Entypo name={"emoji-sad"} color={"red"}
+                                                        size={normalize(15)} style={{ paddingLeft: normalize(5) }} /> : null}
+                                            </TouchableOpacity>
+                                        </View>
+
+                                    </View>)
+                            }) : null}
+                        </View>
+
+                        <ScrollView horizontal={true} showsHorizontalScrollIndicator={true}>
+                            <View style={{ flex: 1, marginTop: 0, marginRight: normalize(20), }}>
+                                <View style={{ flexDirection: 'row' }}>
+                                    <CTextHeader text={" Patient Name"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Reporting Time"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Consultation Time"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Waiting Time"} widthArr={Dimensions.get('screen').width * (0.2)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Disable"} widthArr={Dimensions.get('screen').width * (0.2)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Type"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Remarks"} widthArr={Dimensions.get('screen').width * (0.6)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                    <CTextHeader text={" Mobile"} widthArr={Dimensions.get('screen').width * (0.3)} bgColor={"#f4f4f4"} color={Global.AppTheme.primary_color} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={3} />
+                                </View>
+                                {ArrayCheck(item.tokenArr) ? item.tokenArr.map((subItems, h) => {
+                                    return (
+                                        <View key={h} style={{ flexDirection: 'row', marginTop: 1, backgroundColor: 'white' }}>
+                                            <CTextBody widthArr={0.3} displaytext={ValueCheck(subItems.patientname) ? subItems.patientname.toUpperCase() : ''} />
+
+                                            <View style={{ width: Dimensions.get('screen').width * (0.3), marginLeft: normalize(1) }}>
+                                                <STimePicker
+                                                    table={true}
+                                                    height={normalize(23)}
+                                                    width={normalize(82)}
+                                                    bgcolor={'#fcffad'}
+                                                    value={subItems.reportingtime}
+                                                    callBack={val => (val == undefined ? null : getSingleRT(subItems, val))} />
+                                            </View>
+
+                                            <View style={{ width: Dimensions.get('screen').width * (0.3), marginLeft: normalize(5) }}>
+                                                <STimePicker
+                                                    table={true}
+                                                    height={normalize(23)}
+                                                    width={normalize(82)}
+                                                    bgcolor={'#d8f9d4'}
+                                                    value={subItems.reportingto}
+                                                    callBack={val => (val == undefined ? null : getSingleCT(subItems, val))} />
+                                            </View>
+
+                                            <CTextBody widthArr={0.2} color={subItems.waitingtime > 30 || subItems.waitingtime < 0 ? "#ffc9c9" : '#fff'}
+                                                displaytext={subItems.waitingtime > 0 ? subItems.waitingtime + ' min' : ''} />
+
+                                            <View style={{
+                                                borderWidth: 1, justifyContent: 'center',
+                                                backgroundColor: subItems.disabledtoken ? "lightgrey" : '#fff', borderColor: 'lightgrey', borderRadius: 5, elevation: 3
+                                                , width: Dimensions.get('screen').width * (0.2),
+                                                height: Dimensions.get('screen').height * 0.035, elevation: 3,
+                                                marginHorizontal: normalize(2), marginVertical: normalize(2), alignItems: 'center'
+                                            }}>
+                                                <Switch
+                                                    trackColor={{ false: "black", true: "red" }}
+                                                    thumbColor={"lightgrey"}
+                                                    onChange={() => { subItems.disabledtoken = !subItems.disabledtoken, setRefresh(refresh + 1), setEdit(true) }}
+                                                    value={subItems.disabledtoken}
+                                                />
+                                            </View>
+
+                                            <CTextBody widthArr={0.3} displaytext={subItems.bookingtypename} />
+
+                                            <TextInput
+                                                style={{
+                                                    borderWidth: 1,
+                                                    backgroundColor: 'white',
+                                                    borderColor: 'lightgrey',
+                                                    elevation: 3,
+                                                    borderRadius: 5,
+                                                    fontWeight: 'bold',
+                                                    color: 'black',
+                                                    width: Dimensions.get('screen').width * 0.6,
+                                                    paddingTop: 5,
+                                                    paddingBottom: 5,
+                                                    height: Dimensions.get('screen').height * 0.035,
+                                                    textAlign: 'center',
+                                                    marginTop: normalize(2),
+                                                    marginHorizontal: normalize(2)
+                                                }}
+                                                keyboardType={'default'}
+                                                onChangeText={val => { subItems.remarks = val }}>
+                                                {subItems.remarks}
+                                            </TextInput>
+                                            <CTextBody widthArr={0.3} displaytext={subItems.mobilenumber} />
+
+                                        </View>)
+                                }) : null}
+                            </View>
+                        </ScrollView>
+                    </View> */}
+                </View> : null
+        );
+    }
+
+    function renderMrngEvngToken({ item }) {
+        return (
+            <View style={{ marginLeft: normalize(7), marginTop: normalize(5) }}>
+                <View style={{
+                    flexDirection: 'column', alignItems: 'center',
+                    borderWidth: 1, borderBottomWidth: normalize(3), borderColor: 'lightgrey',
+                    borderRadius: normalize(10), borderBottomColor: 'lightgrey',
+                    width: Dimensions.get('screen').width * 0.47, paddingBottom: normalize(6),
+                    justifyContent: 'space-around',
+                }}>
+
+                    <View style={{ flexDirection: 'row', marginTop: normalize(2), backgroundColor: 'lightgrey', paddingHorizontal: normalize(5), borderRadius: normalize(5), width: normalize(150) }}>
+                        <Icons.FontAwesome5 name="user" color={'black'} size={normalize(12)} style={{ paddingHorizontal: normalize(5) }} />
+                        <Text numberOfLines={1} style={{ fontSize: normalize(12), fontWeight: 'bold', color: 'black' }}>
+                            {item.patientname} - {item.mobilenumber}
+                        </Text>
+                    </View>
+
+                    <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-evenly', width: Dimensions.get('screen').width * 0.47 }}>
+                        <View style={{ alignItems: 'center', justifyContent: 'center' }}>
+                            <View style={{ width: normalize(30), backgroundColor: item.color, height: normalize(30), borderRadius: normalize(1000), alignItems: 'center', justifyContent: 'center', elevation: 5 }} >
+                                <Text numberOfLines={1} style={{ color: getTimeDiffernece(item) > 30 && getTimeDiffernece(item) > 0 ? 'red' : '#fff', fontSize: normalize(17), fontWeight: 'bold' }}>{item.tokenno}</Text>
+                            </View>
+
+                            <View style={{ alignItems: 'center' }}>
+                                <Text style={{ fontSize: normalize(9) }}>Disable?</Text>
+                                <Switch
+                                    trackColor={{ false: 'black', true: 'red' }}
+                                    thumbColor={'lightgrey'}
+                                    onChange={() => { item.disabledtoken = !item.disabledtoken, item.EditFlag = 2, setRefresh(refresh + 1), setEdit(true); }}
+                                    value={item.disabledtoken}
+                                />
+                            </View>
+
+                            <View>
+                                {ValueCheck(item.waitingtime) ?
+                                    <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
+                                        <Icons.MaterialCommunityIcons name="timer-sand-complete" color={item.waitingtime > 30 || item.waitingtime < 0 ? 'red' : 'black'} size={normalize(12)} />
+                                        <Text style={{ fontSize: normalize(10), fontWeight: 'bold', color: item.waitingtime > 30 || item.waitingtime < 0 ? 'red' : 'black' }}>
+                                            {item.waitingtime + ' min'}
+                                        </Text>
+                                    </View> : null}
+                            </View>
+                        </View>
+
+                        <View style={{ alignItems: 'center', justifyContent: 'center' }}>
+                            <View style={{ width: Dimensions.get('screen').width * (0.28) }}>
+                                <STimePicker
+                                    disabled={true}
+                                    bgcolor={'#fff'}
+                                    placeholder={'Reporting Time:'}
+                                    height={normalize(23)}
+                                    width={normalize(76)}
+                                    value={item.reportingtime}
+                                    callBack={val => (val == undefined ? null : getSingleRT(item, val))} />
+                            </View>
+
+                            <View style={{ width: Dimensions.get('screen').width * (0.28) }}>
+                                <STimePicker
+                                    bgcolor={'#fff'}
+                                    placeholder={'Consultation Time:'}
+                                    height={normalize(23)}
+                                    width={normalize(76)}
+                                    value={item.reportingto}
+                                    callBack={val => (val == undefined ? null : getSingleCT(item, val))} />
+                            </View>
+
+                        </View>
+                    </View>
+
+                    <TextInput
+                        style={{
+                            borderWidth: 1,
+                            backgroundColor: 'white',
+                            borderColor: 'lightgrey',
+                            elevation: 3,
+                            borderRadius: 5,
+                            fontWeight: 'bold',
+                            color: 'black',
+                            width: Dimensions.get('screen').width * 0.4,
+                            paddingTop: 5,
+                            paddingBottom: 5,
+                            height: Dimensions.get('screen').height * 0.035,
+                            textAlign: 'center',
+                            marginTop: normalize(5),
+                            marginHorizontal: normalize(2),
+                        }}
+                        keyboardType={'default'}
+                        placeholder="Remarks"
+                        onChangeText={val => { item.remarks = val, item.EditFlag = 2; }}>
+                        {item.remarks}
+                    </TextInput>
+                </View>
+            </View>
+        );
+    }
+
+    function getDateData(params) {
+        setEdit(false);
+        props.editFlag(false);
+        data.forEach((item) => {
+            item.selected = false;
+        });
+        params.selected = true;
+        params.daywisedata = [];
+        getApiPatientData(params);
+        // console.log("CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC", JSON.stringify(params.daywisedata))
+        setRefresh(refresh + 1);
+        setFooterData(params);
+    }
+
+    function getEditFlag() {
+        props.editFlag(true);
+        setEdit(true);
+        setRefresh(refresh + 1);
+    }
+
+    function renderItem({ item }) {
+        return (
+            <TouchableOpacity style={{
+                width: dividedWidth, alignItems: 'center', paddingTop: 5,
+                borderWidth: 0.5, backgroundColor: item.data != undefined && item.data.length > 0 ? '#f4fcf7' : '#fff',
+            }}
+                disabled={false}
+                onPress={() => item.data != undefined && item.data.length > 0 ? getDateData(item) : notifyMessage('No data found', 3)}
+            >
+                <View style={{
+                    alignItems: 'center', justifyContent: 'center',
+                }}>
+                    <Text style={{
+                        color: item.data != undefined && item.data.length > 0 ? 'green' : '#b6b5b7', fontSize: normalize(20), fontWeight: 'bold', textShadowColor: '#b6b5b7',
+                        textShadowOffset: { width: -1, height: 1 },
+                        textShadowRadius: 3,
+                    }}>{item.displaytext == 0 ? '' : item.displaytext}</Text>
+                </View>
+
+                <View style={{
+                    flexDirection: 'row', width: '100%', flex: 1, alignItems: 'center',
+                    justifyContent: 'space-between', flexWrap: 'wrap', paddingHorizontal: 1, paddingTop: normalize(2), paddingBottom: normalize(5),
+                }}>
+                    {item.data != undefined ? item.data.map((subArray, h) => {
+                        return (
+                            <View key={h} style={{
+                                width: normalize(22), borderRadius: 5, justifyContent: 'center',
+                                alignItems: 'center', marginBottom: 1, marginTop: normalize(5),
+                                backgroundColor: '#fff', borderWidth: 0.7, borderColor: subArray.color,
+                            }}>
+                                <Text adjustsFontSizeToFit style={{ fontSize: normalize(12), color: subArray.color }}>{subArray.value}</Text>
+                            </View>
+                        );
+                    }) : null}
+                </View>
+
+            </TouchableOpacity>
+        );
+    }
+
+    function getConsultation(consultant, year, month) {
+        setConsultant(consultant);
+        var monthReal = month + 1;
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhococonsultationtokendate ' + consultant + ',' + year + ',' + monthReal;
+        console.log('>>>>>>>>>>>> MONTH DATATATAT>>>>>>>>>>Booking<<<<', JSON.stringify(buttonapi));
+        // let buttonapi = "http://111.92.109.30:8090/emr/emrcommonget/rnhococonsultationhistoryemr 7,2023,10"
+        setIsLoading(true);
+        setData();
+        setFooterData();
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                if (response.httpstatus == 200 && response.data != null && response.data != undefined) {
+                    setIsLoading(false);
+                    setData(response.data.monthdata);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Booking not available,Please try again later', 2);
+                }
+            });
+
+        getLoading(v => setIsLoading(false));
+    }
+
+    function getApiPatientData(data) {
+        setIsLoading(true);
+        let buttonapi = APIURL + 'emr/emrcommonget/rnhopaptientconsultationtokens ' + consultant + ',' + JSON.stringify(data.date);
+        console.log('Butttonnnnnnnn apiiiiiiiiiiiiiiiiii CBooking', JSON.stringify(buttonapi));
+        NetworkServiceCall('get', buttonapi, '')
+            .then(function (response) {
+                // response = {
+                //     "success": true,
+                //     "httpstatus": 200,
+                //     "message": "SUCCESS",
+                //     "data": {
+                //         "title": "token allocations",
+                //         "tokensArray": [
+                //             {
+                //                 "keyid": 1,
+                //                 "tokentype": "Morning",
+                //                 "disabletokens": false,
+                //                 "iconname": "sun",
+                //                 "reportingtime": "10:35 AM",
+                //                 "reportingto": "01:00 PM",
+                //                 "tokenArr": [
+                //                     {
+                //                         "tokenno": 1,
+                //                         "bookingtypes": "P",
+                //                         "mrngorevng": 1,
+                //                         "disabledtoken": false,
+                //                         "bookedstatus": true,
+                //                         "bookingdate": "2023-10-10",
+                //                         "reportingto": "10:35 AM",
+                //                         "reportingtime": "10:30 AM",
+                //                         "duration": 0,
+                //                         "bookingtypename": "PHONE",
+                //                         "patientname": "Albert Paul",
+                //                         "mobilenumber": "7338483582",
+                //                         "totalamount": 30,
+                //                         "canceltokenno": 0,
+                //                         "paidstatus": true,
+                //                         "hopapatient": 0,
+                //                         "patientid": 0,
+                //                         "remarks": ""
+                //                     },
+                //                     {
+                //                         "tokenno": 2,
+                //                         "bookingtypes": "P",
+                //                         "mrngorevng": 1,
+                //                         "disabledtoken": false,
+                //                         "bookedstatus": false,
+                //                         "bookingdate": "2023-10-10",
+                //                         "reportingto": "10:35 AM",
+                //                         "reportingtime": "10:30 AM",
+                //                         "duration": 0,
+                //                         "bookingtypename": "PHONE",
+                //                         "patientname": "",
+                //                         "mobilenumber": "",
+                //                         "totalamount": 30,
+                //                         "canceltokenno": 0,
+                //                         "paidstatus": true,
+                //                         "hopapatient": 0,
+                //                         "patientid": 0,
+                //                         "remarks": ""
+                //                     },
+                //                     {
+                //                         "tokenno": 3,
+                //                         "bookingtypes": "P",
+                //                         "mrngorevng": 1,
+                //                         "disabledtoken": false,
+                //                         "bookedstatus": true,
+                //                         "bookingdate": "2023-10-10",
+                //                         "reportingto": "10:35 AM",
+                //                         "reportingtime": "10:30 AM",
+                //                         "duration": 0,
+                //                         "bookingtypename": "PHONE",
+                //                         "patientname": "Mathew",
+                //                         "mobilenumber": "",
+                //                         "totalamount": 30,
+                //                         "canceltokenno": 0,
+                //                         "paidstatus": true,
+                //                         "hopapatient": 0,
+                //                         "patientid": 0,
+                //                         "remarks": ""
+                //                     },
+                //                     {
+                //                         "tokenno": 4,
+                //                         "bookingtypes": "P",
+                //                         "mrngorevng": 1,
+                //                         "disabledtoken": false,
+                //                         "bookedstatus": false,
+                //                         "bookingdate": "2023-10-10",
+                //                         "reportingto": "10:35 AM",
+                //                         "reportingtime": "10:30 AM",
+                //                         "duration": 0,
+                //                         "bookingtypename": "PHONE",
+                //                         "patientname": "",
+                //                         "mobilenumber": "",
+                //                         "totalamount": 30,
+                //                         "canceltokenno": 0,
+                //                         "paidstatus": true,
+                //                         "hopapatient": 0,
+                //                         "patientid": 0,
+                //                         "remarks": ""
+                //                     },
+                //                     {
+                //                         "tokenno": 6,
+                //                         "bookingtypes": "P",
+                //                         "mrngorevng": 1,
+                //                         "disabledtoken": false,
+                //                         "bookedstatus": false,
+                //                         "bookingdate": "2023-10-10",
+                //                         "reportingto": "10:35 AM",
+                //                         "reportingtime": "10:30 AM",
+                //                         "duration": 0,
+                //                         "bookingtypename": "PHONE",
+                //                         "patientname": "",
+                //                         "mobilenumber": "",
+                //                         "totalamount": 30,
+                //                         "canceltokenno": 0,
+                //                         "paidstatus": true,
+                //                         "hopapatient": 0,
+                //                         "patientid": 0,
+                //                         "remarks": ""
+                //                     }
+                //                 ]
+                //             },
+                //             {
+                //                 "keyid": 1,
+                //                 "tokentype": "Evening",
+                //                 "disabletokens": false,
+                //                 "iconname": "moon",
+                //                 "reportingtime": "02:30 PM",
+                //                 "reportingto": "06:30 PM",
+                //                 "tokenArr": [
+                //                     {
+                //                         "tokenno": 1,
+                //                         "bookingtypes": "P",
+                //                         "mrngorevng": 0,
+                //                         "disabledtoken": true,
+                //                         "bookedstatus": false,
+                //                         "bookingdate": "2023-10-10",
+                //                         "reportingtime": "02:30 PM",
+                //                         "reportingto": "06:30 PM",
+                //                         "duration": 0,
+                //                         "bookingtypename": "PHONE",
+                //                         "patientname": "",
+                //                         "mobilenumber": "",
+                //                         "totalamount": 30,
+                //                         "canceltokenno": 0,
+                //                         "paidstatus": true,
+                //                         "hopapatient": 0,
+                //                         "patientid": 0,
+                //                         "remarks": ""
+                //                     }
+                //                 ]
+                //             }
+                //         ]
+                //     }
+                // }
+                if (response.httpstatus == 200) {
+                    data.daywisedata = response.data;
+                    flatlistRef.current.scrollToEnd({ animating: true });
+                    setIsLoading(false);
+                }
+                else {
+                    setIsLoading(false);
+                    notifyMessage('Day wise data not available.', 4);
+                }
+            });
+        getLoading(v => setIsLoading(false));
+
+    }
+
+    function IncrementMonth() {
+        console.log('INCREMENTTTTTTTTTTTTTT', monthinno);
+        setFooterData(null);
+        if (monthinno != 11) {
+            // if (monthinno != d.getMonth()) {
+            if (monthinno < 11) {
+                setMonthInNo(monthinno + 1);
+            } else {
+                setYear(year + 1);
+                setMonthInNo(0);
+            }
+            getConsultation(consultant, year, monthinno + 1);
+            // }
+        } else {
+            setMonthInNo(0);
+            setYear(year + 1);
+            getConsultation(consultant, year + 1, 0);
+        }
+    }
+
+    function DecrementMonth() {
+        if (monthinno != 0) {
+            if ((monthinno - 1 >= d.getMonth())) {
+                console.log('>>>>>>>>>>INSIDEEEEEE<<<<<<<<<', d.getMonth());
+                setFooterData(null);
+                if (monthinno > 0) {
+                    setMonthInNo(monthinno - 1);
+                } else {
+                    setYear(year - 1);
+                    setMonthInNo(11);
+                }
+                getConsultation(consultant, year, monthinno - 1);
+            }
+        } else {
+            setYear(year - 1);
+            setMonthInNo(11);
+            getConsultation(consultant, year - 1, 11);
+        }
+    }
+
+    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={{
+                        alignItems: 'center',
+                        marginRight: 5,
+                    }}>
+                    <FontAwesome5
+                        name={'user-md'}
+                        color={Global.AppTheme.primary_color}
+                        size={normalize(16)}
+                        style={{ paddingHorizontal: normalize(5) }}
+                    />
+                </TouchableOpacity>
+                <Text
+                    style={{
+                        textShadowRadius: 2,
+                        fontSize: normalize(14),
+                        fontWeight: 'bold',
+                        color: Global.AppTheme.primary_color,
+                        flex: 1,
+                    }}>
+                    {'BOOKINGS'}
+                </Text>
+                <TouchableOpacity
+                    onPress={() => {
+                        navigation.navigate('PdfPreview', { 'link': APIURL + 'jremr/jrcommonreport/jrhocobookingtokenreport(' + Global.userData.hosuconsultant + ',' + year + ',' + `${monthinno + 1}` + ')/0/forbookingtoken' });
+                    }}
+                    style={{
+                        borderWidth: 0,
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    }}>
+                    <HOCIcons.MaterialCommunityIcons
+                        name={'table-account'}
+                        color={Global.AppTheme.primary_color}
+                        size={normalize(25)}
+                    />
+                    <Text style={{
+                        color: Global.AppTheme.primary_color,
+                        fontSize: normalize(7),
+                        fontWeight: 'bold',
+                        textAlign: 'center',
+                    }}>
+                        {'Booking Summary'}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+            {isLoading ?
+                <Loader
+                    displaytext={true}
+                />
+            : null}
+
+            {Global.userData.hosuconsultant == 0 ?
+                <View style={{ paddingHorizontal: normalize(8), marginBottom: normalize(2) }}>
+                    <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, year, monthinno)}
+                        editable={true}
+                        widthArr={Dimensions.get('screen').width * 0.96}
+                        iconName={'user-md'}
+                        refreshCount={val =>  val == undefined ? null : console.log('Refresh') }
+                    />
+                </View> : null}
+
+            <View style={{ backgroundColor: 'transparent' }}>
+                <View style={{ flexDirection: 'row', alignSelf: 'center', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
+                    <FontAwesome5 name="arrow-left" color="black" size={normalize(15)}
+                        onPress={() => DecrementMonth()}
+                    />
+                    <Text style={{ fontSize: normalize(14), color: 'black', paddingHorizontal: 10 }}>{monthName} {year}</Text>
+                    <FontAwesome5 name="arrow-right" color="black" size={normalize(15)} onPress={() => IncrementMonth()} />
+                </View>
+            </View>
+            <View style={{ flexDirection: 'row', height: normalize(20), alignItems: 'center', justifyContent: 'center' }}>
+                {['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'].map((week, i) => {
+                    return (
+                        <View key={i} style={{ width: dividedWidth, alignItems: 'center', borderWidth: 0.5 }}>
+                            <Text style={{ fontSize: normalize(12), fontWeight: 'bold', color: i == 0 ? 'red' : 'black' }}>{week}</Text>
+                        </View>);
+                })}
+            </View>
+            <FlatList
+                ref={flatlistRef}
+                data={data}
+                style={{ width: '100%' }}
+                renderItem={(k) => renderItem(k)}
+                refreshControl={<RefreshControl
+                    refreshing={pulltorefresh}
+                    size={'large'}
+                    tintColor={'blue'}
+                    colors={['red', 'green', 'cyan', 'black']}
+                    progressBackgroundColor={'white'}
+                    onRefresh={() => getConsultation(consultant, year, monthinno)} />}
+                keyExtractor={(item) => item.displaytext}
+                numColumns={7}
+                ListFooterComponent={() => footerComponent()}
+                ListFooterComponentStyle={{ width: width }}
+            />
+            <View style={{
+                position: 'absolute',
+                flexDirection: 'row',
+                borderTopColor: '#c9c7c7',
+                borderTopWidth: 2,
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                bottom: 0,
+                paddingVertical: 5,
+                width: '100%',
+                backgroundColor: '#fff',
+            }}>
+                {[{
+                    'displaytext': 'Save',
+                    'icongroup':4,
+                    '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',
+                },
+                {
+                    'displaytext': 'Monthly',
+                    'icongroup':4,
+                    'iconname': 'calendar-check-o',
+                    'stage': 1,
+                    'visibility': true,
+                    'functionid': 'CB04',
+                },
+                {
+                    'iconname': 'stack-overflow',
+                    'icongroup':4,
+                    'displaytext': 'Tokens',
+                    'stage': 2,
+                    'visibility': true,
+                    'functionid': 'CB03',
+                },
+                {
+                    'iconname': 'user-md',
+                    'icongroup':4,
+                    'displaytext': 'Booking',
+                    'stage': 2,
+                    'visibility': true,
+                    'selected': true,
+                    'functionid': 'CB05',
+                },
+                {
+                    'iconname': 'exchange',
+                    'icongroup':4,
+                    'displaytext': 'Postpone',
+                    'stage': 5,
+                    'visibility': true,
+                    'selected': true,
+                    'functionid': 'CB06',
+                },
+                // {
+                //     "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 == 'Booking' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
+                                        'fontcolor': item.displaytext == 'Booking' ? '#db04ac' : item.displaytext == 'Save' ? 'red' : Global.AppTheme.primary_color,
+                                    }
+                                    }
+                                    callBack={val => val == undefined ? null : getFooterIconsFunctions(item)}
+                                />
+                            </View>
+
+                            // <TouchableOpacity key={i} style={{ alignItems: 'center' }}
+                            //     onPress={() => getFooterIconsFunctions(item)}>
+                            //     <Icons.FontAwesome name={item.iconname} color={item.displaytext == "Booking" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black"} size={normalize(20)} />
+                            //     <Text style={{ color: item.displaytext == "Booking" ? "#db04ac" : item.displaytext == "Save" ? "red" : "black", fontSize: normalize(10) }}>{item.displaytext}</Text>
+                            // </TouchableOpacity>
+
+                            : null
+                    );
+                })}
+            </View>
+        </View>
+    );
+};
+export default CBooking;