@extends('tracker::layouts.master')
@section('title',$project->name)
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">{{ $project->name }} <code class="h5">{{ $project->key }}</code> <span class="badge badge-{{ $project->status_badge }}">{{ ucfirst($project->status) }}</span></h1>
    <div>
        <a href="{{ route('tracker.issues.board', ['project_id' => $project->id]) }}" class="btn btn-sm btn-outline-dark">Board</a>
        <a href="{{ route('tracker.projects.edit',$project) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
        <a href="{{ route('tracker.projects.index') }}" class="btn btn-sm btn-link">← Back</a>
    </div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="card shadow mb-4"><div class="card-body">
            <dl class="row mb-0">
                <dt class="col-5">Key</dt><dd class="col-7"><code>{{ $project->key }}</code></dd>
                <dt class="col-5">Status</dt><dd class="col-7"><span class="badge badge-{{ $project->status_badge }}">{{ ucfirst($project->status) }}</span></dd>
                <dt class="col-5">Description</dt>
                <dd class="col-7">
                    @if($project->description)
                        <div class="tracker-rich-content">{!! $project->description !!}</div>
                    @else
                        —
                    @endif
                </dd>
            </dl>
        </div></div>

        <div class="card shadow mb-4">
            <div class="card-header"><h6 class="m-0 font-weight-bold">Team</h6></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <tbody>
                        @forelse($project->members as $member)
                        <tr>
                            <td>
                                {{ $member->name }}
                                <div class="text-muted small">{{ $member->email }}</div>
                            </td>
                            <td style="width:110px">
                                <form method="POST" action="{{ route('tracker.projects.members.update',[$project,$member]) }}">
                                    @csrf @method('PATCH')
                                    <select name="role" class="form-control form-control-sm" onchange="this.form.submit()">
                                        <option value="member" {{ $member->pivot->role==='member'?'selected':'' }}>Member</option>
                                        <option value="lead" {{ $member->pivot->role==='lead'?'selected':'' }}>Lead</option>
                                    </select>
                                </form>
                            </td>
                            <td style="width:40px" class="text-right">
                                <form method="POST" action="{{ route('tracker.projects.members.destroy',[$project,$member]) }}" onsubmit="return confirm('Remove this member from the project?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-xs btn-outline-danger">Del</button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr><td class="text-center text-muted py-3">No members yet — any user can be assigned to this project's issues until you add some.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($availableUsers->isNotEmpty())
            <div class="card-footer">
                <form method="POST" action="{{ route('tracker.projects.members.store',$project) }}" class="form-row align-items-end">
                    @csrf
                    <div class="col">
                        <label class="small text-muted mb-0">Add member</label>
                        <select name="tracker_user_id" class="form-control form-control-sm" required>
                            @foreach($availableUsers as $u)
                            <option value="{{ $u->id }}">{{ $u->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-auto">
                        <label class="small text-muted mb-0">Role</label>
                        <select name="role" class="form-control form-control-sm">
                            <option value="member">Member</option>
                            <option value="lead">Lead</option>
                        </select>
                    </div>
                    <div class="col-auto">
                        <button type="submit" class="btn btn-sm btn-dark">Add</button>
                    </div>
                </form>
            </div>
            @endif
        </div>
    </div>
    <div class="col-md-8">
        <div class="card shadow mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold">Issues</h6>
                <a href="{{ route('tracker.issues.create') }}" class="btn btn-xs btn-dark">+ New Issue</a>
            </div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light"><tr><th>Key</th><th>Title</th><th>Assignee</th><th>Priority</th><th>Status</th></tr></thead>
                    <tbody>
                        @forelse($project->issues as $issue)
                        <tr>
                            <td><a href="{{ route('tracker.issues.show',$issue) }}">{{ $issue->issue_key }}</a></td>
                            <td>{{ $issue->title }}</td>
                            <td>{{ $issue->assignee->name ?? '—' }}</td>
                            <td><span class="badge badge-{{ $issue->priority_badge }}">{{ ucfirst($issue->priority) }}</span></td>
                            <td><span class="badge badge-{{ $issue->status_badge }}">{{ \Modules\Tracker\Models\Issue::statuses()[$issue->status] }}</span></td>
                        </tr>
                        @empty
                        <tr><td colspan="5" class="text-center text-muted py-3">No issues yet</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection