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

function Fahrzeuge() {
  return (
    <DashboardLayout>
      <Container maxWidth="lg">
        <Typography variant="h4" gutterBottom sx={{ mb: 4 }}>
          Fahrzeugverwaltung
        </Typography>

        <Card>
          <CardContent>
            <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
              <DirectionsCar color="primary" sx={{ fontSize: 48, mr: 2 }} />
              <Box>
                <Typography variant="h6">Fahrzeuge</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">
                    Fahrzeugliste mit Details
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Wartungspläne und -historie
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Tankbuch und Kilometerstände
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    TÜV/HU Erinnerungen
                  </Typography>
                </li>
                <li>
                  <Typography variant="body2" color="text.secondary">
                    Fahrzeugdokumentation
                  </Typography>
                </li>
              </ul>
            </Box>
          </CardContent>
        </Card>
      </Container>
    </DashboardLayout>
  );
}

export default Fahrzeuge;
