@extends('layouts.app')
@section('title', 'وظایف')
@section('content')
<div class="flex justify-between items-center mb-4">
    <h1 class="text-xl font-bold">وظایف</h1>
    @if(auth()->user()->hasAnyRole(['admin','technical_manager','financial_manager']))
    <a href="{{ route('tasks.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded text-sm">ایجاد وظیفه</a>
    @endif
</div>

<form method="GET" class="mb-4 flex gap-2 flex-wrap">
    <select name="status" class="border rounded px-3 py-2 text-sm">
        <option value="">همه وضعیت‌ها</option>
        @foreach(['open','in_progress','done','cancelled','overdue'] as $s)
            <option value="{{ $s }}" @selected(request('status')==$s)>{{ $s }}</option>
        @endforeach
    </select>
    <select name="priority" class="border rounded px-3 py-2 text-sm">
        <option value="">همه اولویت‌ها</option>
        @foreach(['low','medium','high','urgent'] as $p)
            <option value="{{ $p }}" @selected(request('priority')==$p)>{{ $p }}</option>
        @endforeach
    </select>
    <button class="bg-gray-700 text-white px-4 py-2 rounded text-sm">فیلتر</button>
</form>

<div class="bg-white rounded-lg shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-50 border-b">
            <tr>
                <th class="text-right p-3">عنوان</th>
                <th class="text-right p-3">مسئول</th>
                <th class="text-right p-3">اولویت</th>
                <th class="text-right p-3">وضعیت</th>
                <th class="text-right p-3">موعد</th>
                <th class="text-right p-3">نوع</th>
            </tr>
        </thead>
        <tbody>
            @forelse($tasks as $task)
            <tr class="border-b hover:bg-gray-50">
                <td class="p-3"><a href="{{ route('tasks.show', $task) }}" class="text-blue-600 hover:underline">{{ $task->title }}</a></td>
                <td class="p-3">{{ $task->assignee?->name ?? '—' }}</td>
                <td class="p-3">{{ $task->priority }}</td>
                <td class="p-3">{{ $task->status }}</td>
                <td class="p-3">{{ $task->due_at?->format('Y/m/d H:i') ?? '—' }}</td>
                <td class="p-3">{{ $task->is_team ? 'تیمی' : 'اختصاصی' }}</td>
            </tr>
            @empty
            <tr><td colspan="6" class="p-6 text-center text-gray-500">وظیفه‌ای یافت نشد.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $tasks->withQueryString()->links() }}</div>
@endsection