From efab35877b66cf41465863fd888a5f024217f247 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Halil=20=C4=B0brahim=20Kalkan?= <hi_kalkan@yahoo.com>
Date: Sun, 24 Jan 2021 16:49:28 +0300
Subject: [PATCH] Revised Event Details page.

---
 .../Localization/EventHub/en.json             |  3 +-
 .../EventHub.Web/Pages/Events/Detail.cshtml   | 36 ++++++++++++++++---
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/eventhub/src/EventHub.Domain.Shared/Localization/EventHub/en.json b/eventhub/src/EventHub.Domain.Shared/Localization/EventHub/en.json
index 2e7a9a5..c3afe4a 100644
--- a/eventhub/src/EventHub.Domain.Shared/Localization/EventHub/en.json
+++ b/eventhub/src/EventHub.Domain.Shared/Localization/EventHub/en.json
@@ -24,6 +24,7 @@
     "SeeOrganization": "See Organization",
     "Organization": "Organization",
     "Submit": "Submit",
-    "SeeEvent": "See Event"
+    "SeeEvent": "See Event",
+    "RegisterNow": "Register Now"
   }
 }
diff --git a/eventhub/src/EventHub.Web/Pages/Events/Detail.cshtml b/eventhub/src/EventHub.Web/Pages/Events/Detail.cshtml
index 469d4e0..9b95047 100644
--- a/eventhub/src/EventHub.Web/Pages/Events/Detail.cshtml
+++ b/eventhub/src/EventHub.Web/Pages/Events/Detail.cshtml
@@ -1,6 +1,34 @@
 @page "/events/{url}"
+@inject IHtmlLocalizer<EventHubResource> L
+@using EventHub.Localization
+@using Microsoft.AspNetCore.Mvc.Localization
 @model EventHub.Web.Pages.Events.Detail
-<h1>@Model.Event.Title</h1>
-<p>
-    @Model.Event.Description
-</p>
+<abp-row>
+    <abp-column size-lg="_8" size-md="_6">
+        <abp-card class="mb-3">
+            <img abp-card-image="Top" src="https://picsum.photos/seed/@Model.Event.Id.ToString()/400/160?blur=8" alt="@Model.Event.Title"/>
+            <abp-card-body>
+                <abp-card-title>@Model.Event.Title</abp-card-title>
+                <abp-card-subtitle>@Model.Event.StartTime.ToLongDateString(), @Model.Event.StartTime.ToString("hh:mm")</abp-card-subtitle>
+                <abp-card-text>
+                    @Model.Event.Description
+                </abp-card-text>
+            </abp-card-body>
+        </abp-card>
+    </abp-column>
+    <abp-column size-lg="_4" size-md="_6">
+        <abp-card class="mb-3">
+            <abp-card-body>
+                <a abp-button="Primary" href="#"> @L["RegisterNow"]</a>
+            </abp-card-body>
+        </abp-card>
+        <abp-card class="mb-3">
+            <abp-card-body>
+                <abp-card-title>Attendees</abp-card-title>
+                <abp-card-text>
+                    TODO
+                </abp-card-text>
+            </abp-card-body>
+        </abp-card>
+    </abp-column>
+</abp-row>