From 63ee5368424c446b1ab764019e00a95fd7598dd0 Mon Sep 17 00:00:00 2001
From: Ofir Matasas <ofir.matasas@gmail.com>
Date: Sun, 10 Apr 2022 22:34:42 +0300
Subject: [PATCH] Creating dog owner homepage

When the dog owner is logged in to Hotails, or when the home is pressed
via navbar, All the daycares in the database will be shown to the dog
owner on its homepage, with the possibility to check their profile.

Signed-off-by: Ofir Matasas <ofir.matasas@gmail.com>
Signed-off-by: tamirmatok <tamirmatok123@gmail.com>
---
 .../dogowner/dog_owner_homepage.html          | 26 +++++++++++
 dogowner/views.py                             | 11 ++++-
 main/views.py                                 |  5 +-
 static/CSS/dog_owner_homepage.css             | 46 +++++++++++++++++++
 4 files changed, 85 insertions(+), 3 deletions(-)
 create mode 100644 dogowner/templates/dogowner/dog_owner_homepage.html
 create mode 100644 static/CSS/dog_owner_homepage.css

diff --git a/dogowner/templates/dogowner/dog_owner_homepage.html b/dogowner/templates/dogowner/dog_owner_homepage.html
new file mode 100644
index 0000000..3d26e26
--- /dev/null
+++ b/dogowner/templates/dogowner/dog_owner_homepage.html
@@ -0,0 +1,26 @@
+{% extends "main/base_template.html" %}
+{% load static %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{% static 'CSS/dog_owner_homepage.css' %}">
+{% endblock %}
+
+{% block content %}
+<div class="row row-cols-1 g-3 cards">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap">
+    {% for daycare in daycares %}
+    <div class="card">
+      <img src="{{ daycare.get_daycare_primary_image }}" alt="{{ daycare.name }} image" class="card-img-top">
+      <div class="card-body">
+        <div style="display: flex; flex-direction: row">
+          <h5 class="card-title">{{ daycare.name }}</h5>
+        </div>
+        <p class="card-text">{{ daycare.description | truncatechars:250 }}</p>
+        <a href="/daycare/{{ daycare.id }}" class="btn btn-primary">Daycare Profile</a>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+
+{% endblock %}
diff --git a/dogowner/views.py b/dogowner/views.py
index fd0e044..ff85724 100644
--- a/dogowner/views.py
+++ b/dogowner/views.py
@@ -1,3 +1,10 @@
-# from django.shortcuts import render
+from django.shortcuts import render
+from daycare.models import DayCare
 
-# Create your views here.
+
+def dog_owner_home(request):
+    context = {
+        'dogowner': request.user,
+        'daycares': DayCare.objects.all(),
+    }
+    return render(request, 'dogowner/dog_owner_homepage.html', context)
diff --git a/main/views.py b/main/views.py
index d1e9531..571b04c 100644
--- a/main/views.py
+++ b/main/views.py
@@ -2,6 +2,8 @@
 from django.contrib.auth.decorators import login_required
 from django.shortcuts import redirect
 from django.contrib.auth import logout
+from dogowner.views import dog_owner_home
+from dogowner.models import DogOwner
 
 
 def index(request):
@@ -13,7 +15,8 @@ def index(request):
 
 @login_required()
 def homepage(request):
-    return render(request, 'main/homepage.html')
+    if DogOwner.objects.filter(user=request.user).exists():
+        return dog_owner_home(request)
 
 
 def about(request):
diff --git a/static/CSS/dog_owner_homepage.css b/static/CSS/dog_owner_homepage.css
new file mode 100644
index 0000000..1ddc6f8
--- /dev/null
+++ b/static/CSS/dog_owner_homepage.css
@@ -0,0 +1,46 @@
+.cards
+{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    margin-left: 50px;
+    justify-content: center;
+    align-items: center;
+}
+
+.row
+{
+    height: 30rem;
+    width: 120rem;
+    margin-left: 200px;
+}
+
+.card
+{
+    width: 18.5%;
+    height: 30rem;
+    margin: 60px 60px 0 60px;
+    max-width: 100%;
+}
+
+.card-body
+{
+    display: flex;
+    flex-direction: column;
+}
+
+.card-body .btn
+{
+    margin-right: 50%;
+    margin-top: auto;
+}
+
+.card-img-top
+{
+    height: 200px;
+}
+
+.btn
+{
+
+}