From 2762c62bb057f8b3a8e488797d73eb7cf493e808 Mon Sep 17 00:00:00 2001
From: Willian Damasceno <williandamascenoprofessional@gmail.com>
Date: Sat, 8 Jun 2024 17:08:52 -0300
Subject: [PATCH] Show data in the home page

---
 resources/views/home.blade.php    | 48 +++++++++++++++++++++++++++++++
 resources/views/welcome.blade.php |  5 ----
 routes/web.php                    |  7 ++++-
 3 files changed, 54 insertions(+), 6 deletions(-)
 create mode 100644 resources/views/home.blade.php
 delete mode 100644 resources/views/welcome.blade.php

diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
new file mode 100644
index 0000000..fcb4b8b
--- /dev/null
+++ b/resources/views/home.blade.php
@@ -0,0 +1,48 @@
+@extends('components.layouts.app')
+
+@section('content')
+  <main class="container grid grid-cols-1 gap-4 p-8">
+    @foreach ($users as $user)
+      <article class="relative flex justify-between rounded-md bg-base-200/50 px-8 py-4 shadow">
+        <div>
+          <div>{{ $user->name }}</div>
+          <div>{{ $user->email }}</div>
+        </div>
+
+        <button popovertarget="popover-{{ $user->id }}" class="hover:text-primary">Ver pets</button>
+        <div id="popover-{{ $user->id }}" popover
+          class="w-[min(100vw-2rem,600px)] rounded-xl bg-base-200/50 p-12 shadow"
+        >
+          @foreach ($user->pets as $pet)
+            <div class="flex flex-col justify-between">
+              <h2 class="text-lg font-bold">Dados do pet</h2>
+              <div>Nome: {{ $pet->name }}</div>
+              <div>Nascimento: {{ $pet->born }}</div>
+              <div>Tipo: {{ $pet->type }}</div>
+
+              @if (!empty($pet->vaccines) && $pet->vaccines !== '_' && $pet->vaccines)
+                @php
+                  $vaccines = explode(',', $pet->vaccines);
+                @endphp
+                @if (count($vaccines) > 1)
+                  <h2 class="mt-8 text-lg font-bold">Vacinas</h2>
+                  <div>
+                    @foreach ($vaccines as $vaccine)
+                      @php
+                        [$name, $date] = explode('-', $vaccine);
+                      @endphp
+                      <div class="flex items-center">
+                        <div class="mr-2">{{ $name }}</div>
+                        <div>{{ $date }}</div>
+                      </div>
+                    @endforeach
+                  </div>
+                @endif
+              @endif
+            </div>
+          @endforeach
+        </div>
+      </article>
+    @endforeach
+  </main>
+@endsection
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
deleted file mode 100644
index 27352cf..0000000
--- a/resources/views/welcome.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-@extends('components.layouts.app')
-
-@section('content')
-  text
-@endsection
diff --git a/routes/web.php b/routes/web.php
index 86a06c5..49b0788 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,7 +1,12 @@
 <?php
 
+use App\Models\Pet;
+use App\Models\User;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', function () {
-    return view('welcome');
+    return view('home', [
+        'users' => User::all(),
+        'petQuantity' => Pet::has('user')->count(),
+    ]);
 });