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

@section('content')
@php
    $lang = app()->getLocale();
@endphp

<div id="page-tenders" 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.tnd_hero_badge') }}</span>
        <h1 class="td-hero-title">{!! trans('app.tnd_hero_title') !!}</h1>
        <p class="td-hero-sub">{{ trans('app.tnd_hero_sub') }}</p>
      </div>
      <div class="td-hero-left">
        <div class="td-count-box">
          <div class="td-count-num" id="tenders-active-count">{{ $activeCount ?? $tenders->where('expiry_date','>=',date('Y-m-d'))->count() }}</div>
          <div class="td-count-lbl">{{ trans('app.tnd_count_lbl') }}</div>
          @if(false)
          <div class="td-count-line"></div>
          <div class="td-compliance">
            <div class="td-comp-row"><span class="td-comp-dot td-comp-green"></span><span>{{ trans('app.tnd_comp1') }}</span></div>
            <div class="td-comp-row"><span class="td-comp-dot td-comp-grey"></span><span>{{ trans('app.tnd_comp2') }}</span></div>
            <div class="td-comp-row"><span class="td-comp-dot td-comp-gold"></span><span>{{ trans('app.tnd_comp3') }}</span></div>
          </div>
          @endif
        </div>
      </div>
    </div>
  </div>

  <!-- شريط الفلاتر والقائمة -->
  <div class="td-body">
    <div class="td-filters-bar">
      <div class="td-filters-label">{{ trans('app.tnd_filters_lbl') }}</div>
      <div class="td-filters">
        <button class="td-filter on" data-tf="all">{{ trans('app.tnd_f_all') }}</button>
        <button class="td-filter" data-tf="active">{{ trans('app.tnd_f_active') }}</button>
        <button class="td-filter" data-tf="closed">{{ trans('app.tnd_f_closed') }}</button>
      </div>
      <div class="td-search-inline">
        <span class="td-search-icon">🔍</span>
        <input class="td-search-input" id="tenders-search" type="text" placeholder="{{ trans('app.search_placeholder') }}">
        <button class="td-search-clear" id="tenders-search-clear">✕</button>
      </div>
    </div>

    <!-- شبكة عرض كروت العطاءات المتوافقة 100% -->
    <div class="td-list" id="tenders-grid">
      @forelse($tenders as $item)
        @php
            // جلب النصوص المترجمة من قاعدة البيانات
            $title    = $item->{"title_$lang"};
            $category = $item->{"category_$lang"};

            // تنسيق التواريخ برمجياً عبر كربون
            $issueDate = $item->tender_date ? \Carbon\Carbon::parse($item->tender_date)->translatedFormat('j F Y') : '';
            $closeDate = $item->expiry_date ? \Carbon\Carbon::parse($item->expiry_date)->translatedFormat('j F Y') : '';

            // التحقق من حالة العطاء وحساب الأيام المتبقية
            $isClosed  = $item->status === 'closed' || (\Carbon\Carbon::parse($item->expiry_date)->isPast());
            $daysLeft  = !$isClosed ? \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($item->expiry_date), false) : 0;
        @endphp

        @if(!$isClosed)
          <!-- كرت العطاء النشط -->
          <div class="td-card td-card-active" style="cursor:pointer" onclick="location.href='{{ route('site.tender.detail', ['lang' => $lang, 'id' => $item->id]) }}'">
            <div class="td-col-status">
              <div class="td-status-dot td-dot-active"></div>
              <div class="td-status-lbl td-lbl-active">{{ trans('app.tnd_status_active') }}</div>
              @if($daysLeft > 0)
                <div class="td-deadline-warn td-warn-ok">{{ $daysLeft }} {{ trans('app.tnd_days') }}</div>
              @endif
            </div>
            <div class="td-col-body">
              <div class="td-ref"><span class="td-meta-key">{{ trans('app.tnd_ref_lbl') }}</span> {{ $item->id ?? $item->reference_number }}</div>
              <div class="td-title">{{ $title }}</div>
              <div class="td-meta">
                <div class="td-meta-row"><span class="td-meta-key">{{ trans('app.tnd_cat_lbl') }}</span><span style="font-size:.68rem;font-weight:700;color:var(--t2)">{{ $category }}</span></div>
                <div class="td-meta-row"><span class="td-meta-key">{{ trans('app.tnd_issue_lbl') }}</span><span style="font-weight:700;color:var(--t2)">{{ $issueDate }}</span></div>
                <div class="td-meta-row"><span class="td-meta-key">{{ trans('app.tnd_close_lbl') }}</span><span class="td-meta-date-ok">{{ $closeDate }}</span></div>
              </div>
            </div>
            <div class="td-col-action">
              <span class="td-dl-btn">{{ trans('app.tnd_view_details') }}</span>
            </div>
          </div>
        @else
          <!-- كرت العطاء المغلق -->
          <div class="td-card" style="cursor:pointer" onclick="location.href='{{ route('site.tender.detail', ['lang' => $lang, 'id' => $item->id]) }}'">
            <div class="td-col-status">
              <div class="td-status-dot td-dot-closed"></div>
              <div class="td-status-lbl td-lbl-closed">{{ trans('app.tnd_status_closed') }}</div>
            </div>
            <div class="td-col-body">
              <div class="td-ref"><span class="td-meta-key">{{ trans('app.tnd_ref_lbl') }}</span> {{ $item->tender_no ?? $item->reference_number }}</div>
              <div class="td-title">{{ $title }}</div>
              <div class="td-meta">
                <div class="td-meta-row"><span class="td-meta-key">{{ trans('app.tnd_cat_lbl') }}</span><span style="font-size:.68rem;font-weight:700;color:var(--t2)">{{ $category }}</span></div>
                <div class="td-meta-row"><span class="td-meta-key">{{ trans('app.tnd_issue_lbl') }}</span><span style="font-weight:700;color:var(--t2)">{{ $issueDate }}</span></div>
                <div class="td-meta-row"><span class="td-meta-key">{{ trans('app.tnd_closed_lbl') }}</span><span>{{ $closeDate }}</span></div>
              </div>
            </div>
            <div class="td-col-action">
              <span class="td-dl-btn" style="opacity:.5;pointer-events:none">{{ trans('app.tnd_btn_closed') }}</span>
            </div>
          </div>
        @endif

      @empty
        <div class="td-empty" style="padding: 3rem; text-align: center; color: var(--t3);">
          {{ trans('app.no_tenders') }}
        </div>
      @endforelse
    </div>

    {{-- الترقيم (Pagination) المتناسق --}}
    @if($tenders->hasPages())
      <div class="td-pagi-wrap" style="margin-top: 2rem;">
        {{ $tenders->appends(request()->query())->links('pagination::bootstrap-4') }}
      </div>
    @endif

  </div>

</div>
@endsection