From 2a26008e8704eb2c9b51d952d117220d3334b2c5 Mon Sep 17 00:00:00 2001
From: Leonid Nikitin <i@kor-elf.net>
Date: Sat, 25 Jul 2026 23:09:49 +0500
Subject: [PATCH] Add breadcrumbs to site views

- Introduce breadcrumb SCSS styles and integrate `breadcrumbs/site.blade.php`.
- Update SCSS imports to include new breadcrumb styles.
---
 app/application/resources/site/scss/app.scss  |  1 +
 .../resources/site/scss/breadcrumb.scss       | 45 +++++++++++++++++++
 .../views/breadcrumbs/site.blade.php          | 13 ++++++
 3 files changed, 59 insertions(+)
 create mode 100644 app/application/resources/site/scss/breadcrumb.scss
 create mode 100644 app/application/resources/views/breadcrumbs/site.blade.php

diff --git a/app/application/resources/site/scss/app.scss b/app/application/resources/site/scss/app.scss
index c1e24ad..dc85f25 100644
--- a/app/application/resources/site/scss/app.scss
+++ b/app/application/resources/site/scss/app.scss
@@ -1,6 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 @import "reset";
 @import "forms";
+@import "breadcrumb";
 
 html,
 body {
diff --git a/app/application/resources/site/scss/breadcrumb.scss b/app/application/resources/site/scss/breadcrumb.scss
new file mode 100644
index 0000000..20aeaf6
--- /dev/null
+++ b/app/application/resources/site/scss/breadcrumb.scss
@@ -0,0 +1,45 @@
+.breadcrumb-container {
+    display: flex;
+    flex-wrap: wrap;
+    padding: .5rem 1rem;
+    margin-bottom: 1rem;
+    list-style: none;
+    background-color: #eee;
+    border-radius: .5rem;
+}
+
+.breadcrumb-item+.breadcrumb-item {
+    padding-left: .5rem
+}
+
+.breadcrumb-item+.breadcrumb-item:before {
+    float: left;
+    padding-right: .5rem;
+    color: #4b5563;
+    content: "/";
+}
+
+.breadcrumb-item.active {
+    color: #4b5563;
+    font-weight: 400;
+}
+
+.breadcrumb-item {
+    font-size: .75rem
+}
+
+.breadcrumb-item,.breadcrumb-item a {
+    color: #374151;
+    font-weight: 400;
+    font-size: .75rem;
+}
+.breadcrumb-item a:hover {
+    color: #00040b;
+    text-decoration: none;
+}
+
+@media (min-width: 576px) {
+    .breadcrumb-item,.breadcrumb-item a {
+        font-size:.875rem
+    }
+}
diff --git a/app/application/resources/views/breadcrumbs/site.blade.php b/app/application/resources/views/breadcrumbs/site.blade.php
new file mode 100644
index 0000000..72f74c1
--- /dev/null
+++ b/app/application/resources/views/breadcrumbs/site.blade.php
@@ -0,0 +1,13 @@
+@unless ($breadcrumbs->isEmpty())
+    <nav aria-label="breadcrumb" class="breadcrumb">
+        <ol class="breadcrumb-container">
+            @foreach ($breadcrumbs as $breadcrumb)
+                @if ($breadcrumb->url && !$loop->last)
+                    <li class="breadcrumb-item"><a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a></li>
+                @else
+                    <li class="breadcrumb-item active" aria-current="page">{{ $breadcrumb->title }}</li>
+                @endif
+            @endforeach
+        </ol>
+    </nav>
+@endunless