import {
  Dimensions,
  StyleSheet,
  Platform
} from 'react-native';
import {
  COLORS
} from '../../utils/colors';
const {
  width,
  height
} = Dimensions.get('window');

export default StyleSheet.create({
  mainContainer: {
    flex: 1,
    width: width,
    height: height
  },
  item: {
    padding: 20,
    marginVertical: 8,
    marginHorizontal: 16,
  },
  container: {
    flexDirection: 'row',
    alignItems: 'center',
    paddingHorizontal: width * 0.01,
    marginVertical: height * 0.01,
  },
  checkBox: {
    width: Platform.OS == 'android' ? 30 : 15,
    height: Platform.OS == 'android' ? 30 : 15,
  },
  checkBoxText: {
    color: COLORS.PRIMARY,
    fontWeight: '500',
    paddingHorizontal: width * 0.015,
    fontSize: width * 0.04,
    fontFamily:'Product Sans Bold',
  },
  innercont: {
    height: '100%',
    justifyContent: 'center',
  },
  title: {
    fontSize: 32,
    fontFamily:'Product Sans Bold',
  },
  Box: {
    borderRadius: width * 0.03,
    padding: width * 0.01,
    height: height * 0.475,
    backgroundColor: COLORS.WHITE,
    paddingBottom: height * 0.02,
    justifyContent: 'space-between',
    shadowColor: COLORS.BLACK,
    shadowOffset: {
      width: 0,
      height: 2,
    },
    shadowOpacity: 0.25,
    shadowRadius: 3.84,
    elevation: 5,
    marginTop: 30,
  },
  Label: {
    color: COLORS.BLACK,
    fontSize: width * 0.045,
    fontFamily:'Product Sans Bold',
    paddingVertical: height * 0.02,
    alignSelf: 'center',
    textAlign: 'center',
    paddingHorizontal: 10,
  },
  BtnCont: {
    width: '90%',
    height: height * 0.06,
    alignSelf: 'center',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  BtnContNew: {
    width: '90%',
    height: height * 0.04,
    alignSelf: 'center',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  LeftBtn: {
    width: '35%',
    height: '90%',
    borderWidth: 1,
    borderRadius: 5,
    alignItems: 'center',
    justifyContent: 'center',
  },
  RightBtn: {
    width: '60%',
    height: '90%',
    borderRadius: 5,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: COLORS.PRIMARY,
  },
  pdf: {
    flex: 1,
    width: width,
    height: height,
  },
  PDFModalCont: {
    flex: 1,
    backgroundColor: 'rgba(0,0,0,0.5)',
    alignItems: 'center',
    justifyContent: 'center',
  },
  PDFModalInner: {
    width: '100%',
    height: height * 0.8,
    borderRadius: width * 0.1,
    backgroundColor: 'white',
    justifyContent: 'center',
  },
  modalImage: {
    width: '70%',
    height: '70%',
  },
  pdfView: {
    height: '85%',
    width: width * 0.6,
  },
  pdfObj: {
    width: height * 0.5,
  },
  CrossImgCont: {
    width: width * 0.1,
    height: width * 0.1,
    alignItems: 'center',
    justifyContent: 'center',
    position: 'absolute',
    top: height * 0.01,
    right: width * 0.03,
    zIndex: 100,
  },
  innerContainer: {
    flex: 1,
    backgroundColor: COLORS.BLACK,
    alignItems: 'center',
    justifyContent: 'center',
  },
  doneText: {
    position: 'absolute',
    alignSelf: 'center',
    fontSize: width * 0.05,
    fontFamily:'Product Sans Bold',
    color: 'white',
    bottom: '10%',
    textDecorationLine: 'underline',
  },
  videoView: {
    flex: 1,
    backgroundColor: COLORS.BLACK,
    alignItems: 'center',
    justifyContent: 'center',
  },
  modalView:{ 
    backgroundColor: COLORS.WHITE,
    justifyContent:'space-evenly',
    marginHorizontal:20,
    alignItems:'center',
    borderRadius:20,
    borderWidth:1,
    borderColor:COLORS.PRIMARY,
    height:height*0.3,
    marginTop:height*0.3
  },
  doneText2: {
    position: 'absolute',
    alignSelf: 'center',
    color: COLORS.WHITE,
    fontSize: width * 0.045,
    bottom: '15%',
    fontFamily:'Product Sans Bold',
    textDecorationLine: 'underline',
  },
  documentStyling: {
    width: '100%',
    height: '100%',
    alignSelf: 'flex-end'
  },
  imageStyling: {
    width: '30%',
    height: '30%',
    alignSelf: 'center'
  },
  feedbackButton: {
    width: width * 0.1,
    height: width * 0.125,
    position: 'absolute',
    zIndex: 99,
  },
  ratingView: {
    width: width * 0.7,
    height: height * 0.4,
    marginLeft: width * 0.17,
    alignItems: 'center',
    justifyContent: 'space-evenly',
  },
  ratingText: {
    fontWeight: '500',
    fontSize: width * 0.042,
    fontFamily:'SEGOEUI',
    textAlign: 'center',
    marginHorizontal:width*0.02,
    color: COLORS.BLACK
  },
  ratingImage: {
    width: width * 0.3,
    height: width * 0.3,
    marginVertical: height * 0.03,
  },
  ratingFont: {
    fontWeight: '500',
    color: 'white'
  },
  reviewText: {
    color: COLORS.BLACK,
    fontSize: width * 0.04,
    fontFamily:'SEGOEUI',
    marginTop:10,
    textAlign: 'center',
    fontWeight: '500',
  },
  reviewButton: {
    borderRadius: 10,
    backgroundColor: COLORS.PRIMARY,
    padding: height * 0.01,
    width: width * 0.3,
    alignSelf: 'center',
  },
  submitButton: {
    color: COLORS.WHITE,
    fontSize: width * 0.04,
    fontFamily:'Product Sans Bold',
    fontWeight: 'bold',
    textTransform: 'uppercase',
    textAlign: 'center',
    width: '100%',
  },
  bottomText: {
    textAlign: 'center',
    color: COLORS.WHITE,
    fontSize: width * 0.025,
    fontFamily:'Product Sans Bold',
  },
  bottomView: {
    width: '100%',
    alignItems: 'center',
    position: 'absolute',
    bottom: '2.5%',
  },
  safeView: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  safeView2: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    width: '80%',
    position: 'absolute',
    top: height * 0.08,
  },
  options: {
    width: width * 0.165,
    height: width * 0.165,
    backgroundColor: 'rgba(0,0,0,0.1)',
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: (width * 0.165) / 2,
  },
  optionsView: {
    paddingHorizontal: 10,
  },
  optionsInnerView: {
    width: width * 0.15,
    height: width * 0.15,
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: width * 0.15,
  },
  optionsImage: {
    width: '60%',
    height: '60%',
  },
  optionsTitle: {
    textAlign: 'center',
    color: COLORS.WHITE,
    paddingTop: 5,
    textTransform:'capitalize',
    fontFamily:'Product Sans Bold',
  },
  optionsInnerImage: {
    width: 12.5,
    height: 12.5,
    alignSelf: 'center',
    marginTop: 2.5,
  },
  mainView: {
    width: '80%',
    alignItems: 'center',
  },
  experienceView: {
    fontWeight: '500',
    color: COLORS.WHITE,
    fontSize: width * 0.055,
    paddingVertical: height * 0.02,
    alignSelf: 'center',
    textAlign: 'center',
    fontFamily:'Product Sans Bold',
  },
  outerView: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  buttonPress: {
    paddingVertical: height * 0.02,
    marginVertical: height * 0.015,
    marginHorizontal: height * 0.015,
    paddingHorizontal: width * 0.04,
    backgroundColor: COLORS.WHITE,
    flexDirection: 'row',
    alignSelf: 'center',
    justifyContent: 'space-between',
    alignItems: 'center',
    borderRadius: 50,
  },
  imagePress: {
    marginTop:height*0.035,
    width: 125,
    height: 125,
  },
  WentWrong: {
    width: "70%",
    height: "70%",
  },
  imagePressIcons: {
    width: 50,
    height: 50,
    tintColor: 'grey',
  },
  titleText: {
    fontSize: width * 0.04,
    textAlign: 'center',
    color: COLORS.WHITE,
    fontFamily:'SEGOEUI',
    textTransform:'capitalize'
  },
  textView: {
    fontSize: width * 0.05,
    fontFamily:'Product Sans Bold',
    color: COLORS.WHITE,
  },
  textImage: {
    width: width * 0.25,
    height: width * 0.25,
    marginVertical: height * 0.03,
  },
  viewPdf: {
    color: 'blue',
    textDecorationLine: 'underline',
    alignSelf: 'center',
    textAlign: 'center',
    paddingBottom: 10,
  },
  viewPdfIcon: {
    width: width * 0.2,
    height: width * 0.2,
    alignSelf: 'center',
  },
  warningText: {
    fontSize: width * 0.03,
    fontFamily:'Product Sans Bold',
    textAlign: 'center',
    color: 'black',
  },
  pdfStyling: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-around',
  },
  documentButton: {
    borderRadius: 5,
    alignItems: 'center',
    justifyContent: 'center',
    width: '90%',
    height: height * 0.05,
    alignSelf: 'center',
    borderColor: COLORS.PRIMARY,
    borderWidth: 1,
    backgroundColor: 'white',
  },
  spinnerView: {
    position: "absolute",
    width,
    height,
    zIndex: 1000,
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: "#F5FCFF88",
  },
});
