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

        <div class="card border-0 shadow-sm">
            <div class="card-body">

                {{-- =========================
                     FORM: UPDATE PROJECT
                   ========================= --}}
                <form method="POST"
                      action="{{ route('pm.projects.update', $project->id) }}"
                      class="row g-3">
                    @csrf
                    @method('PUT')

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

                    <div class="col-md-6">
                        <label class="form-label">Key</label>
                        <input type="text"
                               class="form-control"
                               value="{{ $project->key }}"
                               disabled>
                        <div class="form-text">
                            Key jest zablokowany (wpływa na <code>ISSUE_KEY</code>).
                        </div>
                    </div>

                    {{-- ✅ DZIAŁ --}}
                    <div class="col-md-6">
                        <label class="form-label">Dział</label>
                        <select name="department_id"
                                class="form-select @error('department_id') is-invalid @enderror"
                                required>
                            <option value="">— wybierz dział —</option>

                            @foreach($departments as $dep)
                                <option value="{{ $dep->id }}"
                                    @selected(
                                        (int)old('department_id', $project->department_id) === (int)$dep->id
                                    )>
                                    {{ $dep->name }}
                                    @if(!empty($dep->code)) ({{ $dep->code }}) @endif
                                </option>
                            @endforeach
                        </select>

                        @error('department_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror

                        <div class="form-text">
                            Projekt będzie widoczny i przypisany do tego działu.
                        </div>
                    </div>

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

                    <div class="col-md-4">
                        <label class="form-label">Archiwizuj</label>
                        <select name="is_archived" class="form-select">
                            <option value="0" @selected(!(bool)old('is_archived', $project->is_archived))>
                                Nie
                            </option>
                            <option value="1" @selected((bool)old('is_archived', $project->is_archived))>
                                Tak
                            </option>
                        </select>
                    </div>

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

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

                {{-- =========================
                     FORM: DELETE PROJECT
                   ========================= --}}
                <hr class="my-4">

                <form method="POST"
                      action="{{ route('pm.projects.destroy', $project->id) }}"
                      onsubmit="return confirm('Usunąć projekt? Tej operacji nie można cofnąć.')">
                    @csrf
                    @method('DELETE')

                    <button type="submit" class="btn btn-outline-danger">
                        <i class="bi bi-trash me-1"></i> Usuń projekt
                    </button>

                    <div class="form-text mt-2">
                        Usunięcie projektu spowoduje utratę wszystkich powiązanych danych
                        (zadania, statusy, członkowie).
                    </div>
                </form>

            </div>
        </div>

    </div>
</div>
@endsection