@extends('layouts.panel')
@section('title','Projeler')

@section('content')
  <div class="content-header">
    <div>
      <h1 class="content-title">Projeler</h1>
      <p class="text-tertiary">Tüm projelerini buradan yönet</p>
    </div>
  </div>

  <div class="grid" style="grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap:16px;">
    @foreach($projects as $p)
      <a href="{{ route('projects.show', $p) }}" class="card" style="display:block; padding:16px;">
        <div class="flex items-start justify-between">
          <div class="flex items-center gap-2">
            <span class="badge badge-primary" style="{{ $p->color ? 'background:'.$p->color.';border-color:'.$p->color.';' : '' }}">
              {{ $p->status === 'archived' ? 'Arşiv' : 'Aktif' }}
            </span>
            <strong>{{ $p->name }}</strong>
          </div>
          <i class="fas fa-chevron-right text-tertiary"></i>
        </div>

        @if($p->description)
          <p class="text-sm text-tertiary mt-2">{{ \Illuminate\Support\Str::limit($p->description, 110) }}</p>
        @endif
      </a>
    @endforeach

    @if($projects->isEmpty())
      <div class="card" style="padding:16px;">
        <div class="text-tertiary">Henüz proje yok.</div>
      </div>
    @endif
  </div>
@endsection