@extends('site.layout.layout')
@section('url'){{ Request::fullUrl() }}@stop

@section('content')
<main id="main">

@php
    $lang = app()->getLocale();

    $typeMap = [
        2 => ['color' => 'var(--sage,#6b8e6b)',  'filter' => 'report'],
        3 => ['color' => 'var(--gold,#c8a84e)',  'filter' => 'field'],
        4 => ['color' => 'var(--blue,#4a7fb5)',  'filter' => 'financial'],
    ];
@endphp

<div id="page-publications" class="page-view active">
  <div class="td-hero">
    <div class="td-hero-inner">
      <div class="td-hero-right">
        <span class="td-hero-badge">{{ trans('app.pub_hero_badge') }}</span>
        <h1 class="td-hero-title">{{ trans('app.pub_hero_title') }} <em>{{ trans('app.pub_hero_title_em') }}</em></h1>
        <p class="td-hero-sub">{{ trans('app.pub_hero_sub') }}</p>
      </div>
      <div class="td-hero-left">
        <div class="td-count-box">
          <div class="td-count-num" id="pub-count">{{ $publications->total() }}</div>
          <div class="td-count-lbl">{{ trans('app.pub_count_lbl') }}</div>
          <div class="td-count-line"></div>
          <div class="td-compliance">
            @foreach($categories as $cat)
              @php $info = $typeMap[$cat->value] ?? ['color' => 'var(--t3)', 'filter' => '']; @endphp
              <div class="td-comp-row">
                <span class="td-comp-dot" style="background:{{ $info['color'] }}"></span>
                <span>{{ $cat->{"name_$lang"} }}</span>
              </div>
            @endforeach
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="td-body">
    <div class="td-filters-bar">
      <div class="td-filters-label">{{ trans('app.pub_filter_lbl') }}</div>
      <div class="td-filters">
        <a class="td-filter {{ !request('category') || request('category') == 'all' ? 'on' : '' }}"
           href="{{ url("$lang/publications") }}">
          {{ trans('app.pub_filter_all') }}
        </a>
        @foreach($categories as $cat)
          <a class="td-filter {{ request('category') == $cat->value ? 'on' : '' }}"
             href="{{ url("$lang/publications?category=$cat->value") }}">
            {{ $cat->{"name_$lang"} }}
          </a>
        @endforeach
      </div>

      <form class="td-search-inline" method="GET" action="{{ url("$lang/publications") }}">
        @if(request('category'))
          <input type="hidden" name="category" value="{{ request('category') }}">
        @endif
        <span class="td-search-icon">🔍</span>
        <input class="td-search-input" name="search" type="text"
               placeholder="{{ trans('app.pub_search_ph') }}"
               value="{{ request('search') }}">
        @if(request('search'))
          <a class="td-search-clear" href="{{ url("$lang/publications") . (request('category') ? '?category='.request('category') : '') }}">✕</a>
        @endif
      </form>

      <div class="td-total-label">
        {{ trans('app.pub_showing') }}
        <span id="pub-showing-count">{{ $publications->total() }}</span>
        {{ trans('app.pub_showing_unit') }}
      </div>
    </div>

    <div class="td-list" id="pub-grid">
      @forelse($publications as $pub)
        @php
            $info     = $typeMap[$pub->category_id] ?? ['color' => 'var(--t3)', 'filter' => ''];
            $catName  = $pub->category->{"name_$lang"} ?? '';
            $title    = $pub->{"title_$lang"};
            $desc     = \Illuminate\Support\Str::limit(strip_tags($pub->{"details_$lang"}), 150);
            $date     = $pub->news_date ? \Carbon\Carbon::parse($pub->news_date)->translatedFormat('d F Y') : '';
            $pdfLink  = $pub->pdf_file ? asset('uploads/'.$pub->pdf_file) : null;
        @endphp

        <div class="td-card td-card-active" style="cursor:default;align-items:center">
          <div class="td-col-status" style="min-width:90px">
            <span class="td-status-dot" style="background:{{ $info['color'] }}"></span>
            <div class="td-status-lbl" style="color:{{ $info['color'] }};font-size:.72rem">{{ $catName }}</div>
          </div>
          <div class="td-col-body" style="flex:1">
            <div class="td-card-title" style="font-size:1.05rem;font-weight:700;margin-bottom:.5rem;line-height:1.4">{{ $title }}</div>
            <div class="td-card-desc" style="font-size:.82rem;color:var(--t2);line-height:1.6;margin-bottom:.6rem">{{ $desc }}</div>
            <div style="display:flex;gap:1.2rem;font-size:.78rem;color:var(--t3)">
              @if($date)<span>📅 {{ $date }}</span>@endif
              @if($pub->pdf_pages)<span>📄 {{ $pub->pdf_pages }} {{ trans('app.pub_pages') }}</span>@endif
            </div>
          </div>
          <div class="td-col-action" style="gap:.6rem">
            @if($pdfLink)
              <a class="td-dl-btn" href="{{ $pdfLink }}" target="_blank">{{ trans('app.pub_download') }}</a>
            @else
              <a class="td-dl-btn" href="#" onclick="alert('{{ trans('app.pub_download_soon') }}');return false;">{{ trans('app.pub_download') }}</a>
            @endif
            <a class="td-dl-btn pub-preview-btn" href="{{ url("$lang/news/$pub->id") }}">{{ trans('app.pub_preview') }}</a>
          </div>
        </div>
      @empty
        <div style="text-align:center;padding:3rem;color:var(--t3)">
          {{ trans('app.pub_empty') }}
        </div>
      @endforelse
    </div>

    @if($publications->hasPages())
      <div style="display:flex;justify-content:center;padding:2rem 0;">
        {{ $publications->appends(request()->query())->links() }}
      </div>
    @endif

  </div>
</div>

</main>
@endsection