import {
  Container,
  Typography,
  Card,
  CardContent,
  Box,
} from '@mui/material';
import { Build } from '@mui/icons-material';
import DashboardLayout from '../components/dashboard/DashboardLayout';

function Ausruestung() {
  return (
    <DashboardLayout>
      <Container maxWidth="lg">
        <Typography variant="h4" gutterBottom sx={{ mb: 4 }}>
          Ausrüstungsverwaltung
        </Typography>

        <Card>
          <CardContent>
            <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
              <Build color="primary" sx={{ fontSize: 48, mr: 2 }} />
              <Box>
                <Typography variant="h6">Ausrüstung</Typography>
                <Typography variant="body2" color="text.secondary">
                  Diese Funktion wird in Kürze verfügbar sein
                </Typography>
              </Box>
            </Box>
            <Box sx={{ mt: 3 }}>
              <Typography variant="body1" color="text.secondary" paragraph>
                Geplante Features:
              </Typography>
              <ul>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Inventarverwaltung
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Wartungsprüfungen und -protokolle
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Prüffristen und Erinnerungen
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Schutzausrüstung (PSA)
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Atemschutzgeräte und -wartung
                  </Typography>
                </li>
              </ul>
            </Box>
          </CardContent>
        </Card>
      </Container>
    </DashboardLayout>
  );
}

export default Ausruestung;