@php
    $bIsHome = $bIsHome ?? false;
    $seo = $seo ?? \App\Services\Seo::articleMeta($oArticle);
    $recommendations = \App\Services\ArticleRecommendations::prepare($oArticle);
    $recommendations['body'] = \App\Services\ResourceArticlePresentation::body($recommendations['body'], $oArticle->oCategory?->sSlug);
    $articleBodyParts = explode(\App\Services\ArticleRecommendations::SLOT, $recommendations['body'], 2);
    $freeNodeLayout = $oArticle->oCategory?->sSlug === 'freenode'
        ? \App\Services\FreeNodeArticleLayout::prepare($recommendations['body']) : null;
@endphp

<x-app-layout
    :seo="$seo"
    :sSlug="$oCategory->sSlug ?? ''"
    :sTitle="$oArticle->sTitle . ' - ' . $oArticle->oCategory->sName"
    :sDesc="$oArticle->sTitleSub"
    sOgType="article"
    :sOgImg="$oArticle->sThumb"
    :sRobots="($bEditorialPreview ?? false) ? 'noindex, nofollow' : $seo['robots']"
    :bEditorialPreview="$bEditorialPreview ?? false"
>

{{--
    @section('sTitle', $oArticle->sTitle . ' - ' . ($oArticle->oCategory->sName ?? ''))
    @section('sDesc', $oArticle->sTitleSub ?? '')
    @section('sOgType', 'article')
--}}

<main class="site-main{{ $freeNodeLayout ? ' free-node-page' : '' }}">
   @if($bEditorialPreview ?? false)
   <div class="container"><div class="alert alert-info">草稿预览 · 版本 {{ $editorialRevision }} · {{ ($editorialDraftStatus ?? 'draft') === 'published' ? '此版本已有发布记录' : '尚未发布' }}</div></div>
   @endif
   <div class="container">
      <div class="d-none d-md-flex breadcrumbs text-muted mb-2">
          <span itemprop="itemListElement">
            <a href="/" itemprop="item" class="home">
              <span itemprop="name">首页</span>
            </a>
          </span>
          @if($oArticle->oCategory?->oParent)
            <span class="sep">
              <i class="text-primary iconfont icon-dot"></i>
            </span>
            <span itemprop="itemListElement">
                <a href="{{ \App\Services\Seo::url(\App\Services\Seo::categoryPath($oArticle->oCategory->oParent)) }}" itemprop="item">
                    <span itemprop="name">{{ $oArticle->oCategory->oParent->sName }}</span>
                </a>
            </span>
          @endif
          <span class="sep">
            <i class="text-primary iconfont icon-dot"></i>
          </span>
          <span itemprop="itemListElement">
              <a href="{{ \App\Services\Seo::url(\App\Services\Seo::categoryPath($oArticle->oCategory)) }}" itemprop="item">
                  <span itemprop="name">{{ $oArticle->oCategory->sName }}</span>
              </a>
          </span>
          <span class="sep">
              <i class="text-primary iconfont icon-dot"></i>
          </span>
          <span class="current">{{ $oArticle->sTitle }}</span>
      </div>
      <div class="row">
         <div class="content-wrapper col-lg-8">
            <div class="post card card-md">
               <div class="card-body">
                  @if($freeNodeLayout)
                      @include('pages.articles.freenode.header')
                  @else
                  <div class="post-title mb-3">
                     <h1 class="mb-3">{{ $oArticle->sTitle }}</h1>
                     <div class="post-meta text-xs">
                        <a href="/"><i class="text-sm iconfont icon-user1 me-1"></i>{{ config('app.name') }}</a>
                        <i class="text-primary iconfont icon-dot mx-2"></i>
                        <time class="text-muted" datetime="{{ $oArticle->created_at?->toAtomString() }}">发布于 {{ $oArticle->sCreatedAtDiff }}</time>
                     </div>
                  </div>
                  @endif
                  <div class="post-content">
                    @if($freeNodeLayout)
                        @include('pages.articles.freenode.content')
                    @else
                    @if ($oArticle->bPageThumb && $oArticle->sThumb)
                    <p>
                        <img decoding="async" alt="" class="size-full wp-image-28 aligncenter" src="{{ $oArticle->sThumb }}" style="border-radius: 6px;">
                    </p>
                    @endif
                    {!! nl2br(\App\Services\Seo::body($articleBodyParts[0])) !!}
                    @if($recommendations['inline'])
                        @include('components.airport-recommendations')
                        {!! nl2br(\App\Services\Seo::body($articleBodyParts[1])) !!}
                    @elseif($recommendations['enabled'])
                        @include('components.airport-recommendations')
                    @endif
                    @endif
                  </div>


                  @include('components.article-ads')

                  <div class="post-tags mt-3 mt-md-4">
                      <div class="">
                        @foreach($oArticle->oTags as $oTag)
                          <a href="/tag/{{ $oTag->sSlug }}" rel="tag"><span># {{ $oTag->sName }}</span></a>
                        @endforeach
                      </div>
                  </div>

                  @unless($bEditorialPreview ?? false)
                  <div class="post-actions d-flex align-items-center my-3 my-md-4">
                     <a href="javascript:;"
                        class="post-like-button btn btn-light btn-w-md btn-rounded me-2"
                        data-action="like" data-id="{{ $oArticle->id }}">
                        <i class="text-lg iconfont icon-like"></i>
                        <span class="like-count">{{ $oArticle->iLikeCount }}</span>
                     </a>
                     <div class="flex-fill"></div>
                     <a href="javascript:;" class="btn btn-light btn-icon btn-rounded btn-share-toggler">
                     <span><i class="iconfont icon-share-square"></i></span>
                     </a>
                     <template id="single-share-template">
                        <div class="row g-0 text-center justify-content-center py-3 py-md-4 mx-md-0">
                           <div class="col-4 col-md-3">
                                <a href="javascript:;" id="urlCopy"  data-clipboard-text="{{ $seo['canonical'] }}" class="d-inline-block copy-permalink">
                                 <div class="btn btn-light btn-icon btn-md btn-rounded mb-1">
                                    <span><i class="iconfont icon-link"></i></span>
                                 </div>
                                 <div class="text-secondary text-xs mt-1">复制链接</div>
                              </a>
                           </div>
                        </div>
                     </template>
                  </div>
                  @endunless
    
               </div>
            </div>
    
         </div>
    
         <div class="sidebar col-lg-4 d-none d-lg-block ms-lg-auto ">
            @unless($bEditorialPreview ?? false)
            @include('components.order-likes')
            @endunless
            <!-- @include('components.generated-tags-cloud') -->
         </div>

      </div>
   </div>
</main>

</x-app-layout>