@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' => $issue->issue_key . ' — ' . $issue->title,
            'subtitle' => 'Projekt: ' . ($issue->project->name ?? '-')
        ])
            @if($issue->project)
                <a href="{{ route('pm.projects.board', $issue->project_id) }}" class="btn btn-outline-secondary">
                    <i class="bi bi-kanban me-1"></i> Tablica
                </a>
            @endif

            <a href="{{ route('pm.issues.edit', $issue->id) }}" class="btn btn-primary">
                <i class="bi bi-pencil me-1"></i> Edytuj
            </a>
        @endcomponent

        <div class="row g-3">
            {{-- LEWA: opis + komentarze --}}
            <div class="col-lg-8">

                {{-- Opis --}}
                <div class="card border-0 shadow-sm">
                    <div class="card-body">
                        <div class="text-muted small mb-2">Opis</div>
                        <div class="{{ $issue->description ? '' : 'text-muted' }}">
                            {!! nl2br(e($issue->description ?: 'Brak opisu.')) !!}
                        </div>
                    </div>
                </div>

                {{-- Komentarze --}}
                <div class="card border-0 shadow-sm mt-3">
                    <div class="card-header bg-transparent fw-semibold">
                        Komentarze
                    </div>
                    <div class="card-body">

                        {{-- Dodaj komentarz --}}
                        <form method="POST" action="{{ route('pm.issues.comments.store', $issue->id) }}" class="mb-3">
                            @csrf
                            <label class="form-label fw-semibold">Dodaj komentarz</label>
                            <textarea name="body"
                                      class="form-control @error('body') is-invalid @enderror"
                                      rows="3"
                                      placeholder="Napisz komentarz...">{{ old('body') }}</textarea>
                            @error('body') <div class="invalid-feedback">{{ $message }}</div> @enderror

                            <div class="mt-2 d-flex gap-2">
                                <button class="btn btn-primary btn-sm">
                                    <i class="bi bi-send me-1"></i> Dodaj
                                </button>
                            </div>
                        </form>

                        <hr>

                        {{-- Lista komentarzy --}}
                        @forelse($issue->comments as $c)
                            <div class="border rounded p-2 mb-2">
                                <div class="d-flex justify-content-between align-items-start gap-2">
                                    <div>
                                        <div class="fw-semibold">{{ $c->user?->name ?? '—' }}</div>
                                        <div class="text-muted small">{{ $c->created_at?->format('Y-m-d H:i') }}</div>
                                    </div>

                                    <form method="POST"
                                          action="{{ route('pm.issues.comments.destroy', $c->id) }}"
                                          onsubmit="return confirm('Usunąć komentarz?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                </div>

                                <div class="mt-2">{!! nl2br(e($c->body)) !!}</div>
                            </div>
                        @empty
                            <div class="text-muted">Brak komentarzy.</div>
                        @endforelse
                    </div>
                </div>

            </div>

            {{-- PRAWA: szczegóły + status + załączniki --}}
            <div class="col-lg-4">

                {{-- Szczegóły --}}
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-body">
                        <div class="fw-semibold mb-2">Szczegóły</div>

                        <div class="mb-2">
                            <div class="text-muted small">Status</div>
                            <div>{{ $issue->status->name ?? '-' }}</div>
                        </div>

                        <div class="mb-2">
                            <div class="text-muted small">Typ</div>
                            <div>
                                <span class="badge text-bg-light border">{{ strtoupper($issue->type) }}</span>
                            </div>
                        </div>

                        <div class="mb-2">
                            <div class="text-muted small">Priorytet</div>
                            <div>
                                <span class="badge
                                    @class([
                                        'text-bg-secondary' => $issue->priority === 'low',
                                        'text-bg-info'      => $issue->priority === 'medium',
                                        'text-bg-warning'   => $issue->priority === 'high',
                                        'text-bg-danger'    => $issue->priority === 'critical',
                                    ])
                                ">
                                    {{ $issue->priority }}
                                </span>
                            </div>
                        </div>

                        {{-- ✅ Przypisany: PODGLĄD + SZYBKA ZMIANA --}}
                        <hr>
                        <div class="fw-semibold mb-2">Przypisanie</div>

                        <div class="mb-2">
                            <div class="text-muted small">Aktualnie</div>
                            <div>{{ $issue->assignee?->name ?? '—' }}</div>
                        </div>

                        {{-- jeśli nie przekażesz $assignees z kontrolera, to pokażemy komunikat --}}
                        @if(isset($assignees))
                            <form method="POST" action="{{ route('pm.issues.assignee', $issue->id) }}">
                                @csrf
                                @method('PATCH')

                                <label class="form-label small text-muted">Zmień przypisanego</label>
                                <div class="input-group">
                                    <select name="assignee_id" class="form-select @error('assignee_id') is-invalid @enderror">
                                        <option value="">— brak —</option>
                                        @foreach($assignees as $u)
                                            <option value="{{ $u->id }}"
                                                @selected((int)old('assignee_id', $issue->assignee_id) === (int)$u->id)>
                                                {{ $u->name }}@if(!empty($u->email)) ({{ $u->email }}) @endif
                                            </option>
                                        @endforeach
                                    </select>
                                    <button class="btn btn-outline-secondary">OK</button>
                                </div>
                                @error('assignee_id') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror

                                @if($assignees->isEmpty())
                                    <div class="form-text text-warning">
                                        Brak pracowników do przypisania (sprawdź dział projektu i użytkowników w dziale).
                                    </div>
                                @else
                                    <div class="form-text">
                                        Lista ograniczona do działu projektu (i jego poddziałów).
                                    </div>
                                @endif
                            </form>
                        @else
                            <div class="text-muted small">
                                (Brak listy pracowników — dodaj w kontrolerze przekazanie <code>$assignees</code> do widoku.)
                            </div>
                        @endif

                        <hr>

                        <div class="mb-2">
                            <div class="text-muted small">Zgłaszający</div>
                            <div>{{ $issue->reporter?->name ?? '—' }}</div>
                        </div>

                        <div class="mb-2">
                            <div class="text-muted small">Termin</div>
                            <div>{{ $issue->due_date?->format('Y-m-d') ?? '—' }}</div>
                        </div>

                        <div class="mb-2">
                            <div class="text-muted small">Estymata (min)</div>
                            <div>{{ $issue->estimate_minutes ?? '—' }}</div>
                        </div>

                        <div class="mb-2">
                            <div class="text-muted small">Czas (min)</div>
                            <div>{{ $issue->time_spent_minutes ?? '—' }}</div>
                        </div>

                        <hr>

                        {{-- Zmiana statusu --}}
                        <div class="fw-semibold mb-2">Zmiana statusu</div>
                        <form method="POST" action="{{ route('pm.issues.status', $issue->id) }}">
                            @csrf
                            @method('PATCH')
                            <div class="input-group">
                                <select name="status_id" class="form-select @error('status_id') is-invalid @enderror">
                                    @foreach($issue->project?->statuses ?? [] as $st)
                                        <option value="{{ $st->id }}" @selected((int)$st->id === (int)$issue->status_id)>{{ $st->name }}</option>
                                    @endforeach
                                </select>
                                <button class="btn btn-outline-secondary">OK</button>
                            </div>
                            @error('status_id') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                        </form>

                    </div>
                </div>

                {{-- Załączniki --}}
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-transparent fw-semibold">
                        Załączniki
                    </div>
                    <div class="card-body">

                        {{-- Upload --}}
                        <form method="POST"
                              action="{{ route('pm.issues.attachments.store', $issue->id) }}"
                              enctype="multipart/form-data"
                              class="mb-3">
                            @csrf

                            <label class="form-label fw-semibold">Dodaj załącznik</label>
                            <input type="file" name="file" class="form-control @error('file') is-invalid @enderror">
                            @error('file') <div class="invalid-feedback">{{ $message }}</div> @enderror

                            <button class="btn btn-primary btn-sm mt-2">
                                <i class="bi bi-upload me-1"></i> Wyślij
                            </button>

                            <div class="form-text">
                                Jeśli wyskoczy błąd limitu, zwiększ <code>upload_max_filesize</code> i <code>post_max_size</code> na serwerze.
                            </div>
                        </form>

                        <hr>

                        {{-- Lista załączników --}}
                        @forelse($issue->attachments as $a)
                            <div class="border rounded p-2 mb-2 small">
                                <div class="fw-semibold">{{ $a->original_name }}</div>
                                <div class="text-muted">
                                    @if($a->size)
                                        {{ number_format($a->size/1024, 1) }} KB
                                    @endif
                                    @if($a->mime)
                                        <span class="ms-2">{{ $a->mime }}</span>
                                    @endif
                                </div>

                                <div class="d-flex gap-2 mt-2">
                                    <a href="{{ route('pm.issues.attachments.download', $a->id) }}"
                                       class="btn btn-sm btn-outline-secondary">
                                        <i class="bi bi-download me-1"></i> Pobierz
                                    </a>

                                    <form method="POST"
                                          action="{{ route('pm.issues.attachments.destroy', $a->id) }}"
                                          onsubmit="return confirm('Usunąć załącznik?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger">
                                            <i class="bi bi-trash me-1"></i> Usuń
                                        </button>
                                    </form>
                                </div>
                            </div>
                        @empty
                            <div class="text-muted">Brak załączników.</div>
                        @endforelse

                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
@endsection