@extends('layouts.app')

@section('title', __('clinic.tasks'))
@section('heading', __('clinic.tasks'))

@section('content')
    <div class="flex-between mb-1">
        <span></span>
        <a href="{{ route('tasks.create') }}" class="btn btn-primary">{{ __('clinic.crm_new_task') }}</a>
    </div>
    <div class="table-wrap">
        <table class="data-table">
            <thead>
            <tr><th>{{ __('clinic.crm_title') }}</th><th>{{ __('clinic.crm_agent') }}</th><th>{{ __('clinic.crm_new_lead') }}</th><th>{{ __('clinic.crm_due') }}</th><th>{{ __('clinic.crm_status') }}</th><th></th></tr>
            </thead>
            <tbody>
            @forelse ($tasks as $task)
                <tr style="{{ $task->isCompleted() ? 'opacity:0.65' : '' }}">
                    <td>{{ $task->title }}</td>
                    <td>{{ $task->assignee->name ?? '—' }}</td>
                    <td>@if ($task->lead)<a href="{{ route('leads.show', $task->lead) }}">{{ $task->lead->name }}</a>@else — @endif</td>
                    <td>{{ $task->due_at ? $task->due_at->format('M j, Y H:i') : '—' }}</td>
                    <td>{{ $task->isCompleted() ? __('clinic.crm_completed') : __('clinic.crm_open') }}</td>
                    <td class="flex gap" style="flex-wrap:wrap">
                        @if (! $task->isCompleted())
                            <form method="POST" action="{{ route('tasks.complete', $task) }}">
                                @csrf
                                <button type="submit" class="btn btn-ghost btn-sm">{{ __('clinic.crm_complete') }}</button>
                            </form>
                        @endif
                        <a href="{{ route('tasks.edit', $task) }}" class="btn btn-ghost btn-sm">{{ __('clinic.crm_edit') }}</a>
                        <form method="POST" action="{{ route('tasks.destroy', $task) }}" onsubmit="return confirm('{{ __('clinic.crm_delete_task_confirm') }}');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-ghost btn-sm">{{ __('clinic.crm_delete') }}</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" style="text-align: center;">{{ __('clinic.crm_no_tasks') }}</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @include('partials.pagination', ['paginator' => $tasks])
@endsection