80 lines
4.2 KiB
HTML
80 lines
4.2 KiB
HTML
{% extends 'base.html' %}
|
|
{% block title %}Create Listing{% endblock %}
|
|
{% block content %}
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6">
|
|
<h1 class="text-center">Create Listing</h1>
|
|
<form method="POST">
|
|
<div class="mb-3">
|
|
<label for="title" class="form-label">Title</label>
|
|
<input type="text" class="form-control" id="title" name="title" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="description" class="form-label">Description</label>
|
|
<textarea class="form-control" id="description" name="description" rows="3" required></textarea>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="price" class="form-label">Price</label>
|
|
<input type="number" class="form-control" id="price" name="price" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="location" class="form-label">Location</label>
|
|
<input type="text" class="form-control" id="location" name="location" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="property_type" class="form-label">Property Type</label>
|
|
<select class="form-select" id="property_type" name="property_type" required>
|
|
{% for key, value in property_types.items() %}
|
|
<option value="{{ key }}">{{ value }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">Amenities</label>
|
|
<div class="row">
|
|
{% for amenity in amenities_list %}
|
|
<div class="col-md-6">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" name="amenities" value="{{ amenity.id }}" id="amenity_{{ amenity.id }}">
|
|
<label class="form-check-label" for="amenity_{{ amenity.id }}">
|
|
{{ amenity.amenity }}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<label for="latitude" class="form-label">Latitude</label>
|
|
<input type="text" class="form-control" id="latitude" name="latitude">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="longitude" class="form-label">Longitude</label>
|
|
<input type="text" class="form-control" id="longitude" name="longitude">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3 mb-3">
|
|
<label for="guests" class="form-label">Guests</label>
|
|
<input type="number" class="form-control" id="guests" name="guests" value="1">
|
|
</div>
|
|
<div class="col-md-3 mb-3">
|
|
<label for="beds" class="form-label">Beds</label>
|
|
<input type="number" class="form-control" id="beds" name="beds" value="1">
|
|
</div>
|
|
<div class="col-md-3 mb-3">
|
|
<label for="rooms" class="form-label">Rooms</label>
|
|
<input type="number" class="form-control" id="rooms" name="rooms" value="1">
|
|
</div>
|
|
<div class="col-md-3 mb-3">
|
|
<label for="bathrooms" class="form-label">Bathrooms</label>
|
|
<input type="number" class="form-control" id="bathrooms" name="bathrooms" value="1">
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary w-100">Create</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|