{{-- admin/tasks/index.blade.php | Obrempong | Jcode --}}
@extends('layouts.admin')
@section('title','Tasks')
@section('content')
<div class="d-flex justify-between align-center mb-20">
    <div></div>
    <a href="{{ route('admin.tasks.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i> New Task</a>
</div>
<div class="card">
    <div class="card-header"><h3>All Tasks <span class="badge badge-primary" style="margin-left:8px;">{{ $tasks->count() }}</span></h3></div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>Task</th><th>Type</th><th>Points</th><th>Daily Limit</th><th>Completions</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($tasks as $task)
            <tr>
                <td><div style="font-weight:600;font-size:13px;">{{ $task->title }}</div><div style="font-size:11px;color:var(--text-muted);">{{ Str::limit($task->description,50) }}</div></td>
                <td><span class="badge badge-primary">{{ ucfirst($task->type) }}</span></td>
                <td><strong>{{ $task->points }}</strong></td>
                <td>{{ $task->daily_limit }}x/day</td>
                <td>{{ number_format($task->user_tasks_count) }}</td>
                <td>
                    <form method="POST" action="{{ route('admin.tasks.toggle',$task) }}" style="display:inline;">@csrf
                        <button class="badge {{ $task->status?'badge-success':'badge-muted' }}" style="border:none;cursor:pointer;">{{ $task->status?'Active':'Disabled' }}</button>
                    </form>
                </td>
                <td>
                    <div style="display:flex;gap:5px;">
                        <a href="{{ route('admin.tasks.edit',$task) }}" class="btn btn-xs btn-primary"><i class="fa fa-pen"></i></a>
                        <form method="POST" action="{{ route('admin.tasks.delete',$task) }}" style="display:inline;">@csrf @method('DELETE')<button class="btn btn-xs btn-danger" onclick="return confirm('Delete task?')"><i class="fa fa-trash"></i></button></form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center;padding:40px;color:var(--text-muted);">No tasks yet. <a href="{{ route('admin.tasks.create') }}">Create one</a></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection