From 40f101057350347317618252fd2fda3f170a982a Mon Sep 17 00:00:00 2001
From: Sergey Chebotar <s.chebotar@gmail.com>
Date: Fri, 10 Feb 2023 07:36:29 +0300
Subject: Add fancybox lightbox

---
 Views/Home/Index.cshtml | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'Views/Home/Index.cshtml')

diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index 1d96040..574c54b 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -15,9 +15,9 @@
         </button>
         <div class="collapse navbar-collapse" id="navbarResponsive">
             <ul class="navbar-nav ms-auto">
-                    <li class="nav-item"><a class="nav-link" href="#about">О нас</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#projects">Комплекты</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#signup">Заказать</a></li>
+                <li class="nav-item"><a class="nav-link" href="#about">О нас</a></li>
+                <li class="nav-item"><a class="nav-link" href="#projects">Комплекты</a></li>
+                <li class="nav-item"><a class="nav-link" href="#signup">Заказать</a></li>
             </ul>
         </div>
     </div>
@@ -27,7 +27,7 @@
     <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
         <div class="d-flex justify-content-center">
             <div class="text-center">
-                <img class="mx-auto my-0" height="140" src="/assets/img/logo.svg"/>
+                <img class="mx-auto my-0" height="140" src="/assets/img/logo.svg" />
                 <h2 class="text-white-50 mx-auto mt-2 mb-5">Нижнее бельё ручной работы по индивидуальным меркам</h2>
                 <a class="btn btn-primary" href="#about">Узнать больше</a>
             </div>
@@ -59,8 +59,13 @@
             {
                 <div class="col mb-5">
                     <div class="card h-100">
-                        <a asp-controller="Bundle" asp-action="Show" asp-route-id="@bundle.Id"><img class="card-img-top"
-                                src="@bundle.Figures.FirstOrDefault()?.FilePath" alt="..." /></a>
+                        <a data-src="@bundle.Figures.FirstOrDefault()?.FilePath" data-fancybox="@bundle.Id"
+                            data-caption="@bundle.Description"><img class="card-img-top"
+                                src="@bundle.Figures.FirstOrDefault()?.FilePath" alt="@bundle.Name" /></a>
+                        @for (int i = 1; i < @bundle.Figures.Count(); i++)
+                        {
+                            <a data-src="@bundle.Figures[i].FilePath" data-fancybox="@bundle.Id"></a>
+                        }
                         <div class="card-body p-4">
                             <div class="text-center">
                                 <h5 class="fw-bolder">@bundle.Name</h5>
-- 
cgit v1.2.3