<input
type="number"
min="0"
className="form-control mb-3"
placeholder="Enter how many bedrooms"
value={ad.bedrooms}
onChange={(e) => setAd({ ...ad, bedrooms: e.target.value })}
required
/>
<input
type="number"
min="0"
className="form-control mb-3"
placeholder="Enter how many bathrooms"
value={ad.toilets}
onChange={(e) => setAd({ ...ad, bathrooms: e.target.value })}
required
/>
<input
type="number"
min="0"
className="form-control mb-3"
placeholder="Enter how many car parks"
value={ad.carpark}
onChange={(e) => setAd({ ...ad, carpark: e.target.value })}
/>
<input
type="text"
className="form-control mb-3"
placeholder="Size of land"
value={ad.landsize}
onChange={(e) => setAd({ ...ad, landsize: e.target.value })}
/>
<input
type="text"
className="form-control mb-3"
placeholder="Enter title"
value={ad.title}
onChange={(e) => setAd({ ...ad, title: e.target.value })}
required
/>
<textarea
className="form-control mb-3"
value={ad.description}
placeholder="Write description"
onChange={(e) => setAd({ ...ad, description: e.target.value })}
/>
<button className="btn btn-primary">Submit</button>