citrus/resources/views/front/career/partials/list.blade.php

<!-- Interns Table & Management List -->
<div class="bg-white rounded-3xl p-6 md:p-8 shadow-xl border border-slate-100/50">
  <h3 class="font-bold text-slate-800 text-lg mb-6 pb-4 border-b border-slate-100 flex items-center gap-2">
    <i class="uil uil-list-ul text-[#e31e24] text-xl"></i>
    <span>Stajyer Listesi ve Detaylı Takip</span>
  </h3>

  <div class="overflow-x-auto">
    <table class="w-full text-left border-collapse">
      <thead>
        <tr class="border-b border-slate-100 text-xs font-extrabold uppercase tracking-wider text-slate-400">
          <th class="pb-4">Stajyer</th>
          <th class="pb-4">Staj Tarihleri</th>
          <th class="pb-4">Defter İlerlemesi</th>
          <th class="pb-4">Durum</th>
          <th class="pb-4">Belgeler</th>
          <th class="pb-4">GitHub & Repo</th>
          <th class="pb-4">Kayıt Tarihi</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100">
        @foreach($allInterns as $intern)
          <tr class="hover:bg-slate-50/50 transition-colors">
            <!-- Name & Info -->
            <td class="py-4">
              <div class="font-bold text-slate-800 text-sm cursor-pointer hover:underline hover:text-blue-600 flex items-center gap-1.5" onclick="openInternJournalModal({{ $intern->id }})">
                <span>{{ $intern->name }}</span>
                <span class="inline-flex px-1.5 py-0.5 rounded-md bg-blue-50 text-blue-600 text-[9px] font-extrabold uppercase border border-blue-100 tracking-wider">Defteri İncele</span>
              </div>
              <div class="text-xs text-slate-400 mt-0.5 flex flex-col gap-0.5">
                <span><i class="uil uil-envelope mr-1"></i>{{ $intern->email }}</span>
                @if($intern->phone)
                  <span><i class="uil uil-phone mr-1"></i>{{ $intern->phone }}</span>
                @endif
              </div>
            </td>
            
            <!-- Internship Dates -->
            <td class="py-4 text-xs font-semibold text-slate-600">
              @if($intern->internship_start_date && $intern->internship_end_date)
                <div class="flex flex-col">
                  <span>{{ \Carbon\Carbon::parse($intern->internship_start_date)->format('d.m.Y') }} - {{ \Carbon\Carbon::parse($intern->internship_end_date)->format('d.m.Y') }}</span>
                  <span class="text-blue-500 font-extrabold mt-0.5">{{ $intern->internship_total_days }} İş Günü</span>
                </div>
              @else
                <span class="text-slate-300 italic">Belirlenmemiş</span>
              @endif
            </td>

            <!-- Defter İlerlemesi -->
            <td class="py-4">
              @if($intern->internship_total_days)
                @php
                  $filledDays = $intern->journalEntries->filter(function($entry) {
                      return !empty(trim($entry->content));
                  })->count();
                  $progressPercent = ($filledDays / $intern->internship_total_days) * 100;
                  if ($progressPercent > 100) $progressPercent = 100;
                @endphp
                <div class="flex flex-col gap-1 max-w-[130px]">
                  <div class="flex justify-between text-[10px] font-extrabold">
                    <span class="text-slate-400">Doldurulan</span>
                    <span class="text-blue-600">{{ $filledDays }} / {{ $intern->internship_total_days }} Gün</span>
                  </div>
                  <div class="w-full bg-slate-100 h-2 rounded-full overflow-hidden border border-slate-200/40">
                    <div class="bg-blue-600 h-full rounded-full transition-all duration-300" style="width: {{ $progressPercent }}%"></div>
                  </div>
                </div>
              @else
                <span class="text-slate-300 italic text-xs">Belirlenmemiş</span>
              @endif
            </td>

            <!-- Status -->
            <td class="py-4">
              <span class="inline-flex px-2.5 py-1 rounded-full text-[10px] font-extrabold uppercase tracking-wider
                @if($intern->status === 'accepted') bg-green-50 text-green-700 border border-green-200
                @elseif($intern->status === 'rejected') bg-red-50 text-red-700 border border-red-200
                @elseif($intern->status === 'reviewed') bg-blue-50 text-blue-700 border border-blue-200
                @elseif($intern->status === 'waiting_document') bg-amber-50 text-amber-700 border border-amber-200
                @else bg-slate-50 text-slate-500 border border-slate-200 @endif">
                @if($intern->status === 'accepted') Kabul Edildi
                @elseif($intern->status === 'rejected') Reddedildi
                @elseif($intern->status === 'reviewed') İncelendi
                @elseif($intern->status === 'waiting_document') Evrak Bekleniyor
                @else Beklemede @endif
              </span>
            </td>

            <!-- Documents -->
            <td class="py-4 space-y-1">
              <div class="flex flex-wrap gap-1">
                @if($intern->cv_path)
                  <a href="{{ Storage::disk('public')->url($intern->cv_path) }}" target="_blank" class="px-2 py-1 bg-slate-100 hover:bg-slate-200 text-slate-600 font-bold text-[10px] rounded-lg transition-all flex items-center gap-1">
                    <i class="uil uil-file-alt"></i> CV
                  </a>
                @endif
                
                @if($intern->to_be_signed_internship_form_path)
                  <a href="{{ Storage::disk('public')->url($intern->to_be_signed_internship_form_path) }}" target="_blank" class="px-2 py-1 bg-blue-50 hover:bg-blue-100 text-blue-600 font-bold text-[10px] rounded-lg transition-all flex items-center gap-1">
                    <i class="uil uil-file-upload"></i> İmzalanacak Form
                  </a>
                @endif

                @if($intern->signed_internship_form_path)
                  <a href="{{ Storage::disk('public')->url($intern->signed_internship_form_path) }}" target="_blank" class="px-2 py-1 bg-green-50 hover:bg-green-100 text-green-600 font-bold text-[10px] rounded-lg transition-all flex items-center gap-1">
                    <i class="uil uil-file-check-alt"></i> İmzalı Form
                  </a>
                @endif
              </div>
            </td>

            <!-- GitHub Repository -->
            <td class="py-4">
              @if($intern->github_repo)
                <div class="flex flex-col gap-1">
                  <a href="{{ $intern->github_repo }}" target="_blank" class="text-blue-600 hover:text-blue-800 font-extrabold text-xs inline-flex items-center gap-1">
                    <i class="uil uil-github"></i> Depoyu Aç
                  </a>
                  <!-- If they have repo, we can fetch their journal commits or trigger the controller download markdown -->
                  <a href="{{ route('intern.download-journal') }}?intern_id={{ $intern->id }}" class="px-2 py-1 bg-emerald-50 hover:bg-emerald-100 text-emerald-600 font-bold text-[10px] rounded-lg transition-all flex items-center justify-center gap-1 w-max">
                    <i class="uil uil-arrow-down-tray"></i> Günlüğü İndir (.md)
                  </a>
                </div>
              @else
                <span class="text-slate-300 italic">Tanımlanmamış</span>
              @endif
            </td>

            <!-- Register Date -->
            <td class="py-4 text-xs font-semibold text-slate-400">
              {{ \Carbon\Carbon::parse($intern->created_at)->format('d.m.Y H:i') }}
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</div>