@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' => 'Nowe zadanie',
            'subtitle' => 'Projekt: ' . $project->name . ' (' . $project->key . ')'
        ])
            <a href="{{ route('pm.projects.board', $project) }}" class="btn btn-outline-secondary">
                <i class="bi bi-kanban me-1"></i> Tablica
            </a>
            <a href="{{ route('pm.issues.index', ['project_id' => $project->id]) }}" class="btn btn-outline-secondary">
                <i class="bi bi-list-task me-1"></i> Lista
            </a>
        @endcomponent

        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <form method="POST" action="{{ route('pm.issues.store') }}" class="row g-3">
                    @csrf

                    <input type="hidden" name="project_id" value="{{ $project->id }}">

                    <div class="col-md-8">
                        <label class="form-label">Tytuł</label>
                        <input type="text" name="title" class="form-control" value="{{ old('title') }}" required>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">Status startowy</label>
                        <select name="status_id" class="form-select" required>
                            @foreach($statuses as $st)
                                <option value="{{ $st->id }}" @selected(old('status_id') == $st->id)>{{ $st->name }}</option>
                            @endforeach
                        </select>
                    </div>

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

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

                    <div class="col-md-3">
                        <label class="form-label">Termin</label>
                        <input type="date" name="due_date" class="form-control" value="{{ old('due_date') }}">
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Estymata (min)</label>
                        <input type="number" name="estimate_minutes" class="form-control" min="0" value="{{ old('estimate_minutes') }}">
                    </div>

                    <div class="col-12">
                        <label class="form-label">Opis</label>
                        <textarea name="description" class="form-control" rows="6">{{ old('description') }}</textarea>
                    </div>

                    <div class="col-12 d-flex gap-2">
                        <button class="btn btn-primary">
                            <i class="bi bi-check2-circle me-1"></i> Utwórz
                        </button>
                        <a href="{{ route('pm.projects.board', $project) }}" class="btn btn-outline-secondary">Anuluj</a>
                    </div>

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

    </div>
</div>
@endsection