{{-- resources/views/admin/projects/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title', 'Portfolio Projects')
@section('page-title', 'Portfolio Projects')

@section('admin-content')

<div class="flex items-center justify-between mb-6">
    <p style="font-size:0.82rem; color:#9ca3af;">{{ $projects->total() }} total projects</p>
    <a href="{{ route('admin.projects.create') }}" class="btn btn-primary">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-3.5 h-3.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>
        New Project
    </a>
</div>

<div class="admin-card" style="padding:0; overflow:hidden;">
    <table class="data-table">
        <thead>
            <tr>
                <th>Project</th>
                <th>Client</th>
                <th>Category</th>
                <th>Featured</th>
                <th>Status</th>
                <th>Completed</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($projects as $p)
            <tr>
                <td>
                    <div style="font-weight:600; color:#0f0f14;">{{ Str::limit($p->title, 36) }}</div>
                    <div style="font-size:0.72rem; color:#9ca3af; margin-top:0.15rem;">{{ Str::limit($p->summary, 50) }}</div>
                </td>
                <td style="color:#6b7280;">{{ $p->client ?? '—' }}</td>
                <td><span class="pill pill-blue">{{ ucfirst($p->category) }}</span></td>
                <td>
                    @if($p->featured)
                    <span class="pill pill-green">Featured</span>
                    @else
                    <span style="color:#d1d5db; font-size:0.72rem;">—</span>
                    @endif
                </td>
                <td>
                    <span class="pill {{ $p->status === 'published' ? 'pill-green' : 'pill-yellow' }}">
                        {{ ucfirst($p->status) }}
                    </span>
                </td>
                <td style="color:#9ca3af; white-space:nowrap;">
                    {{ $p->completed_at?->format('M Y') ?? '—' }}
                </td>
                <td>
                    <div class="flex items-center gap-2">
                        <a href="{{ route('admin.projects.edit', $p) }}" class="btn btn-outline btn-sm">Edit</a>
                        @if($p->status === 'published')
                        <a href="{{ route('portfolio.show', $p) }}" target="_blank" class="btn btn-outline btn-sm">View</a>
                        @endif
                        <form action="{{ route('admin.projects.destroy', $p) }}" method="POST"
                              onsubmit="return confirm('Delete this project?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" style="text-align:center; padding:3rem; color:#9ca3af;">
                    No projects yet. <a href="{{ route('admin.projects.create') }}" style="color:#2d3aff; font-weight:600;">Add your first project →</a>
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if($projects->hasPages())
<div class="mt-6">{{ $projects->links() }}</div>
@endif

@endsection