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= {{width:20, height:15}}/>
        </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}>Thứ 6: 25/07/2025, 07:00 - 09:00</Text>
        <View style={[styles.container_content, { paddingHorizontal: 15, paddingVertical: 5 }]}>
          <Text style={styles.text_content}>Vị trí: Phòng B205</Text>
          <Text style={styles.text_content}>Sĩ số: 40</Text>
          <Text style={styles.text_content}>Lớp học: Thực hành</Text>
          <Text style={styles.text_content}>Hình thức học: Trực tiếp</Text>
        </View>
      </View>
    </View>
  );
};

export default DetailClassScheduleView;
