From 7c0313bc497fe7c43d3a2bdb0f8e9c11e687c72c Mon Sep 17 00:00:00 2001
From: Coassolo-Lucas <lucascoassolo@gmail.com>
Date: Sun, 17 Aug 2025 01:05:33 -0300
Subject: [PATCH 1/2] Agregue catalogo y un poco de vistaUsuario

---
 app/Http/Controllers/CatalogoController.php   | 16 +++++++
 app/Http/Controllers/ProductosController.php  |  5 +++
 resources/views/catalogo.blade.php            | 43 ++++++++++++++++++-
 resources/views/dashboard.blade.php           |  8 ++--
 .../views/productos/vistaUsuario.blade.php    | 12 ++++++
 routes/web.php                                |  4 +-
 6 files changed, 82 insertions(+), 6 deletions(-)
 create mode 100644 app/Http/Controllers/CatalogoController.php
 create mode 100644 resources/views/productos/vistaUsuario.blade.php

diff --git a/app/Http/Controllers/CatalogoController.php b/app/Http/Controllers/CatalogoController.php
new file mode 100644
index 0000000..b7e5632
--- /dev/null
+++ b/app/Http/Controllers/CatalogoController.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Product;
+use Illuminate\Http\Request;
+
+class CatalogoController extends Controller
+{
+    
+    public function catalogo()
+    {
+        $productos = Product::all();
+        return view('catalogo', compact('productos'));
+    }
+}
diff --git a/app/Http/Controllers/ProductosController.php b/app/Http/Controllers/ProductosController.php
index be40fa0..af0b357 100644
--- a/app/Http/Controllers/ProductosController.php
+++ b/app/Http/Controllers/ProductosController.php
@@ -62,4 +62,9 @@ class ProductosController extends Controller
         $producto->delete();
         return redirect(route('productos.index'));
     }
+
+    public function vistaUsuario($id){
+    $producto = Product::find($id);
+    return view('productos.vistaUsuario', compact('producto'));
+    }
 }
diff --git a/resources/views/catalogo.blade.php b/resources/views/catalogo.blade.php
index fa26743..3f718c4 100644
--- a/resources/views/catalogo.blade.php
+++ b/resources/views/catalogo.blade.php
@@ -1,6 +1,45 @@
-<x-app>
+<x-appc>
+    <div class="max-w-6xl mx-auto px-4 py-8">
+        <h1 class="text-center text-2xl font-bold mb-8">CATÁLOGO</h1>
 
+        @if ($productos->count() > 0)
+            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
+                @foreach ($productos as $prod)
+                    <div class="p-4 border rounded-lg shadow-md bg-white hover:shadow-lg transition">
+                        {{-- Imagen si existe --}}
+                        @if (!empty($prod->imagen))
+                            <img src="{{ asset('storage/' . $prod->imagen) }}" alt="{{ $prod->name }}"
+                                class="w-full h-40 object-cover rounded mb-4">
+                        @else
+                            <div class="w-full h-40 bg-gray-200 flex items-center justify-center rounded mb-4">
+                                <span class="text-gray-500 text-sm">Sin imagen</span>
+                            </div>
+                        @endif
 
+                        {{-- Nombre --}}
+                        <h2 class="text-lg font-semibold text-gray-800">{{ $prod->nombre }}</h2>
 
+                        {{-- Descripción corta --}}
+                        @if (!empty($prod->descripcion))
+                            <p class="text-sm text-gray-600 mt-2">{{ $prod->descripcion }}</p>
+                        @endif
 
-</x-app>
\ No newline at end of file
+                        {{-- Precio --}}
+                        @if (!empty($prod->precio))
+                            <p class="text-blue-600 font-bold mt-3">${{ number_format($prod->precio, 2, ',', '.') }}</p>
+                        @endif
+
+                        {{-- Botón --}}
+                        <a href="{{ route('productos.vistaUsuario', $prod) }}"
+                            class="mt-4 block w-full bg-blue-500 text-white py-2 rounded-lg text-center hover:bg-blue-600">
+                            Ver producto
+                        </a>
+
+                    </div>
+                @endforeach
+            </div>
+        @else
+            <p class="text-center text-gray-600 mt-10">No hay productos disponibles.</p>
+        @endif
+    </div>
+</x-appc>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 1b0b21e..13ecb27 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -1,6 +1,8 @@
-
-    <H1>BIENVENIDO {{Auth::user()->name}} </H1>
-    <form action="{{route('logout')}}" method="post">
+<x-appc>
+    <H1>BIENVENIDO {{ Auth::user()->name }} </H1>
+    <a href="{{ route('catalogo') }}">Ir a catalogo</a>
+    <form action="{{ route('logout') }}" method="post">
         @csrf
         <button type="submit">Logout</button>
     </form>
+</x-appc>
diff --git a/resources/views/productos/vistaUsuario.blade.php b/resources/views/productos/vistaUsuario.blade.php
new file mode 100644
index 0000000..fbcbba2
--- /dev/null
+++ b/resources/views/productos/vistaUsuario.blade.php
@@ -0,0 +1,12 @@
+<x-appc>
+    <div class="max-w-6xl mx-auto px-4 py-8 text-white">
+        <a href="{{ route('catalogo') }}">Volver a catalogo</a>
+        <h1>Titulo: {{ $producto->nombre }}</h1>
+        <p>
+            <b>Categoria:</b> {{ $producto->Categoria }}
+        </p>
+        <p>
+            {{ $producto->content }}
+        </p>
+    </div>
+</x-appc>
diff --git a/routes/web.php b/routes/web.php
index a3006d2..be3d780 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\AuthController;
+use App\Http\Controllers\CatalogoController;
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\LoginController;
@@ -46,4 +47,5 @@ Route::middleware(['auth'])->group(function () {
     Route::delete('/productos/{id}', [ProductosController::class,'destroy'])->name('productos.destroy');
 });
 
-Route::vieq('catalogo','catalogo')->name('catalogo');
\ No newline at end of file
+Route::get('/catalogo', [CatalogoController::class,'catalogo'])->name('catalogo');
+Route::get('/productos/{id}/vistaUsuario', [ProductosController::class,'vistaUsuario'])->name('productos.vistaUsuario');
\ No newline at end of file

From 01baa66213b5abf33dfbe5bc75764bad78ed66b0 Mon Sep 17 00:00:00 2001
From: Coassolo-Lucas <lucascoassolo@gmail.com>
Date: Wed, 20 Aug 2025 01:05:36 -0300
Subject: [PATCH 2/2] Agregue unique a email y errores a register.

Y MERGE LO DE BRYAM (COPIE Y PEGUE)
---
 app/Http/Controllers/RegisterController.php |   2 +-
 resources/views/components/appc.blade.php   |  77 ++++++++++-----
 resources/views/register.blade.php          | 103 ++++++++++++--------
 resources/views/welcome.blade.php           |  24 +----
 4 files changed, 115 insertions(+), 91 deletions(-)

diff --git a/app/Http/Controllers/RegisterController.php b/app/Http/Controllers/RegisterController.php
index 7dc5bde..39f4fe1 100644
--- a/app/Http/Controllers/RegisterController.php
+++ b/app/Http/Controllers/RegisterController.php
@@ -13,7 +13,7 @@ class RegisterController extends Controller
     {
         $userData = $request->validate([
             'name' => ['required', 'string'],
-            'email' => ['required', 'email'],
+            'email' => ['required', 'email', 'unique:users,email'],
             'password' => ['required', 'confirmed']
         ]);
 
diff --git a/resources/views/components/appc.blade.php b/resources/views/components/appc.blade.php
index e249146..a19dcee 100644
--- a/resources/views/components/appc.blade.php
+++ b/resources/views/components/appc.blade.php
@@ -1,46 +1,69 @@
-{{-- @vite('resources/css/app.css') --}}
+@props(['auth' => false])
 
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
     <title>{{ $title ?? 'Lauck - Home' }}</title>
 </head>
-
 <body class="bg-neutral-900 relative pb-50 min-h-screen">
     <nav class="bg-white border-gray-200 dark:bg-gray-900">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
             <a href="https://flowbite.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
                 <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="Flowbite Logo" />
-                <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">{{ $navTitle ?? 'Lauck Home' }}</span>
+                <span
+                    class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">{{ $navTitle ?? 'Lauck Home' }}</span>
             </a>
-            <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false">
+            <button data-collapse-toggle="navbar-default" type="button"
+                class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+                aria-controls="navbar-default" aria-expanded="false">
                 <span class="sr-only">Open main menu</span>
-                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" />
+                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+                    viewBox="0 0 17 14">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M1 1h15M1 7h15M1 13h15" />
                 </svg>
             </button>
             <div class="hidden w-full md:block md:w-auto" id="navbar-default">
-                <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
-                    <li>
-                        <a href="{{route('dashboard')}}" class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500" aria-current="page">Home</a>
-                    </li>
-                    <li>
-                        <a href="{{route('productos.index')}}" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Productos</a>
-                    </li>
-                    <li>
-                        <a href="#" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Services</a>
-                    </li>
-                    <li>
-                        <a href="#" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Pricing</a>
-                    </li>
-                    <li>
-                        <a href="#" class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact</a>
-                    </li>
-                </ul>
+                @if ($auth)
+                    <ul
+                        class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+                        <li>
+                            <a href="{{ route('dashboard') }}"
+                                class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500">Home</a>
+                        </li>
+                        <li>
+                            <a href="{{ route('productos.index') }}"
+                                class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Productos</a>
+                        </li>
+                        <li>
+                            <a href="#"
+                                class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Services</a>
+                        </li>
+                        <li>
+                            <a href="#"
+                                class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Pricing</a>
+                        </li>
+                        <li>
+                            <a href="#"
+                                class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact</a>
+                        </li>
+                    </ul>
+                @else
+                    <ul
+                        class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+                        <li>
+                            <a href="{{ route('register') }}"
+                                class="block py-2 px-3 dark:hover:bg-gray-700 dark:hover:text-white text-gray-900 rounded-sm hover:bg-gray-100 dark:text-white md:px-4 md:py-2 md:rounded-md md:text-white md:font-semibold md:bg-stone-500 md:hover:scale-105 transition">Registrate</a>
+                        </li>
+                        <li>
+                            <a href="{{route('login')}}"
+                                class="block py-2 px-3 dark:hover:bg-gray-700 dark:hover:text-white text-gray-900 rounded-sm hover:bg-gray-100 dark:text-white md:px-4 md:py-2 md:rounded-md md:text-white md:font-semibold md:bg-stone-500 md:hover:scale-105 transition">Iniciar Sesion</a>
+                        </li>
+                    </ul>
+                @endif
             </div>
         </div>
     </nav>
@@ -52,7 +75,8 @@
                     <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="Flowbite Logo" />
                     <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>
                 </a>
-                <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
+                <ul
+                    class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
                     <li>
                         <a href="#" class="hover:underline me-4 md:me-6">About</a>
                     </li>
@@ -73,5 +97,4 @@
         </div>
     </footer>
 </body>
-
-</html>
+</html>
\ No newline at end of file
diff --git a/resources/views/register.blade.php b/resources/views/register.blade.php
index 4cc5c48..7c1a62b 100644
--- a/resources/views/register.blade.php
+++ b/resources/views/register.blade.php
@@ -1,56 +1,73 @@
 <!doctype html>
 <html>
+
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Bicicletería Lauck - Registro</title>
-  <script src="https://cdn.tailwindcss.com"></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bicicletería Lauck - Registro</title>
+    <script src="https://cdn.tailwindcss.com"></script>
 </head>
+
 <body class="bg-gradient-to-br from-blue-500 to-blue-700 flex items-center justify-center min-h-screen px-4">
 
-  <div class="flex flex-col items-center space-y-6 w-full max-w-lg">
-    <!-- Título -->
-    <h1 class="text-4xl font-bold text-white text-center drop-shadow-lg">
-      Bicicletería Lauck
-    </h1>
+    <div class="flex flex-col items-center space-y-6 w-full max-w-lg">
+        <!-- Título -->
+        <h1 class="text-4xl font-bold text-white text-center drop-shadow-lg">
+            Bicicletería Lauck
+        </h1>
 
-    <!-- Formulario -->
-    <div class="bg-white p-8 rounded-xl shadow-lg w-full max-w-md">
-      <h2 class="text-2xl font-bold mb-2 text-center">Registrarse</h2>
-      <p class="mb-6 text-center text-gray-600">Por favor completá el formulario para crear una cuenta.</p>
+        <!-- Formulario -->
+        <div class="bg-white p-8 rounded-xl shadow-lg w-full max-w-md">
+            <h2 class="text-2xl font-bold mb-2 text-center">Registrarse</h2>
+            <p class="mb-6 text-center text-gray-600">Por favor completá el formulario para crear una cuenta.</p>
 
-      <form action="{{route('register.store')}}" method="post" class="space-y-5">
-        @csrf
-        <div>
-          <label class="block text-sm font-medium text-gray-700 mb-1">Nombre completo</label>
-          <input type="text" name="name" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
+            <form action="{{ route('register.store') }}" method="post" class="space-y-5">
+                @csrf
+                @if ($errors->any())
+                    <div>
+                        <ul>
+                            @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                            @endforeach
+                        </ul>
+                    </div>
+                @endif
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Nombre completo</label>
+                    <input type="text" name="name" required
+                        class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Correo electrónico</label>
+                    <input type="email" name="email" required
+                        class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Contraseña</label>
+                    <input type="password" name="password" required
+                        class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">Confirmar contraseña</label>
+                    <input type="password" name="password_confirmation" required
+                        class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
+                </div>
+
+                <div>
+                    <input type="submit" name="submit" value="Registrarse"
+                        class="w-full bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 transition-colors">
+                </div>
+
+                <p class="text-center text-sm text-gray-600">
+                    ¿Ya tenés una cuenta? <a href="login" class="text-blue-600 hover:underline">Iniciá sesión acá</a>.
+                </p>
+            </form>
         </div>
-        
-        <div>
-          <label class="block text-sm font-medium text-gray-700 mb-1">Correo electrónico</label>
-          <input type="email" name="email" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
-        </div>
-
-        <div>
-          <label class="block text-sm font-medium text-gray-700 mb-1">Contraseña</label>
-          <input type="password" name="password" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
-        </div>
-
-        <div>
-          <label class="block text-sm font-medium text-gray-700 mb-1">Confirmar contraseña</label>
-          <input type="password" name="password_confirmation" required class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400">
-        </div>
-
-        <div>
-          <input type="submit" name="submit" value="Registrarse" class="w-full bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 transition-colors">
-        </div>
-
-        <p class="text-center text-sm text-gray-600">
-          ¿Ya tenés una cuenta? <a href="login" class="text-blue-600 hover:underline">Iniciá sesión acá</a>.
-        </p>
-      </form>
     </div>
-  </div>
 
 </body>
+
 </html>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 413c46b..ca81162 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -1,20 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
-    <title>Laravel 12</title>
-</head>
-<body>
-    <div class="h-screen w-screen bg-amber-200">
-        <div class="w-full h-15 bg-red-800/40 flex items-center px-4">
-            <h1 class="font-bold text-3xl">Homepage</h1>
-            <div class="ml-auto flex gap-4">
-                <a href="login" class="hover:underline">Iniciar sesión</a>
-                <a href="register" class="hover:underline">Registrarse</a>
-            </div>
-        </div>
-    </div>
-</body>
-</html>
+<x-appc>
+    <x-slot name="title">Lauck - Inicio</x-slot>
+    <x-slot name="navTitle">Bienvenido</x-slot>
+</x-appc>
\ No newline at end of file