WORK.js

import React, { useState, useEffect } from 'react';
import * as XLSX from 'xlsx';
import {
  AppBar,
  Toolbar,
  Typography,
  Button,
  Card,
  CardContent,
  Container,
  Box,
  Chip,
  ToggleButton,
  ToggleButtonGroup,
  CircularProgress,
  Alert,
  Paper,
  Tabs,
  Tab
} from '@mui/material';
import {
  School as SchoolIcon,
  Room as RoomIcon,
  Person as PersonIcon,
  Link as LinkIcon
} from '@mui/icons-material';
import ScheduleStats from './components/ScheduleStats';
import './App.css';

function App() {
  const [scheduleData, setScheduleData] = useState(null);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);
  const [selectedDay, setSelectedDay] = useState(0);

  // Дата и академическая неделя
  const today = new Date();
  const formattedDate = today.toLocaleDateString('ru-RU');
  const rusDays = ['ВОСКРЕСЕНЬЕ','ПОНЕДЕЛЬНИК','ВТОРНИК','СРЕДА','ЧЕТВЕРГ','ПЯТНИЦА','СУББОТА'];
  const todayDayName = rusDays[today.getDay()];

  const getAcademicYearStart = year => {
    const sept1 = new Date(year, 8, 1);
    const day = sept1.getDay();
    const delta = day === 1 ? 0 : ((8 - day) % 7);
    return new Date(year, 8, 1 + delta);
  };
  const getAcademicWeekNumber = date => {
    const year = date.getMonth() >= 8 ? date.getFullYear() : date.getFullYear() - 1;
    const start = getAcademicYearStart(year);
    const diff = date - start;
    return diff < 0 ? 0 : Math.floor(diff / (7 * 24 * 60 * 60 * 1000)) + 1;
  };
  const academicWeek = getAcademicWeekNumber(today);

  // по умолчанию: нечётная => 1, чётная => 2
  const defaultToggle = (academicWeek % 2 === 1 ? 1 : 2);
  const [currentWeekToggle, setCurrentWeekToggle] = useState(defaultToggle);

  const daysOfWeek = [
    'ПОНЕДЕЛЬНИК', 'ВТОРНИК', 'СРЕДА', 'ЧЕТВЕРГ', 'ПЯТНИЦА', 'СУББОТА'
  ];
  const shortDays = ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ'];
  const lessonTimes = [
    { number: 1, start: '09:00', end: '10:30' },
    { number: 2, start: '10:40', end: '12:10' },
    { number: 3, start: '12:40', end: '14:10' },
    { number: 4, start: '14:20', end: '15:50' },
    { number: 5, start: '16:00', end: '17:30' },
    { number: 6, start: '17:40', end: '19:10' },
    { number: 7, start: '19:40', end: '21:10' }
  ];

  useEffect(() => {
    loadScheduleFile();
  }, []);

  const loadScheduleFile = async () => {
    try {
      setLoading(true);
      setError(null);
      const controller = new AbortController();
      const timeoutId = setTimeout(() => controller.abort(), 10000);
      const response = await fetch('/IIT_2-kurs_24_25_vesna.xlsx', { signal: controller.signal });
      clearTimeout(timeoutId);
      if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
      const arrayBuffer = await response.arrayBuffer();
      const data = new Uint8Array(arrayBuffer);
      const workbook = XLSX.read(data, { type: 'array' });
      const sheetName = workbook.SheetNames[0];
      const worksheet = workbook.Sheets[sheetName];
      const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });

      let groupColumnIndex = -1;
      if (jsonData.length > 1) {
        const secondRow = jsonData[1];
        for (let i = 0; i < secondRow.length; i++) {
          if (secondRow[i]?.toString().trim() === 'ИКБО-65-23') {
            groupColumnIndex = i;
            break;
          }
        }
      }
      if (groupColumnIndex === -1) {
        setError('Группа ИКБО-65-23 не найдена в файле!');
        return;
      }

      const parsed = parseScheduleData(jsonData, groupColumnIndex);
      setScheduleData(parsed);
    } catch (err) {
      setError(err.name === 'AbortError'
        ? 'Превышено время ожидания загрузки файла.'
        : `Ошибка загрузки: ${err.message}`);
    } finally {
      setLoading(false);
    }
  };

  const parseScheduleData = (jsonData, groupColumnIndex) => {
    const schedule = {};
    let currentDay = null;
    for (let i = 3; i < jsonData.length; i += 2) {
      const rowOdd = jsonData[i] || [];
      const rowEven = jsonData[i + 1] || [];

      const rawDay = rowOdd[0];
      if (typeof rawDay === 'string' && rawDay.trim()) {
        const found = daysOfWeek.find(d => rawDay.trim().toUpperCase().includes(d));
        if (found) {
          currentDay = found;
          schedule[currentDay] = [];
        }
      }
      if (!currentDay) continue;

      const num = Number(rowOdd[1]);
      if (!Number.isInteger(num) || num < 1 || num > 7) continue;

      const base = groupColumnIndex;
      const week1 = {
        discipline: rowOdd[base]     || '',
        type:       rowOdd[base + 1] || '',
        teacher:    rowOdd[base + 2] || '',
        room:       rowOdd[base + 3] || '',
        link:       rowOdd[base + 4] || ''
      };
      const week2 = {
        discipline: rowEven[base]     || '',
        type:       rowEven[base + 1] || '',
        teacher:    rowEven[base + 2] || '',
        room:       rowEven[base + 3] || '',
        link:       rowEven[base + 4] || ''
      };

      if (!week1.discipline && !week2.discipline) continue;

      schedule[currentDay].push({
        number: num,
        time:   lessonTimes[num - 1],
        week1, week2
      });
    }
    return schedule;
  };

  const handleWeekChange = (_, val) => { if (val) setCurrentWeekToggle(val); };
  const handleDayChange = (_, val) => setSelectedDay(val);
  const getCurrentDayLessons = () => scheduleData
    ? scheduleData[daysOfWeek[selectedDay]] || []
    : [];

  if (loading) {
    return (
      <Box sx={{
        display: 'flex', justifyContent: 'center', alignItems: 'center',
        minHeight: '100vh', background: 'linear-gradient(135deg,#667eea,#764ba2)'
      }}>
        <CircularProgress size={60} sx={{ color: 'white' }}/>
      </Box>
    );
  }

  if (error) {
    return (
      <Box sx={{
        minHeight: '100vh', background: 'linear-gradient(135deg,#667eea,#764ba2)',
        display: 'flex', justifyContent: 'center', alignItems: 'center'
      }}>
        <Alert severity="error">{error}</Alert>
      </Box>
    );
  }

  return (
    <Box sx={{ minHeight: '100vh', background: 'linear-gradient(135deg,#667eea,#764ba2)' }}>
      <AppBar position="static" sx={{ bgcolor: 'rgba(255,255,255,0.1)', backdropFilter: 'blur(10px)' }}>
        <Toolbar sx={{ minHeight: 60 }}>
          <SchoolIcon sx={{ mr: 1 }}/>
          <Typography variant="h6" sx={{ flexGrow: 1 }}>
            {formattedDate}, {todayDayName} — Неделя {academicWeek}
          </Typography>
        </Toolbar>
      </AppBar>

      <Container maxWidth="sm" sx={{ p: 0 }}>
        <Box sx={{ px: 2, pt: 2, pb: 1 }}>
          <ToggleButtonGroup
            value={currentWeekToggle}
            exclusive onChange={handleWeekChange}
            fullWidth sx={{ background: 'rgba(255,255,255,0.1)', borderRadius: 2, p: 0.5 }}
          >
            <ToggleButton value={1} sx={{ flex: 1 }}>Неделя I</ToggleButton>
            <ToggleButton value={2} sx={{ flex: 1 }}>Неделя II</ToggleButton>
          </ToggleButtonGroup>
        </Box>

        <Box sx={{ px: 2, mb: 2 }}>
          <Paper elevation={2} sx={{ borderRadius: 2, overflow: 'hidden' }}>
            <Tabs
              value={selectedDay} onChange={handleDayChange}
              variant="scrollable" scrollButtons="auto"
              sx={{
                '& .MuiTab-root': { minWidth: 'auto', px: 2, py: 1.5, fontSize: '0.9rem', fontWeight: 600 },
                '& .Mui-selected': { background: 'linear-gradient(45deg,#667eea,#764ba2)', color: 'white' }
              }}
            >
              {shortDays.map((day, i) => (
                <Tab key={day} label={
                  <Box sx={{ textAlign: 'center' }}>
                    <Typography variant="body2" sx={{ fontWeight: 'bold' }}>{day}</Typography>
                    <Typography variant="caption" sx={{ opacity: 0.8 }}>{daysOfWeek[i]}</Typography>
                  </Box>
                }/>
              ))}
            </Tabs>
          </Paper>
        </Box>

        <Box sx={{ px: 2, mb: 2 }}>
          <Paper elevation={2} sx={{ borderRadius: 2, background: 'rgba(255,255,255,0.95)' }}>
            <Box sx={{ p: 2, borderBottom: '1px solid #e0e0e0' }}>
              <Typography variant="h6" sx={{ fontWeight: 600, textAlign: 'center' }}>
                {daysOfWeek[selectedDay]}
              </Typography>
            </Box>
            <Box sx={{ p: 2 }}>
              {getCurrentDayLessons().length > 0 ? (
                getCurrentDayLessons().map((lesson, idx) => (
                  <Card key={idx} sx={{ mb: 2, background: 'white' }}>
                    <CardContent sx={{ p: 2 }}>
                      <Box sx={{
                        display: 'flex', justifyContent: 'space-between', alignItems: 'center',
                        mb: 1, pb: 1, borderBottom: '1px solid #e0e0e0'
                      }}>
                        <Chip label={lesson.number} color="primary" size="small" sx={{ fontWeight: 'bold' }}/>
                        <Typography variant="body2" color="text.secondary" sx={{ fontSize: '0.9rem' }}>
                          {lesson.time.start} - {lesson.time.end}
                        </Typography>
                      </Box>
                      {currentWeekToggle === 1
                        ? renderLessonDetails(lesson.week1)
                        : renderLessonDetails(lesson.week2)
                      }
                    </CardContent>
                  </Card>
                ))
              ) : (
                <Box sx={{ textAlign: 'center', py: 4 }}>
                  <Typography variant="body1" color="text.secondary" sx={{ fontStyle: 'italic' }}>
                    На {daysOfWeek[selectedDay].toLowerCase()} нет занятий
                  </Typography>
                </Box>
              )}
            </Box>
          </Paper>
        </Box>

        <Box sx={{ px: 2, pb: 2 }}>
          <ScheduleStats scheduleData={scheduleData} currentWeek={currentWeekToggle}/>
        </Box>
      </Container>
    </Box>
  );
}

// Детали пары
function renderLessonDetails(lesson) {
  if (!lesson.discipline) {
    return <Typography variant="body2" color="text.secondary" sx={{ fontStyle: 'italic', textAlign: 'center' }}>Нет занятий</Typography>;
  }
  return (
    <>
      <Chip label={lesson.type} color={getLessonTypeColor(lesson.type)} size="small" sx={{ mb: 1 }}/>
      <Typography variant="body2" sx={{ fontWeight: 600, mb: 1, fontSize: '0.95rem' }}>{lesson.discipline}</Typography>
      <Box sx={{ display: 'flex', alignItems: 'center', mb: 0.5 }}>
        <PersonIcon sx={{ fontSize: 16, mr: 0.5, color: 'text.secondary'}}/>
        <Typography variant="body2" color="text.secondary" sx={{ fontSize: '0.9rem' }}>{lesson.teacher}</Typography>
      </Box>
      <Box sx={{ display: 'flex', alignItems: 'center', mb: 1 }}>
        <RoomIcon sx={{ fontSize: 16, mr: 0.5, color: 'text.secondary'}}/>
        <Typography variant="body2" color="text.secondary" sx={{ fontSize: '0.9rem' }}>Ауд. {lesson.room}</Typography>
      </Box>
      {lesson.link && (
        <Button size="small" startIcon={<LinkIcon />} href={lesson.link} target="_blank" rel="noopener noreferrer">
          Ссылка
        </Button>
      )}
    </>
  );
}

function getLessonTypeColor(type) {
  switch (type) {
    case 'ЛК': return 'warning';
    case 'ПР': return 'success';
    case 'ЛБ': return 'primary';
    case 'КР': return 'error';
    case 'ЭКЗ': return 'error';
    default: return 'default';
  }
}

export default App;