@extends('layouts.app')
@section('title', 'Admin - Projects')
@section('breadcrumb')
    <a href="{{ route('admin.index') }}">Admin</a>
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;"><polyline points="9 18 15 12 9 6"></polyline></svg>
    <span style="font-weight:600;color:var(--text-primary);">Projects</span>
@endsection

@section('content')
    <div class="page-header" style="display:flex;justify-content:space-between;align-items:center;">
        <h1>📁 All Projects</h1>
        <form method="GET" style="display:flex;gap:8px;">
            <input type="text" name="search" class="form-control" placeholder="Search projects..." value="{{ request('search') }}" style="width:220px;">
            <select name="status" class="form-control" onchange="this.form.submit()" style="width:160px;">
                <option value="">All Statuses</option>
                <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                <option value="on_hold" {{ request('status') == 'on_hold' ? 'selected' : '' }}>On Hold</option>
                <option value="completed" {{ request('status') == 'completed' ? 'selected' : '' }}>Completed</option>
                <option value="archived" {{ request('status') == 'archived' ? 'selected' : '' }}>Archived</option>
            </select>
            <button type="submit" class="btn btn-ghost">Filter</button>
        </form>
    </div>

    @if(session('success'))
        <div class="alert alert-success mb-4">{{ session('success') }}</div>
    @endif

    <div class="card">
        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>Project</th>
                        <th>Owner</th>
                        <th>Status</th>
                        <th>Tasks</th>
                        <th>Created</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($projects as $project)
                        <tr>
                            <td>
                                <div style="display:flex;align-items:center;gap:8px;">
                                    <span style="width:10px;height:10px;border-radius:3px;background:{{ $project->color }};flex-shrink:0;"></span>
                                    <a href="{{ route('projects.show', $project) }}" class="font-semibold" style="color:var(--text-primary);">{{ $project->name }}</a>
                                </div>
                            </td>
                            <td>{{ $project->owner->name ?? '—' }}</td>
                            <td>
                                @if($project->is_archived)
                                    <span class="badge badge-secondary">Archived</span>
                                @else
                                    <span class="badge badge-{{ $project->status === 'active' ? 'success' : ($project->status === 'on_hold' ? 'warning' : 'primary') }}">{{ ucfirst(str_replace('_', ' ', $project->status)) }}</span>
                                @endif
                            </td>
                            <td>{{ $project->tasks_count }}</td>
                            <td class="text-muted text-sm">{{ $project->created_at->format('M j, Y') }}</td>
                            <td>
                                <div style="display:flex;gap:6px;">
                                    @can('archive_project')
                                    <form method="POST" action="{{ route('admin.projects.archive', $project) }}">
                                        @csrf @method('PATCH')
                                        <button type="submit" class="btn btn-ghost btn-sm">{{ $project->is_archived ? 'Unarchive' : 'Archive' }}</button>
                                    </form>
                                    @endcan
                                    @can('delete_project')
                                    <form method="POST" action="{{ route('admin.projects.delete', $project) }}" onsubmit="return confirm('Delete project and all tasks?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn btn-ghost btn-sm" style="color:var(--accent-red);">Delete</button>
                                    </form>
                                    @endcan
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted" style="padding:24px;">No projects found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($projects->hasPages())
        <div class="pagination">{{ $projects->withQueryString()->links() }}</div>
    @endif
@endsection