80 lines
4.6 KiB
HTML
80 lines
4.6 KiB
HTML
{% extends 'base.html' %}
|
|||
|
|
{% block title %}Edit Listing{% endblock %}
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<h1 class="text-center">Edit 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 value="{{ listing.title }}">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="description" class="form-label">Description</label>
|
||
|
|
<textarea class="form-control" id="description" name="description" rows="3" required>{{ listing.description }}</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 value="{{ listing.price }}">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="location" class="form-label">Location</label>
|
||
|
|
<input type="text" class="form-control" id="location" name="location" required value="{{ listing.location }}">
|
||
|
|
</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 listing.PROPERTY_TYPES.items() %}
|
||
|
|
<option value="{{ key }}" {% if key == listing.property_type %}selected{% endif %}>{{ 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 }}" {% if amenity.id in selected_amenities %}checked{% endif %}>
|
||
|
|
<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" value="{{ listing.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" value="{{ listing.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" required value="{{ listing.guests }}">
|
||
|
|
</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" required value="{{ listing.beds }}">
|
||
|
|
</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" required value="{{ listing.rooms }}">
|
||
|
|
</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" required value="{{ listing.bathrooms }}">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="btn btn-primary w-100">Save Changes</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|