@extends('layouts.app')
@section('title', $task->title)
@section('content')
<div class="max-w-3xl mx-auto space-y-4">
<div class="flex justify-between">
  <div>
    <h1 class="text-xl font-bold">{{ $task->title }}</h1>
    <div class="text-sm text-gray-500">{{ $task->status }} | {{ $task->priority }} @if($task->is_team)| تیمی@endif</div>
  </div>
  <div class="flex gap-2 text-sm">
    @if(auth()->user()->hasAnyRole(['admin','technical_manager','financial_manager']))
    <a href="{{ route('tasks.edit',$task) }}" class="bg-slate-700 text-white px-3 py-1.5 rounded">ویرایش</a>
    @endif
    <a href="{{ route('tasks.index') }}" class="bg-gray-200 px-3 py-1.5 rounded">فهرست</a>
  </div>
</div>
<div class="bg-white rounded-lg shadow p-6 text-sm space-y-2">
  <div class="flex justify-between"><span class="text-gray-500">مسئول</span><span>{{ $task->assignee?->name ?? '—' }}</span></div>
  <div class="flex justify-between"><span class="text-gray-500">موعد</span><span>{{ $task->due_at?->format('Y/m/d H:i') ?? '—' }}</span></div>
  @if($task->case)<div class="flex justify-between"><span class="text-gray-500">پرونده</span><a class="text-blue-600" href="{{ route('cases.show',$task->case) }}">{{ $task->case->case_number }}</a></div>@endif
  @if($task->description)<p class="pt-2 border-t whitespace-pre-wrap">{{ $task->description }}</p>@endif
</div>

<div class="bg-white rounded-lg shadow p-4 text-sm">
  <h2 class="font-semibold mb-2">چک‌لیست</h2>
  @foreach($task->checklistItems as $item)
  <form method="POST" action="{{ route('checklist.toggle',$item) }}" class="flex items-center gap-2 border-b py-1">@csrf
    <button type="submit" class="text-lg">{{ $item->is_done ? '✅' : '⬜' }}</button>
    <span class="{{ $item->is_done ? 'line-through text-gray-400' : '' }}">{{ $item->title }}</span>
  </form>
  @endforeach
  <form method="POST" action="{{ route('tasks.checklist.store',$task) }}" class="flex gap-2 mt-3">@csrf
    <input name="title" required placeholder="آیتم جدید" class="flex-1 border rounded px-2 py-1">
    <button class="bg-blue-600 text-white px-3 rounded">افزودن</button>
  </form>
</div>

@if(!in_array($task->status,['done','cancelled']))
<div class="bg-white rounded-lg shadow p-4">
<form method="POST" action="{{ route('tasks.complete',$task) }}">@csrf
  <textarea name="completion_note" rows="2" class="w-full border rounded px-3 py-2 text-sm mb-2" placeholder="یادداشت انجام"></textarea>
  <button class="bg-green-600 text-white px-4 py-2 rounded text-sm">انجام شد</button>
</form>
</div>
@endif
</div>
@endsection