@php
  // Use period_month (YYYY-MM-01) to derive the period displayed and filtering attributes
  $monthDate = isset($declaration->period_month) ? \Carbon\Carbon::parse($declaration->period_month) : null;
  $monthKey = $monthDate ? strtolower($monthDate->format('F')) : null;
  $t = \App\Helpers\TranslationHelper::getUserTranslations();
  $monthText = $monthDate ? ($t['translations']['months'][$monthKey] ?? $monthDate->translatedFormat('F')) : '—';
  if (function_exists('mb_strtolower') && $monthText) { $monthText = mb_strtolower($monthText, 'UTF-8'); }
  $periodLabel = $monthDate ? ($monthText . ' ' . $monthDate->format('Y')) : '—';
  // For the visible badge: show the actual declaration creation day, with month/year from the period
  $createdDate = isset($declaration->created_at) ? \Carbon\Carbon::parse($declaration->created_at) : null;
  $createdDayText = $createdDate ? $createdDate->format('d') : '';
  $periodMonthAbbr = '';
  $periodYearText = '';
  if ($monthDate) {
    $fullMonth = $t['translations']['months'][$monthKey] ?? $monthDate->translatedFormat('F');
    if (function_exists('mb_substr')) {
      $periodMonthAbbr = mb_strtolower(mb_substr($fullMonth, 0, 3, 'UTF-8'), 'UTF-8') . '.';
    } else {
      $periodMonthAbbr = strtolower(substr($fullMonth, 0, 3)) . '.';
    }
    $periodYearText = $monthDate->format('Y');
  }
  $modeMap = [
    'full' => ($t['translations']['declaration']['period_full'] ?? 'mois complet'),
    'custom' => ($t['translations']['declaration']['period_custom'] ?? 'dates personnalisées'),
    'free' => ($t['translations']['declaration']['period_free'] ?? 'montant libre'),
  ];
  $modeLabel = $modeMap[$declaration->period_mode ?? 'full'] ?? ($t['translations']['declaration']['period_full'] ?? 'mois complet');
  // Icon for mode
  $modeIconMap = [
    'full' => 'fa-calendar-check',
    'custom' => 'fa-calendar-alt',
    'free' => 'fa-euro-sign',
  ];
  $modeIcon = $modeIconMap[$declaration->period_mode ?? 'full'] ?? 'fa-calendar-alt';
  // Task type shown as badge in title row (using English service_type)
  $taskType = strtolower($declaration->task_type ?? 'cleaning');
  if ($taskType === 'dishwashing') {
    $taskClass = 'vaisselle';
    $taskIcon = 'fa-utensils';
    $taskText = $t['translations']['cleaning']['legend_dishwashing'] ?? 'vaisselle';
  } elseif ($taskType === 'bin') {
    $taskClass = 'poubelle';
    $taskIcon = 'fa-trash-alt';
    $taskText = $t['translations']['cleaning']['legend_bin'] ?? ($t['translations']['cleaning']['bin_task'] ?? 'poubelle');
  } else {
    // cleaning or default
    $taskClass = 'menage';
    $taskIcon = 'fa-broom';
    $taskText = $t['translations']['cleaning']['legend_cleaning'] ?? 'ménage';
  }
  // Define client name with safe fallbacks to prevent undefined variable
  $clientName = $declaration->client_name
    ?? $declaration->client
    ?? $declaration->client_company_name
    ?? $declaration->household_name
    ?? ($t['translations']['interventions']['client'] ?? 'Client');
  $isValidated = (int)($declaration->status ?? 0) === 1;
  $statusClass = $isValidated ? 'validated' : 'pending';
  // Build localized period pieces already handled above (created day + period month/year)
@endphp

<div class="declaration-card package-card status-{{ $statusClass }}"
     data-id="{{ $declaration->id }}"
     data-year="{{ $monthDate ? $monthDate->format('Y') : '' }}"
     data-month="{{ $monthDate ? (int)$monthDate->format('n') : '' }}"
     data-declared="{{ isset($declaration->declared_amount) && is_numeric($declaration->declared_amount) ? (float)$declaration->declared_amount : 0 }}"
     data-monthly="{{ isset($declaration->monthly_package_amount) && is_numeric($declaration->monthly_package_amount) ? (float)$declaration->monthly_package_amount : 0 }}"
     data-period-key="{{ $monthDate ? $monthDate->format('Y-m') : '' }}"
     data-status="{{ (int)($declaration->status ?? 0) }}"
     data-updated="{{ $declaration->updated_at_iso ?? '' }}">
  <div class="card-header">
    <div class="card-left">
      @php
        $clientType = strtolower($declaration->client_type ?? '');
        $isParticulier = $clientType === 'particulier';
      @endphp
      
      @if($isParticulier)
        <div class="client-logo-container-small">
          <div class="client-logo-initials-small">
            @php
              $nameParts = explode(' ', trim($clientName));
              $initials = '';
              if (count($nameParts) >= 2) {
                $initials = strtoupper(substr($nameParts[0], 0, 1) . substr($nameParts[1], 0, 1));
              } else {
                $initials = strtoupper(substr($clientName, 0, 2));
              }
            @endphp
            {{ $initials }}
          </div>
        </div>
      @else
        <img class="client-logo" src="{{ $declaration->client_logo_url ?? asset('images/logos/default-client.png') }}" alt="{{ $clientName }}"/>
      @endif
      @if($monthDate)
        <div class="period-badge" aria-label="{{ $periodMonthAbbr }} {{ $periodYearText }}">
          <div class="my">
            <div class="month">{{ $periodMonthAbbr }}</div>
            <div class="year">{{ $periodYearText }}</div>
          </div>
        </div>
      @endif
    </div>
    <div class="card-main">
      <div class="card-title-row">
        <div class="client-name">{{ $clientName }}</div>
        @if(!empty($declaration->client_type))
          @php 
            $typeClass = strtolower($declaration->client_type);
            $typeKey = 'client_type_' . $typeClass;
            $typeLabel = $t['translations']['declaration'][$typeKey] ?? $declaration->client_type;
          @endphp
          <div class="client-type {{ $typeClass }}">{{ $typeLabel }}</div>
        @endif
      </div>
      @if(!empty($declaration->short_address))
        <div class="address">{{ $declaration->short_address }}</div>
      @endif
      <div class="meta">
        @php 
          // Backend now provides total declarations rows (all modes) as declarants_count.
          $declarantsCount = (int)($declaration->declarants_count ?? $declaration->participants_count ?? $declaration->workers_count ?? 1);
          if ($declarantsCount < 1) { $declarantsCount = 1; }
          $displayAmount = isset($declaration->user_share) ? (float)$declaration->user_share : (float)$declaration->declared_amount;
        @endphp
        <span class="declarants-title">{{ $t['translations']['declaration']['declarants_title'] ?? 'Déclarants' }}</span>
        <span class="declarants" title="{{ $t['translations']['declaration']['declarants_label'] ?? 'Déclarant(s) :' }}">
          <span class="count">{{ $declarantsCount }}</span>
          <i class="fas fa-user" aria-hidden="true"></i>
        </span>
      </div>
      <div class="amounts-row">
        <div class="amounts">
          <div class="amount-block">
            <div class="amount-title">{{ $t['translations']['declaration']['package_total_amount'] ?? ($t['translations']['declaration']['amount_title'] ?? 'Somme du service') }}</div>
            <div class="monthly-amount-line"><strong>{{ number_format((float)$declaration->monthly_package_amount, 2, ',', ' ') }} €</strong></div>
          </div>
        </div>
        <div class="mode-block">
          <div class="mode-title">{{ $t['translations']['declaration']['plage_mode'] ?? 'Plage & Mode' }}</div>
          <div class="mode-value"><i class="fas {{ $modeIcon }}" aria-hidden="true"></i> {{ $modeLabel }}</div>
        </div>
      </div>
    </div>
    <div class="card-right">
      <span class="service-badge {{ $taskClass }}"><i class="fas {{ $taskIcon }}" aria-hidden="true"></i> <span class="label">{{ $taskText }}</span></span>
      <div class="declared">
        <div class="label">{{ $t['translations']['declaration']['your_share_label'] ?? ($t['translations']['declaration']['declared_label'] ?? 'Déclaré') }}</div>
        <div class="value">{{ number_format($displayAmount, 2, ',', ' ') }} €</div>
      </div>
      <div class="card-actions">
        <button type="button"
                class="action-btn action-delete"
                data-declaration-id="{{ $declaration->id }}"
                aria-label="{{ $t['translations']['declaration']['delete_aria'] ?? 'Supprimer la déclaration' }}">
          <i class="fas fa-trash"></i>
          <span class="btn-text">{{ $t['translations']['declaration']['delete'] ?? 'Supprimer' }}</span>
        </button>
      </div>
    </div>
  </div>
  
</div>