dupaaa

import React, { Component } from 'react'

export default class CarForms extends Component {
  state = { marka: 'Opel', kolor: 'biały', paliwo: 'benzyna',value: '' }
  render() {


    let modele = ['Opel', 'BMW', 'Fiat', 'twój stary'];
    let kolory = ['szary', 'niebieski', 'zolty', 'zielony'];
    let paliwa = ['LPG', 'benzyna', 'wodor', 'kasztelan niepasteryzowany', 'prad'];
    return (
      <div class="form-group">
        <label for="carBrand">Podaj markę samochodu</label>
        <select class="form-control" id="carBrand" value={this.state.marka} onChange={this.handleChange}>
          <option value="Alfa Romeo">Alfa Romeo</option>
          {modele.map(x => (<option value={x}>{x}</option>))}
        </select>

        <label for="carColour">Podaj kolor samochodu</label>
        <select class="form-control" id="carBrand" value={this.state.kolor} onChange={this.handleChange}>
        {kolory.map(x => (<option value={x}>{x}</option>))}

        </select>

        <label for="fuel">Podaj paliwo samochodu</label>
        <select class="form-control" id="carBrand" value={this.state.paliwo} onChange={this.handleChange}>
          {paliwa.map(x => (<option value={x}>{x}</option>))}
        </select>

        <label for="carPlate">Tablica rejestracyjna: </label>
        <input value={this.state.value} onChange={this.handleChange} class="form-control" id="carPlate"
         placeholder="Tablica rejestracyjna" />


        <label for="carModel">Model samochodu: </label>
        <input value={this.state.value} onChange={this.handleChange} class="form-control" id="carPlate"
         placeholder="Model" />

        <label for="yearOfTranscation">Rocznik samochodu: </label>
        <input value={this.state.value} onChange={this.handleChange} class="form-control" id="yearOfTranscation"
         min="1950" max="2019"
        placeholder="Rok" />

        <br></br>
        <button type="button" class="btn my_btn my_button" id="sendForm">Wyczysc dane</button>
        <button type="button" class="btn my_button" id="clearForm">Wyslij formularz</button>


      </div>


    )
  }
}