import React from 'react';
import {
  Text,
  View,
  TouchableOpacity,
  StyleSheet,
  ImageBackground,
  Image,
} from 'react-native';
import R from '../../../assets/R';
import styles from './style';
import {useNavigation} from '@react-navigation/native';
const DetailClassScheduleView = props => {
  const {} = props;
  const navigate = useNavigation();
  const ArrowLeftIcon = R.images.icBack;
  return (
    <View style={styles.container}>
      <ImageBackground
        source={R.images.igBackground}
        style={styles.background_header}>
        <TouchableOpacity
          style={styles.back_button}
          onPress={() => navigate.goBack()}>
          <Image source={ArrowLeftIcon} style={styles.icon} />
        </TouchableOpacity>
      </ImageBackground>
      <View style={styles.container_content}>
        <Text style={styles.text_title}>Lịch dạy lớp IT0032.47.T1</Text>
        <Text
          style={[
            styles.text_content,
            {fontWeight: '600', fontFamily: R.fonts.fontMedium},
          ]}>
          Thứ 6: 25/07/2025, 07:00 - 09:00
        </Text>
        <View style={[styles.container_content, styles.info]}>
          <Text
            style={[
              styles.text_content,
              {fontWeight: '600', fontFamily: R.fonts.fontMedium},
            ]}>
            Vị trí:
            <Text style={styles.text_content}> Phòng B205</Text>
          </Text>
          <Text
            style={[
              styles.text_content,
              {fontWeight: '600', fontFamily: R.fonts.fontMedium},
            ]}>
            Sĩ số:
            <Text style={styles.text_content}> 40</Text>
          </Text>
          <Text
            style={[
              styles.text_content,
              {fontWeight: '600', fontFamily: R.fonts.fontMedium},
            ]}>
            Lớp học:
            <Text style={styles.text_content}> C810</Text>
          </Text>
          <Text
            style={[
              styles.text_content,
              {fontWeight: '600', fontFamily: R.fonts.fontMedium},
            ]}>
            Hình thức học:
            <Text style={styles.text_content}> Thực hành</Text>
          </Text>
        </View>
      </View>
    </View>
  );
};

export default DetailClassScheduleView;
