Tipitaka 分类页 三栏

api-v12/resources/views/library/tipitaka/category.blade.php

@@ -1,16 +1,20 @@
-{{-- resources/views/library/tipitaka/category.blade.php --}}
+{{-- resources/views/library/tipitaka/category.blade.php
+     Tipitaka 分类页 / 首页（$currentCategory['id'] 为 null 时是首页）
+     三栏：左边栏（大分类）/ 中间（子分类+过滤器+书籍列表）/ 右边栏（推荐+译者）
+--}}
 @extends('layouts.library')
 
-@section('title', $currentCategory['name'] . ' · 巴利书库-重构')
+@section('title', $currentCategory['name'] . ' · 巴利书库')
 
 @push('styles')
-@vite(['resources/css/modules/_tipitaka.css'])
+@vite('resources/css/modules/_tipitaka.css')
 @endpush
 
 @section('breadcrumb')
 <li class="breadcrumb-item">
     <a href="{{ route('library.home') }}">首页</a>
 </li>
+@if($currentCategory['id'])
 <li class="breadcrumb-item">
     <a href="{{ route('library.tipitaka.index') }}">三藏</a>
 </li>
@@ -25,70 +29,209 @@
 </li>
 @endif
 @endforeach
+@else
+<li class="breadcrumb-item active">三藏</li>
+@endif
 @endsection
 
 @section('content')
 <div class="page-body">
     <div class="container-xl wiki-layout">
 
-        {{-- 左侧边栏 --}}
+        {{-- ══ 左边栏：大分类导航 ══ --}}
         <aside class="wiki-sidebar-left">
+
+
+
+            {{-- 大分类 --}}
             <div class="wiki-sidebar-section">
-                <div class="wiki-sidebar-title">分类导航</div>
+                <div class="wiki-sidebar-title">分类</div>
                 <ul class="wiki-cat-list">
                     <li>
-                        <a href="{{ route('library.tipitaka.index') }}">
-                            <i class="ti ti-home me-1"></i>三藏首页
+                        <a href="{{ route('library.tipitaka.index') }}"
+                            class="{{ !$currentCategory['id'] ? 'active' : '' }}">
+                            全部
                         </a>
                     </li>
-                    @foreach($breadcrumbs as $breadcrumb)
+                    @foreach($types as $type)
                     <li>
-                        <a href="{{ route('library.tipitaka.category', ['id' => $breadcrumb['id']]) }}"
-                            class="{{ $loop->last ? 'active' : '' }}">
-                            {{ $breadcrumb['name'] }}
+                        <a href="{{ route('library.tipitaka.category', ['id' => $type['id']]) }}"
+                            class="{{ ($currentCategory['id'] ?? null) == $type['id'] ? 'active' : '' }}">
+                            {{ $type['name'] }}
                         </a>
                     </li>
                     @endforeach
                 </ul>
             </div>
+
         </aside>
 
-        {{-- 主内容区 --}}
+        {{-- ══ 主内容 ══ --}}
         <main class="wiki-main">
 
-            {{-- 子分类 --}}
+            {{-- 搜索框 --}}
+            <div>
+                <x-ui.search-input
+                    :action="route('library.search')"
+                    :value="request('q')"
+                    placeholder="搜索三藏原文译文"
+                    :hidden-fields="['type' => 'tipitaka']" />
+            </div>
+
+            {{-- 1. 子分类 --}}
             @if(count($subCategories) > 0)
-            <div class="wiki-card">
-                <div class="wiki-sidebar-title" style="margin-bottom: 1rem;">子分类</div>
-                <div class="book-grid" style="grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));">
-                    @foreach($subCategories as $subCategory)
-                    <a href="{{ route('library.tipitaka.category', ['id' => $subCategory['id']]) }}"
-                        class="wiki-featured-card">
-                        <div class="wiki-featured-title">{{ $subCategory['name'] }}</div>
-                    </a>
-                    @endforeach
+            <div class="wiki-card tipitaka-filters">
+                <div class="tipitaka-filter-row">
+                    <span class="tipitaka-filter-label">子分类</span>
+                    <div class="tipitaka-filter-pills">
+                        @foreach($subCategories as $sub)
+                        <a href="{{ route('library.tipitaka.category', ['id' => $sub['id']]) }}"
+                            class="tipitaka-pill">
+                            <div class="wiki-featured-title">{{ $sub['name'] }}</div>
+                        </a>
+                        @endforeach
+                    </div>
                 </div>
             </div>
             @endif
 
-            {{-- 书籍列表 --}}
-            <div class="wiki-card">
-                <div class="wiki-sidebar-title" style="margin-bottom: 1rem;">
-                    {{ $currentCategory['name'] }}
+            {{-- 2. 过滤器区 --}}
+            <div class="wiki-card tipitaka-filters">
+
+                {{-- 类型 --}}
+                <div class="tipitaka-filter-row">
+                    <span class="tipitaka-filter-label">类型</span>
+                    <div class="tipitaka-filter-pills">
+                        @foreach($filterOptions['types'] as $opt)
+                        <a href="{{ request()->fullUrlWithQuery(['type' => $opt['value'], 'page' => null]) }}"
+                            class="tipitaka-pill {{ $selected['type'] === $opt['value'] ? 'tipitaka-pill--active' : '' }}">
+                            {{ $opt['label'] }}
+                            @if($opt['count'] > 0)
+                            <span class="tipitaka-pill-count">{{ $opt['count'] }}</span>
+                            @endif
+                        </a>
+                        @endforeach
+                    </div>
+                </div>
+
+                {{-- 语言 --}}
+                <div class="tipitaka-filter-row">
+                    <span class="tipitaka-filter-label">语言</span>
+                    <div class="tipitaka-filter-pills">
+                        @foreach($filterOptions['languages'] as $opt)
+                        <a href="{{ request()->fullUrlWithQuery(['lang' => $opt['value'], 'page' => null]) }}"
+                            class="tipitaka-pill {{ $selected['lang'] === $opt['value'] ? 'tipitaka-pill--active' : '' }}">
+                            {{ $opt['label'] }}
+                            @if($opt['count'] > 0)
+                            <span class="tipitaka-pill-count">{{ $opt['count'] }}</span>
+                            @endif
+                        </a>
+                        @endforeach
+                    </div>
+                </div>
+
+                {{-- 作者 --}}
+                <div class="tipitaka-filter-row">
+                    <span class="tipitaka-filter-label">作者</span>
+                    <select class="form-select form-select-sm tipitaka-author-select"
+                        onchange="window.location=this.value">
+                        @foreach($filterOptions['authors'] as $opt)
+                        <option value="{{ request()->fullUrlWithQuery(['author' => $opt['value'], 'page' => null]) }}"
+                            {{ $selected['author'] === $opt['value'] ? 'selected' : '' }}>
+                            {{ $opt['label'] }}@if($opt['count'] > 0)（{{ $opt['count'] }}）@endif
+                        </option>
+                        @endforeach
+                    </select>
+                </div>
+
+                {{-- 清除过滤器 --}}
+                @php
+                $hasFilter = $selected['type'] !== 'all'
+                || $selected['lang'] !== 'all'
+                || $selected['author'] !== 'all';
+                @endphp
+                @if($hasFilter)
+                <div class="tipitaka-filter-clear">
+                    <a href="{{ request()->fullUrlWithQuery(['type' => null, 'lang' => null, 'author' => null, 'page' => null]) }}"
+                        class="tipitaka-clear-btn">
+                        <i class="ti ti-x"></i> 清除过滤器
+                    </a>
                 </div>
+                @endif
+
+            </div>
+
+            {{-- 3. 排序 + 结果数 --}}
+            <div class="tipitaka-sort-bar">
+                <span class="tipitaka-sort-bar__count">
+                    共 <strong>{{ $totalCount }}</strong> 本
+                </span>
+                <div class="tipitaka-sort-bar__right">
+                    <span class="tipitaka-sort-bar__label">排序</span>
+                    <select class="form-select form-select-sm tipitaka-sort-select"
+                        onchange="window.location=this.value">
+                        <option value="{{ request()->fullUrlWithQuery(['sort' => 'updated_at']) }}"
+                            {{ $selected['sort'] === 'updated_at' ? 'selected' : '' }}>最新</option>
+                        <option value="{{ request()->fullUrlWithQuery(['sort' => 'title']) }}"
+                            {{ $selected['sort'] === 'title' ? 'selected' : '' }}>标题</option>
+                        <option value="{{ request()->fullUrlWithQuery(['sort' => 'author']) }}"
+                            {{ $selected['sort'] === 'author' ? 'selected' : '' }}>作者</option>
+                    </select>
+                </div>
+            </div>
+
+            {{-- 4. 书籍列表 --}}
+            <div class="wiki-card">
                 <x-ui.book-grid :books="$categoryBooks" />
             </div>
 
         </main>
 
-        {{-- 右侧边栏 --}}
+        {{-- ══ 右边栏 ══ --}}
         <aside class="wiki-sidebar-right">
+
+            {{-- 本周推荐 --}}
+            @if(!empty($recommended))
             <div class="wiki-sidebar-section">
-                <div class="wiki-sidebar-title">当前分类</div>
-                <div style="font-size: 0.875rem; color: var(--tblr-body-color); font-weight: 500;">
-                    {{ $currentCategory['name'] }}
-                </div>
+                <div class="wiki-sidebar-title">本周推荐</div>
+                <ul class="wiki-cat-list">
+                    @foreach($recommended as $item)
+                    <li>
+                        <a href="{{ route('library.tipitaka.show', $item['id']) }}">
+                            {{ $item['title'] }}
+                            <span class="wiki-cat-count">{{ $item['category'] }}</span>
+                        </a>
+                    </li>
+                    @endforeach
+                </ul>
+            </div>
+            @endif
+
+            {{-- 活跃译者 --}}
+            @if(!empty($activeAuthors))
+            <div class="wiki-sidebar-section">
+                <div class="wiki-sidebar-title">活跃译者</div>
+                <ul class="tipitaka-author-list">
+                    @foreach($activeAuthors as $author)
+                    <li>
+                        <a href="{{ request()->fullUrlWithQuery(['author' => \Str::slug($author['name']), 'page' => null]) }}"
+                            class="tipitaka-author-item">
+                            <x-ui.author-avatar
+                                :avatar="$author['avatar'] ?? null"
+                                :color="$author['color']"
+                                :initials="$author['initials']"
+                                size="sm" />
+                            <div class="tipitaka-author-item__info">
+                                <span class="tipitaka-author-item__name">{{ $author['name'] }}</span>
+                                <span class="tipitaka-author-item__count">{{ $author['count'] }} 本</span>
+                            </div>
+                        </a>
+                    </li>
+                    @endforeach
+                </ul>
             </div>
+            @endif
+
         </aside>
 
     </div>