import React, { useState } from 'react'
import {
  Dialog,
  DialogActions,
  DialogContent,
  DialogTitle,
  TextField,
  Button,
  InputAdornment,
  Box,
  Grid
} from '@mui/material'
import { PiChalkboardTeacher } from 'react-icons/pi'

const ModalProcessFichePresence = ({ open, onClose, matiere_id }) => {
  const [formData, setFormData] = useState({
    matiere: ''
  })
  return (
    <Dialog open={open} onClose={onClose}>
      <DialogTitle>Option sur la la fiches</DialogTitle>
      <DialogContent>
        <Box sx={{ flexGrow: 1 }}>
          <Grid container spacing={2}>
            <Grid item xs={12} sm={6}>
              <TextField
                autoFocus
                margin="normal"
                required
                name="nom_enseignant"
                label="Nom du professeur"
                type="text"
                fullWidth
                placeholder="Nom du professeur"
                variant="outlined"
                value={formData.matiere}
                color="warning"
                InputProps={{
                  startAdornment: (
                    <InputAdornment position="start">
                      <PiChalkboardTeacher />
                    </InputAdornment>
                  )
                }}
              />
            </Grid>
          </Grid>
        </Box>
      </DialogContent>
    </Dialog>
  )
}

export default ModalProcessFichePresence
