From 17706ce10e33363dd886a543999a2878721f4972 Mon Sep 17 00:00:00 2001
From: QI SUN <lukesun2023@gmail.com>
Date: Wed, 26 Feb 2025 20:50:20 -0600
Subject: [PATCH] Creating the Views

---
 app/views/customers/alphabetized.html.erb  | 20 ++++++++++++++++++--
 app/views/customers/index.html.erb         | 20 ++++++++++++++++++--
 app/views/customers/missing_email.html.erb | 20 ++++++++++++++++++--
 config/routes.rb                           |  4 ++--
 4 files changed, 56 insertions(+), 8 deletions(-)

diff --git a/app/views/customers/alphabetized.html.erb b/app/views/customers/alphabetized.html.erb
index dc02535..27e88ce 100644
--- a/app/views/customers/alphabetized.html.erb
+++ b/app/views/customers/alphabetized.html.erb
@@ -1,2 +1,18 @@
-<h1>Customers#alphabetized</h1>
-<p>Find me in app/views/customers/alphabetized.html.erb</p>
+<section class="section">
+  <div class="container">
+    <h1 class="title">Customers (Alphabetized)</h1>
+    
+    <div class="buttons mb-4">
+      <%= link_to "View All", root_path, class: "button is-info" %>
+      <%= link_to "View Missing Email", customers_missing_email_path, class: "button is-warning" %>
+    </div>
+    
+    <div class="columns is-multiline">
+      <% @customers.each do |customer| %>
+        <div class="column is-one-third">
+          <%= render customer %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/app/views/customers/index.html.erb b/app/views/customers/index.html.erb
index 2aa04b9..4895b61 100644
--- a/app/views/customers/index.html.erb
+++ b/app/views/customers/index.html.erb
@@ -1,2 +1,18 @@
-<h1>Customers#index</h1>
-<p>Find me in app/views/customers/index.html.erb</p>
+<section class="section">
+  <div class="container">
+    <h1 class="title">All Customers</h1>
+    
+    <div class="buttons mb-4">
+      <%= link_to "View Alphabetized", customers_alphabetized_path, class: "button is-info" %>
+      <%= link_to "View Missing Email", customers_missing_email_path, class: "button is-warning" %>
+    </div>
+    
+    <div class="columns is-multiline">
+      <% @customers.each do |customer| %>
+        <div class="column is-one-third">
+          <%= render customer %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/app/views/customers/missing_email.html.erb b/app/views/customers/missing_email.html.erb
index d7a610d..69ca947 100644
--- a/app/views/customers/missing_email.html.erb
+++ b/app/views/customers/missing_email.html.erb
@@ -1,2 +1,18 @@
-<h1>Customers#missing_email</h1>
-<p>Find me in app/views/customers/missing_email.html.erb</p>
+<section class="section">
+  <div class="container">
+    <h1 class="title">Customers Missing Email</h1>
+    
+    <div class="buttons mb-4">
+      <%= link_to "View All", root_path, class: "button is-info" %>
+      <%= link_to "View Alphabetized", customers_alphabetized_path, class: "button is-info" %>
+    </div>
+    
+    <div class="columns is-multiline">
+      <% @customers.each do |customer| %>
+        <div class="column is-one-third">
+          <%= render customer %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/config/routes.rb b/config/routes.rb
index e013186..4d34964 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,7 +1,7 @@
 Rails.application.routes.draw do
   get "customers/index"
-  get "customers/alphabetized"
-  get "customers/missing_email"
+   get 'customers/alphabetized', to: 'customers#alphabetized'
+  get 'customers/missing_email', to: 'customers#missing_email'
   devise_for :admin_users, ActiveAdmin::Devise.config
   ActiveAdmin.routes(self)
   # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html