{{-- _form.blade.php --}}
@php $issue = $issue ?? null; @endphp
<div class="row">
    @if(isset($projects) && !isset($issue))
        @if(!empty($projectId) && !old('project_id'))
        {{-- A project is already selected as the working project — don't ask again. --}}
        <div class="col-md-3">
            <div class="form-group">
                <label>Project</label>
                @php $currentProj = $projects->firstWhere('id', $projectId); @endphp
                <input type="text" class="form-control" value="{{ $currentProj->name ?? '—' }} ({{ $currentProj->key ?? '' }})" readonly>
                <input type="hidden" name="project_id" value="{{ $projectId }}">
                <small class="form-text text-muted">
                    <a href="{{ route('tracker.issues.create', ['project_id' => '']) }}">Not this project?</a>
                </small>
            </div>
        </div>
        @else
        <div class="col-md-3">
            <div class="form-group">
                <label>Project <span class="text-danger">*</span></label>
                <select name="project_id" id="tracker-project-select" class="form-control" required>
                    <option value="">Select...</option>
                    @foreach($projects as $p)
                    <option value="{{ $p->id }}" {{ old('project_id')==$p->id?'selected':'' }}>{{ $p->name }} ({{ $p->key }})</option>
                    @endforeach
                </select>
            </div>
        </div>
        @endif
    @endif
    <div class="col-md-{{ isset($issue) ? 9 : 6 }}">
        <div class="form-group">
            <label>Title <span class="text-danger">*</span></label>
            <input type="text" name="title" class="form-control" value="{{ old('title',$issue->title??'') }}" required>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label>Type</label>
            <select name="type" class="form-control">
                @foreach(['task','bug','story'] as $t)
                <option value="{{ $t }}" {{ old('type',$issue->type??'task')==$t?'selected':'' }}>{{ ucfirst($t) }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label>Status</label>
            <select name="status" class="form-control">
                @foreach(\Modules\Tracker\Models\Issue::statuses() as $key => $label)
                <option value="{{ $key }}" {{ old('status',$issue->status??'backlog')==$key?'selected':'' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label>Priority</label>
            <select name="priority" class="form-control">
                @foreach(['low','medium','high','critical'] as $p)
                <option value="{{ $p }}" {{ old('priority',$issue->priority??'medium')==$p?'selected':'' }}>{{ ucfirst($p) }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label>Assignee</label>
            <select name="assignee_id" id="tracker-assignee-select" class="form-control">
                <option value="">Unassigned</option>
                @foreach($users as $u)
                <option value="{{ $u->id }}" {{ old('assignee_id',$issue->assignee_id??'')==$u->id?'selected':'' }}>{{ $u->name }}</option>
                @endforeach
            </select>
            @if(isset($projects) && !isset($issue) && empty($projectId))
            <small class="form-text text-muted">Options narrow to the selected project's team once a project is picked.</small>
            @endif
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-group">
            <label>Due Date</label>
            <input type="date" name="due_date" class="form-control" value="{{ old('due_date',$issue?->due_date?->format('Y-m-d')??'') }}">
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-group">
            <label>Description</label>
            <textarea name="description" id="tracker-description-editor" class="form-control" rows="4">{{ old('description',$issue->description??'') }}</textarea>
        </div>
    </div>
</div>

@push('styles')
    <link rel="stylesheet" href="{{ asset('backend/summernote/summernote-bs4.min.css') }}">
@endpush
@push('scripts')
    <script src="{{ asset('backend/summernote/summernote-bs4.min.js') }}"></script>
    @include('tracker::partials.rich_editor_init', ['selector' => '#tracker-description-editor'])

    @if(isset($projects) && !isset($issue))
    <script>
    (function () {
        var projectMembers = {
            @foreach($projects as $p)
                {{ $p->id }}: [{{ $p->members->pluck('id')->implode(',') }}],
            @endforeach
        };
        var projectSelect  = document.getElementById('tracker-project-select');
        var assigneeSelect = document.getElementById('tracker-assignee-select');

        function filterAssignees() {
            var members = projectMembers[projectSelect.value] || [];
            Array.from(assigneeSelect.options).forEach(function (opt) {
                if (!opt.value) return; // always keep "Unassigned" visible
                var show = members.length === 0 || members.indexOf(parseInt(opt.value, 10)) !== -1;
                opt.hidden = !show;
                if (!show && opt.selected) assigneeSelect.value = '';
            });
        }

        if (projectSelect && assigneeSelect) {
            projectSelect.addEventListener('change', filterAssignees);
            filterAssignees();
        }
    })();
    </script>
    @endif
@endpush