text: /* eslint-disable no-unused-vars */
  import React from "react";
  // @material-ui/core components
  import { makeStyles } from "@material-ui/core/styles";
  import InputLabel from "@material-ui/core/InputLabel";
  // core components
  import GridItem from "components/Grid/GridItem.js";
  import GridContainer from "components/Grid/GridContainer.js";
  import CustomInput from "components/CustomInput/CustomInput.js";
  import Button from "components/CustomButtons/Button.js";
  import Card from "components/Card/Card.js";
  import CardHeader from "components/Card/CardHeader.js";
  import CardAvatar from "components/Card/CardAvatar.js";
  import CardBody from "components/Card/CardBody.js";
  import CardFooter from "components/Card/CardFooter.js";
  
  import avatar from "assets/img/faces/marc.jpg";
  
  const styles = {
    cardCategoryWhite: {
      color: "rgba(255,255,255,.62)",
      margin: "0",
      fontSize: "14px",
      marginTop: "0",
      marginBottom: "0"
    },
    cardTitleWhite: {
      color: "#FFFFFF",
      marginTop: "0px",
      minHeight: "auto",
      fontWeight: "300",
      fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
      marginBottom: "3px",
      textDecoration: "none"
    }
  };
  
  const useStyles = makeStyles(styles);
  
  export default function CarProfile() {
    const classes = useStyles();
    return (
      <div>
        <GridContainer>
          <GridItem xs={12} sm={12} md={12}>
            <Card>
              <CardHeader color="primary">
                <h4 className={classes.cardTitleWhite}>Edit/Add Car</h4>
                <p className={classes.cardCategoryWhite}>Complete Car Info</p>
              </CardHeader>
              <CardBody>
                <GridContainer> 
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Car Id"
                      id="idCar"
                      formControlProps={{
                        fullWidth: true
                      }}
                      inputProps={{
                        disabled: true
                      }}
                    />
                  </GridItem>
                  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Manufacturer"
                      id="manufacturer"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Model"
                      id="model"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Color"
                      id="color"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Year of production (yyyy)"
                      id="yofProd"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Kilometers"
                      id="kilometers"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Price per day"
                      id="priceDay"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Is available ? 0- no; 1- yes"
                      id="isAvailable"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Insurance valid from (yyyy-mm-dd)"
                      id="insurance"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Segment type 1 to 10"
                      id="segment"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Registration numbers"
                      id="regNumbers"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Path to photos"
                      id="filePath"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  <GridItem xs={12} sm={12} md={4}>
                    <CustomInput
                      labelText="Technical review from (yyyy-mm-dd)"
                      id="techRev"
                      formControlProps={{
                        fullWidth: true
                      }}
                    />
                  </GridItem>
  
                  
  
                </GridContainer>
                {/* <GridContainer>
                  <GridItem xs={12} sm={12} md={12}>
                    <InputLabel style={{ color: "#AAAAAA" }}>About me</InputLabel>
                    <CustomInput
                      labelText="Lamborghini Mercy, Your chick she so thirsty, I'm in that two seat Lambo."
                      id="about-me"
                      formControlProps={{
                        fullWidth: true
                      }}
                      inputProps={{
                        multiline: true,
                        rows: 5
                      }}
                    />
                  </GridItem>
                </GridContainer> */}
              </CardBody>
              <CardFooter>
                <Button color="primary">Update Info</Button>
              </CardFooter>
            </Card>
          </GridItem>
          {/* <GridItem xs={12} sm={12} md={4}>
            <Card profile>
              <CardAvatar profile>
                <a href="#" onClick={e => e.preventDefault()}>
                  <img src={avatar} alt="..." />
                </a>
              </CardAvatar>
              <CardBody profile>
                <h6 className={classes.cardCategory}>CEO / CO-FOUNDER</h6>
                <h4 className={classes.cardTitle}>Alec Thompson</h4>
                <p className={classes.description}>
                  Don{"'"}t be scared of the truth because we need to restart the
                  human foundation in truth And I love you like Kanye loves Kanye
                  I love Rick Owens’ bed design but the back is...
                </p>
                <Button color="primary" round>
                  Follow
                </Button>
              </CardBody>
            </Card>
          </GridItem> */}
        </GridContainer>
      </div>
    );
  }
  