search improved

roofis2/roomservice/views.py

@@ -1,9 +1,11 @@
 from django.shortcuts import render
+from roomservice.models import Room
 
 
 # Create your views here.
 def home(request):
-    return render(request, 'search.jinja', {"title":"rooF(i)S is love rooF(i)S is live!!"})
+    rooms = Room.objects.all()
+    return render(request, 'search.jinja', {"title":"rooF(i)S is love rooF(i)S is live!!", "rooms":rooms})
 
 
 def booking(request):

roofis2/templates/search.jinja

@@ -1,11 +1,35 @@
 {% extends "base.jinja" %}
 {% block content %}
     <div class="container">
-        <\div>
+        <div class="row">
-        <form class="form-inline my-2 my-lg-0">
+            <div class="col"></div>
-            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+            <div class="col-8">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+                <form class="form-inline my-2 my-lg-0">
-        </form>
+                    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+                </form>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col"></div>
+            <div class="col-8">
+                <div class="form-group">
+                    <label for="sel1">Select list:</label>
+                    <select multiple class="form-control" id="sel1">
+                        {% for room in rooms %}
+                            <option>{{room.room_number}}</option>
+                        {% endfor %}
+                    </select>
+                </div>
+                <button type="submit" class="btn btn-default"> Submit </button>
+            </div>
+            <div class="col"></div>
+        </div>
+        <div class="row">
+            <div class="col">
+
+            </div>
+        </div>
     </div>
 {% endblock %}