import React, { Component } from "react";

export default class LoadForm extends Component {
	render() {
		return (
			<div className="form">
				<div className="form__input-box">
					<label className="form__input-lable" htmlFor="origin">
						Город отправитель
						<input className="form__input" id="origin" type="text" />
					</label>
				</div>
				<div className="form__input-box">
					<label className="form__input-lable" htmlFor="destination">
						Город получатель
						<input className="form__input" id="destination" type="text" />
					</label>
				</div>
				<div className="form__input-box">
					<label className="form__input-lable" htmlFor="name">
						Введите имя водителя
						<input className="form__input" id="name" type="text" />
					</label>
				</div>

				<div className="form__input-box">
					<label className="form__input-lable" htmlFor="night">
						Ночная перевозка ?
						<input className="form__input" id="night" type="checkbox" />
					</label>
				</div>

				<div className="form__input-box">
					<label className="form__input-lable" htmlFor="bodyType">
						Тип кузова
						<select className="form__input" name="bodyType" id="bodyType">
							<option value="type1">Тип 1</option>
							<option value="type2">Тип 2</option>
							<option value="type3">Тип 3</option>
							<option value="type4">Тип 4</option>
						</select>
					</label>
				</div>

				<div className="form__input-box">
					<label className="form__input-lable" htmlFor="load">
						Груз
						<input className="form__input" id="load" type="text" />
					</label>
				</div>
				<div className="form__button-box">
					<button className="form__submit-button">Создать Доставку</button>
				</div>
			</div>
		);
	}
}