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

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

    
    $title    = $tender->{"title_$lang"};
    $details  = $tender->{"details_$lang"};
    $category = $tender->{"category_$lang"};

 
    $issueDate = $tender->tender_date ? \Carbon\Carbon::parse($tender->tender_date)->translatedFormat('j F Y') : '';
    $closeDate = $tender->expiry_date ? \Carbon\Carbon::parse($tender->expiry_date)->translatedFormat('j F Y') : '';

    $isClosed  = $tender->status === 'closed' || (\Carbon\Carbon::parse($tender->expiry_date)->isPast());
    $daysLeft  = !$isClosed ? \Carbon\Carbon::now()->diffInDays(\Carbon\Carbon::parse($tender->expiry_date), false) : 0;
@endphp

<div id="page-tender-detail" class="page-view active" style="padding: 4rem 5vw;">
  <div class="tdd-layout">

    <div class="tdd-main">
      <div class="tdd-status-row">
        @if(!$isClosed)
          <span class="tdd-status-badge tdd-badge-active" id="tdd-status-badge">{{ trans('app.tdd_status_active') }}</span>
        @else
          <span class="tdd-status-badge tdd-badge-closed" id="tdd-status-badge" style="background: var(--bg3); color: var(--t3);">{{ trans('app.tdd_status_closed') }}</span>
        @endif
        <span class="tdd-ref" id="tdd-ref">{{ $tender->id ?? $tender->reference_number }}</span>
        @if($category)
          <span class="tdd-cat-badge" id="tdd-cat-badge">{{ $category }}</span>
        @endif
      </div>

      <h1 class="tdd-title" id="tdd-title">{{ $title }}</h1>

      <div class="tdd-meta-grid">
        <div class="tdd-meta-item">
          <div class="tdd-meta-label">{{ trans('app.tdd_issued_lbl') }}</div>
          <div class="tdd-meta-val" id="tdd-issued">{{ $issueDate }}</div>
        </div>
        <div class="tdd-meta-item">
          <div class="tdd-meta-label">{{ trans('app.tdd_closes_lbl') }}</div>
          <div class="tdd-meta-val tdd-meta-deadline" id="tdd-closes">{{ $closeDate }}</div>
        </div>
        <div class="tdd-meta-item">
          <div class="tdd-meta-label">{{ trans('app.tdd_days_lbl') }}</div>
          @if(!$isClosed && $daysLeft > 0)
            <div class="tdd-meta-val" id="tdd-days" style="color: var(--sage);">{{ $daysLeft }} {{ trans('app.tdd_day_text') }}</div>
          @else
            <div class="tdd-meta-val" id="tdd-days" style="color: var(--rust);">{{ trans('app.tdd_ended') }}</div>
          @endif
        </div>
      </div>

      <div class="tdd-section">
        <div class="tdd-section-title">{{ trans('app.tdd_scope') }}</div>
        <div class="tdd-desc story-content-area" id="tdd-desc" style="line-height: 1.8; color: var(--t2);">
          {!! $details !!}
        </div>
      </div>

      @if(false)
      <div class="tdd-section">
        <div class="tdd-section-title">{{ trans('app.tdd_terms_title') }}</div>
        <div class="tdd-terms">
          <div class="tdd-term-row"><span class="tdd-term-icon">◆</span><span>{{ trans('app.tdd_term1') }}</span></div>
          <div class="tdd-term-row"><span class="tdd-term-icon">◆</span><span>{{ trans('app.tdd_term2') }}</span></div>
          <div class="tdd-term-row"><span class="tdd-term-icon">◆</span><span>{!! trans('app.tdd_term3') !!}</span></div>
          <div class="tdd-term-row"><span class="tdd-term-icon">◆</span><span>{{ trans('app.tdd_term4') }}</span></div>
        </div>
      </div>
      @endif
    </div>

    <aside class="tdd-sidebar">
      <div class="tdd-back-wrap">
        <button class="tdd-back" id="tdd-back" onclick="location.href='{{ route('site.tenders', ['lang' => $lang]) }}'">
          <span>{{ $lang == 'ar' ? '←' : '→' }}</span> <span>{{ trans('app.tdd_back') }}</span>
        </button>
        <div class="tdd-breadcrumb">
          <span>{{ trans('app.nav_tenders') }}</span>
          <span class="tdd-bc-sep">/</span>
          <span id="tdd-bc-ref">{{ $tender->tender_no ?? $tender->reference_number }}</span>
        </div>
      </div>

      <div class="tdd-action-card" id="tdd-action-card">
        @if(!$isClosed && $daysLeft > 0)
          <div class="tdd-action-timer" id="tdd-action-timer">{{ $daysLeft }} {{ trans('app.tdd_timer_suffix') }}</div>
          @if($tender->pdf_file)
            <a class="tdd-dl-btn" id="tdd-dl-btn" href="{{ asset('uploads/'.$tender->pdf_file) }}" download target="_blank" style="display: flex;">
              <span>{{ trans('app.tdd_dl_btn') }}</span>
              <span class="tdd-dl-arr">↓</span>
            </a>
          @endif
        @else
          <div class="tdd-action-timer" id="tdd-action-timer" style="color: var(--t3);">{{ trans('app.tdd_ended_status') }}</div>
          <a class="tdd-dl-btn" id="tdd-dl-btn" href="#" onclick="return false;" style="display: flex; opacity: 0.4; pointer-events: none;">
            <span>{{ trans('app.tdd_dl_btn_disabled') }}</span>
          </a>
        @endif
      </div>

      @if(false)
      <div class="tdd-contact-card">
        <div class="tdd-contact-title">{{ trans('app.tdd_contact_title') }}</div>
        <div class="tdd-contact-row">
          <span class="tdd-contact-label">{{ trans('app.tdd_email_lbl') }}</span>
          <span class="tdd-contact-val">tenders@safe-gaza.org</span>
        </div>
        <div class="tdd-contact-row">
          <span class="tdd-contact-label">{{ trans('app.tdd_standards_lbl') }}</span>
          <span class="tdd-contact-val">UNDP Procurement</span>
        </div>
      </div>
      @endif

      @if(isset($relatedTenders) && $relatedTenders->count() > 0)
        <div class="tdd-other-tenders">
          <div class="tdd-other-title">{{ trans('app.tdd_other_title') }}</div>
          <div id="tdd-other-list">
            @foreach($relatedTenders as $other)
              <div class="tdd-other-item" onclick="location.href='{{ route('site.tender.detail', ['lang' => $lang, 'id' => $other->id]) }}'">
                <div class="tdd-other-ref">{{ $other->tender_no ?? $other->reference_number }}</div>
                <div class="tdd-other-ttl">{{ $other->{"title_$lang"} }}</div>
              </div>
            @endforeach
          </div>
        </div>
      @endif
    </aside>

  </div>
</div>
@endsection