@extends('layouts.app')

@section('content')
<div class="container-xxl px-0">
    <div class="module-shell">

        @include('modules.pm.partials._flash')

        @component('modules.pm.partials._toolbar', [
            'title' => 'PM – Projekty',
            'subtitle' => 'Zarządzanie projektami (kanban / zadania)'
        ])
            <a href="{{ route('pm.projects.create') }}" class="btn btn-primary">
                <i class="bi bi-plus-lg me-1"></i> Nowy projekt
            </a>
        @endcomponent

        {{-- FILTRY --}}
        <form method="GET" class="card border-0 shadow-sm mb-3">
            <div class="card-body">
                <div class="row g-2 align-items-end">

                    <div class="col-md-5">
                        <label class="form-label small text-muted">Szukaj</label>
                        <input type="text"
                               name="search"
                               value="{{ request('search') }}"
                               class="form-control"
                               placeholder="np. ERP, KSEF, Zadania...">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label small text-muted">Dział</label>
                        <select name="department_id" class="form-select">
                            <option value="">Wszystkie działy</option>
                            @foreach($departments as $dep)
                                <option value="{{ $dep->id }}" @selected((string)request('department_id') === (string)$dep->id)>
                                    {{ $dep->name }}@if(!empty($dep->code)) ({{ $dep->code }}) @endif
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label small text-muted">Archiwum</label>
                        <select name="archived" class="form-select">
                            <option value="">Wszystkie</option>
                            <option value="0" @selected(request('archived') === '0')>Aktywne</option>
                            <option value="1" @selected(request('archived') === '1')>Zarchiwizowane</option>
                        </select>
                    </div>

                    <div class="col-md-2 d-flex gap-2">
                        <button class="btn btn-outline-secondary w-100">
                            <i class="bi bi-search me-1"></i> Filtruj
                        </button>
                        <a href="{{ route('pm.projects.index') }}" class="btn btn-outline-secondary" title="Wyczyść filtry">
                            <i class="bi bi-x-lg"></i>
                        </a>
                    </div>

                </div>
            </div>
        </form>

        {{-- LISTA --}}
        <div class="row g-3">
            @forelse($projects as $project)
                <div class="col-12 col-md-6 col-xl-4">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body d-flex flex-column">

                            <div class="d-flex justify-content-between align-items-start">
                                <div>
                                    <div class="fw-semibold">{{ $project->name }}</div>

                                    <div class="text-muted small mt-1 d-flex flex-wrap gap-1 align-items-center">
                                        <span class="badge text-bg-secondary">{{ $project->key }}</span>

                                        {{-- ✅ Dział --}}
                                        @if(optional($project->department)->name)
                                            <span class="badge text-bg-light border">
                                                <i class="bi bi-diagram-3 me-1"></i>{{ $project->department->name }}
                                            </span>
                                        @else
                                            <span class="badge text-bg-light border">
                                                <i class="bi bi-diagram-3 me-1"></i>Brak działu
                                            </span>
                                        @endif

                                        @if($project->is_archived)
                                            <span class="badge text-bg-warning">Archiwum</span>
                                        @endif
                                    </div>
                                </div>

                                <div class="dropdown">
                                    <button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
                                        Akcje
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li><a class="dropdown-item" href="{{ route('pm.projects.show', $project->id) }}">Podgląd</a></li>
                                        <li><a class="dropdown-item" href="{{ route('pm.projects.board', $project->id) }}">Tablica</a></li>
                                        <li><a class="dropdown-item" href="{{ route('pm.issues.index', ['project_id' => $project->id]) }}">Zadania</a></li>
                                        <li><hr class="dropdown-divider"></li>
                                        <li><a class="dropdown-item" href="{{ route('pm.projects.edit', $project->id) }}">Edytuj</a></li>
                                    </ul>
                                </div>
                            </div>

                            @if($project->description)
                                <div class="text-muted small mt-2">
                                    {{ \Illuminate\Support\Str::limit($project->description, 140) }}
                                </div>
                            @endif

                            <div class="mt-auto pt-3 d-flex gap-2">
                                <a href="{{ route('pm.projects.board', $project->id) }}" class="btn btn-outline-primary w-100">
                                    <i class="bi bi-kanban me-1"></i> Tablica
                                </a>
                                <a href="{{ route('pm.issues.create', ['project_id' => $project->id]) }}" class="btn btn-primary w-100">
                                    <i class="bi bi-plus-lg me-1"></i> Dodaj zadanie
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12">
                    <div class="alert alert-info mb-0">Brak projektów.</div>
                </div>
            @endforelse
        </div>

        <div class="mt-3">
            {{ $projects->withQueryString()->links() }}
        </div>

    </div>
</div>
@endsection