@extends('layouts.team')
@section('title', $project->name)
@section('content')
<div class="stack" style="gap:6px"><a href="{{ route('team.home') }}" class="xs muted">← Today</a><h1 class="d2">{{ $project->name }}</h1><p class="small muted">{{ $project->client->company }} · due {{ $project->due_date?->format('j M Y') ?? '—' }} · team: {{ $project->members->pluck('name')->implode(', ') }}</p></div>
<div class="tabs" data-tabs role="tablist"><button type="button" class="tab" data-tab="tasks">Tasks</button><button type="button" class="tab" data-tab="approvals">Client approvals</button><button type="button" class="tab" data-tab="files">Files</button><button type="button" class="tab" data-tab="brief">Brief</button></div>
<div data-panel="tasks">
    <div class="kan">
        @foreach(\App\Models\Task::STATUSES as $key => $label)
            @php($list = $project->tasks->where('status', $key))
            <div class="kcol" data-kan-col="{{ $key }}" style="min-height:260px">
                <div class="kcol-h"><span>{{ $label }}</span><span class="badge b-grey" data-kan-count>{{ $list->count() }}</span></div>
                <div class="stack" style="gap:10px;min-height:40px" data-kan-list>
                    @foreach($list as $t)<div class="kcard" data-kan-url="{{ route('team.tasks.update', $t) }}"><span class="b small">{{ $t->title }}</span><span class="row between xs"><span class="muted">{{ $t->assignee?->name ?? 'Unassigned' }}</span>@if($t->due_date)<span class="badge">{{ $t->due_date->format('j M') }}</span>@endif</span></div>@endforeach
                </div>
            </div>
        @endforeach
    </div>
</div>
<div data-panel="approvals" class="cols-main" hidden>
    <section class="panel"><div class="list">@forelse($project->approvals as $a)
        <div class="li"><span class="stack" style="flex:1;gap:4px"><span class="b">{{ $a->title }} <span class="muted">· round {{ $a->round }}</span></span><span class="xs muted">{{ $a->created_at->format('j M, g:i a') }}</span>@if($a->client_comment)<span class="small box" style="padding:10px 12px">“{{ $a->client_comment }}”</span>@endif</span><x-badge :status="$a->status" /></div>
    @empty<x-empty>Nothing sent yet.</x-empty>@endforelse</div></section>
    <form method="post" action="{{ route('team.projects.approvals.store', $project) }}" enctype="multipart/form-data" class="panel panel-b stack" style="gap:12px">
        @csrf<h2 class="ht">Send work for client approval</h2>
        <x-field name="title" label="What needs approval?" required /><x-field name="description" label="Note for the client" type="textarea" rows="3" /><x-field name="link" label="Link (Figma, Drive, staging)" type="url" /><x-field name="file" label="Or attach a file" type="file" />
        <button class="btn btn-sm">Send to client</button>
    </form>
</div>
<div data-panel="files" class="cols-main" hidden>
    <section class="panel"><div class="list small">@forelse($project->files as $f)<div class="li"><a href="{{ route('team.files.download', $f) }}" style="flex:1">{{ $f->name }}</a><span class="xs muted">{{ $f->sizeLabel() }} · {{ $f->created_at->format('j M') }}</span></div>@empty<x-empty>No files.</x-empty>@endforelse</div></section>
    <form method="post" action="{{ route('team.projects.files.store', $project) }}" enctype="multipart/form-data" class="panel panel-b stack" style="gap:10px">@csrf<h2 class="ht">Upload</h2><input type="file" name="files[]" multiple class="input" required><label class="check"><input type="checkbox" name="visible_to_client" value="1"> <span>Show to client</span></label><button class="btn btn-sm">Upload</button></form>
</div>
<div data-panel="brief" class="cols-main" hidden>
    <section class="panel panel-b"><p style="white-space:pre-line">{{ $project->description ?: 'No brief added yet.' }}</p></section>
    <section class="panel"><div class="panel-h"><h2 class="ht">Milestones</h2></div><div class="list small">@foreach($project->milestones as $m)<div class="li"><span style="flex:1;{{ $m->done ? 'text-decoration:line-through;color:var(--muted)' : '' }}">{{ $m->title }}</span><span class="xs muted">{{ $m->due_date?->format('j M') }}</span></div>@endforeach</div></section>
</div>
@endsection