@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' => 'Zadania (Issues)',
            'subtitle' => 'Lista z filtrami'
        ])
            <a href="{{ route('pm.projects.index') }}" class="btn btn-outline-secondary">
                <i class="bi bi-folder me-1"></i> Projekty
            </a>
            @if(!empty($projectId))
                <a href="{{ route('pm.issues.create', ['project_id' => $projectId]) }}" class="btn btn-primary">
                    <i class="bi bi-plus-lg me-1"></i> Dodaj zadanie
                </a>
            @endif
        @endcomponent

        <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-3">
                        <label class="form-label small text-muted">Projekt</label>
                        <select name="project_id" class="form-select" onchange="this.form.submit()">
                            <option value="">Wszystkie</option>
                            @foreach($projects as $p)
                                <option value="{{ $p->id }}" @selected((int)$projectId === (int)$p->id)>
                                    {{ $p->name }} ({{ $p->key }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label small text-muted">Status</label>
                        <select name="status_id" class="form-select">
                            <option value="">Wszystkie</option>
                            @foreach($statuses as $st)
                                <option value="{{ $st->id }}" @selected(request('status_id') == $st->id)>{{ $st->name }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label small text-muted">Typ</label>
                        <select name="type" class="form-select">
                            <option value="">Wszystkie</option>
                            @foreach(['task'=>'Task','bug'=>'Bug','story'=>'Story'] as $k=>$v)
                                <option value="{{ $k }}" @selected(request('type') === $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label small text-muted">Priorytet</label>
                        <select name="priority" class="form-select">
                            <option value="">Wszystkie</option>
                            @foreach(['low','medium','high','critical'] as $p)
                                <option value="{{ $p }}" @selected(request('priority') === $p)>{{ $p }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label small text-muted">Szukaj</label>
                        <input type="text" name="search" value="{{ request('search') }}" class="form-control"
                               placeholder="ERP-12 / tytuł">
                    </div>

                    <div class="col-12 d-flex gap-2 mt-2">
                        <button class="btn btn-outline-secondary">
                            <i class="bi bi-search me-1"></i> Filtruj
                        </button>
                        <a href="{{ route('pm.issues.index') }}" class="btn btn-outline-secondary">
                            <i class="bi bi-x-lg me-1"></i> Reset
                        </a>
                    </div>
                </div>
            </div>
        </form>

        <div class="card border-0 shadow-sm">
            <div class="table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th style="width: 140px;">KEY</th>
                            <th>Tytuł</th>
                            <th style="width: 160px;">Status</th>
                            <th style="width: 120px;">Typ</th>
                            <th style="width: 140px;">Priorytet</th>
                            <th style="width: 180px;">Przypisany</th>
                            <th style="width: 120px;">Akcje</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($issues as $issue)
                            <tr>
                                <td class="fw-semibold">
                                    <a href="{{ route('pm.issues.show', $issue) }}" class="text-decoration-none">
                                        {{ $issue->issue_key }}
                                    </a>
                                </td>
                                <td>
                                    <div class="fw-semibold">{{ $issue->title }}</div>
                                    <div class="text-muted small">{{ $issue->project->name ?? '' }}</div>
                                </td>
                                <td>{{ $issue->status->name ?? '-' }}</td>
                                <td><span class="badge text-bg-light border">{{ strtoupper($issue->type) }}</span></td>
                                <td>{{ $issue->priority }}</td>
                                <td class="text-muted small">
                                    {{ $issue->assignee?->name ?? '—' }}
                                </td>
                                <td>
                                    <div class="d-flex gap-2">
                                        <a class="btn btn-sm btn-outline-secondary" href="{{ route('pm.issues.edit', $issue) }}">
                                            <i class="bi bi-pencil"></i>
                                        </a>
                                        <form method="POST" action="{{ route('pm.issues.destroy', $issue) }}"
                                              onsubmit="return confirm('Usunąć zadanie?')">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-sm btn-outline-danger">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="text-muted p-4">Brak zadań.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

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

    </div>
</div>
@endsection