@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' => 'Edycja zadania: ' . $issue->issue_key,
            'subtitle' => $issue->project?->name ? ('Projekt: ' . $issue->project->name . ' (' . $issue->project->key . ')') : ''
        ])
            <a href="{{ route('pm.issues.show', $issue->id) }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i> Wróć
            </a>

            @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
        @endcomponent

        <div class="row g-3">
            {{-- FORM --}}
            <div class="col-lg-8">
                <div class="card border-0 shadow-sm">
                    <div class="card-body">

                        {{-- Błędy walidacji (żeby było widać "czemu nic się nie dzieje") --}}
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach($errors->all() as $e)
                                        <li>{{ $e }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form method="POST" action="{{ route('pm.issues.update', $issue->id) }}" class="row g-3">
                            @csrf
                            @method('PUT')

                            <div class="col-md-8">
                                <label class="form-label">Tytuł</label>
                                <input type="text" name="title"
                                       class="form-control @error('title') is-invalid @enderror"
                                       value="{{ old('title', $issue->title) }}" required>
                                @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-4">
                                <label class="form-label">Status</label>
                                <select name="status_id" class="form-select @error('status_id') is-invalid @enderror" required>
                                    @foreach($statuses as $st)
                                        <option value="{{ $st->id }}"
                                            @selected((int)old('status_id', $issue->status_id) === (int)$st->id)>
                                            {{ $st->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('status_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- ✅ Przypisany (TYLKO z działu projektu + poddziałów) --}}
                            <div class="col-md-6">
                                <label class="form-label">Przypisany</label>
                                <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>
                                @error('assignee_id') <div class="invalid-feedback">{{ $message }}</div> @enderror

                                @if($assignees->isEmpty())
                                    <div class="form-text text-warning">
                                        Brak pracowników do przypisania (sprawdź czy projekt ma ustawiony dział i czy są w nim użytkownicy).
                                    </div>
                                @else
                                    <div class="form-text">
                                        Lista ograniczona do działu projektu (i jego poddziałów).
                                    </div>
                                @endif
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Typ</label>
                                <select name="type" class="form-select @error('type') is-invalid @enderror" required>
                                    @foreach(['task'=>'Task','bug'=>'Bug','story'=>'Story'] as $k=>$v)
                                        <option value="{{ $k }}" @selected(old('type', $issue->type) === $k)>{{ $v }}</option>
                                    @endforeach
                                </select>
                                @error('type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Priorytet</label>
                                <select name="priority" class="form-select @error('priority') is-invalid @enderror" required>
                                    @foreach(['low','medium','high','critical'] as $p)
                                        <option value="{{ $p }}" @selected(old('priority', $issue->priority) === $p)>{{ $p }}</option>
                                    @endforeach
                                </select>
                                @error('priority') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Termin</label>
                                <input type="date" name="due_date"
                                       class="form-control @error('due_date') is-invalid @enderror"
                                       value="{{ old('due_date', optional($issue->due_date)->format('Y-m-d')) }}">
                                @error('due_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Estymata (min)</label>
                                <input type="number" name="estimate_minutes"
                                       class="form-control @error('estimate_minutes') is-invalid @enderror"
                                       min="0"
                                       value="{{ old('estimate_minutes', $issue->estimate_minutes) }}">
                                @error('estimate_minutes') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-md-3">
                                <label class="form-label">Czas (min)</label>
                                <input type="number" name="time_spent_minutes"
                                       class="form-control @error('time_spent_minutes') is-invalid @enderror"
                                       min="0"
                                       value="{{ old('time_spent_minutes', $issue->time_spent_minutes) }}">
                                @error('time_spent_minutes') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-12">
                                <label class="form-label">Opis</label>
                                <textarea name="description"
                                          class="form-control @error('description') is-invalid @enderror"
                                          rows="7">{{ old('description', $issue->description) }}</textarea>
                                @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            <div class="col-12 d-flex flex-wrap gap-2">
                                <button type="submit" class="btn btn-primary">
                                    <i class="bi bi-check2-circle me-1"></i> Zapisz
                                </button>

                                <a href="{{ route('pm.issues.show', $issue->id) }}" class="btn btn-outline-secondary">
                                    Anuluj
                                </a>

                                {{-- Usuwanie: osobny formularz, ale NIE w środku głównego form --}}
                                <button type="button"
                                        class="btn btn-outline-danger ms-auto"
                                        onclick="document.getElementById('deleteIssueForm').submit();">
                                    <i class="bi bi-trash me-1"></i> Usuń
                                </button>
                            </div>

                        </form>

                        {{-- osobny form do delete --}}
                        <form id="deleteIssueForm"
                              method="POST"
                              action="{{ route('pm.issues.destroy', $issue->id) }}"
                              onsubmit="return confirm('Usunąć zadanie?')"
                              class="d-none">
                            @csrf
                            @method('DELETE')
                        </form>

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

            {{-- SZYBKIE AKCJE --}}
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-body">
                        <div class="fw-semibold mb-2">Szybkie akcje</div>

                        <a href="{{ route('pm.issues.show', $issue->id) }}" class="btn btn-outline-primary w-100 mb-2">
                            <i class="bi bi-eye me-1"></i> Podgląd zadania
                        </a>

                        @if($issue->project)
                            <a href="{{ route('pm.projects.board', $issue->project_id) }}" class="btn btn-outline-secondary w-100 mb-2">
                                <i class="bi bi-kanban me-1"></i> Tablica projektu
                            </a>
                        @endif

                        <a href="{{ route('pm.issues.index', ['project_id' => $issue->project_id]) }}" class="btn btn-outline-secondary w-100">
                            <i class="bi bi-list-task me-1"></i> Lista zadań projektu
                        </a>

                        <hr>

                        <div class="text-muted small">
                            Komentarze i załączniki edytujesz w podglądzie zadania.
                        </div>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-3">
                    <div class="card-body">
                        <div class="fw-semibold mb-2">Meta</div>
                        <div class="text-muted small">Utworzono: {{ $issue->created_at?->format('Y-m-d H:i') }}</div>
                        <div class="text-muted small">Zaktualizowano: {{ $issue->updated_at?->format('Y-m-d H:i') }}</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection