@extends('tracker::layouts.master')
@section('title','Board')
@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">
        Board <small class="text-muted">— {{ $trackerCurrentProject->name ?? 'All Projects' }}</small>
    </h1>
    <span class="text-muted small">Switch project in the sidebar</span>
</div>

<div class="row flex-nowrap" style="overflow-x:auto">
    @foreach($columns as $key => $label)
    <div class="col-md-3" style="min-width:260px">
        <div class="board-column">
            <div class="board-column-header d-flex justify-content-between">
                <span>{{ $label }}</span>
                <span class="badge badge-light">{{ $grouped[$key]->count() }}</span>
            </div>
            @forelse($grouped[$key] as $issue)
            <div class="issue-card">
                <div class="issue-key">
                    <i class="fas {{ $issue->type_icon }}"></i>
                    <a href="{{ route('tracker.issues.show',$issue) }}">{{ $issue->issue_key }}</a>
                </div>
                <div class="mb-1">{{ $issue->title }}</div>
                <div class="d-flex justify-content-between align-items-center">
                    <span class="badge badge-{{ $issue->priority_badge }} badge-xs">{{ ucfirst($issue->priority) }}</span>
                    <span class="text-muted small">{{ $issue->assignee->name ?? 'Unassigned' }}</span>
                </div>
                @if($key !== 'done')
                <form method="POST" action="{{ route('tracker.issues.status',$issue) }}" class="mt-2">
                    @csrf @method('PATCH')
                    <select name="status" class="form-control form-control-sm" onchange="this.form.submit()">
                        @foreach($columns as $ck => $cl)
                        <option value="{{ $ck }}" {{ $ck===$key?'selected':'' }}>{{ $cl }}</option>
                        @endforeach
                    </select>
                </form>
                @endif
            </div>
            @empty
            <div class="text-center text-muted small py-3">No issues</div>
            @endforelse
        </div>
    </div>
    @endforeach
</div>
@endsection