@extends('layouts.app')

@section('title', 'Tâches')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Tableau de bord</a></li>
    <li class="breadcrumb-item active">Tâches</li>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Tâches</h4>
    <a href="{{ route('tasks.create') }}" class="btn btn-success">
        <i class="bi bi-plus-lg"></i> Nouvelle Tâche
    </a>
</div>

<div class="card">
    <div class="card-body">
        <table class="table table-hover dt-table">
            <thead class="table-light">
                <tr>
                    <th>Titre</th>
                    <th>Assigné à</th>
                    <th>Priorité</th>
                    <th>Échéance</th>
                    <th>Statut</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($tasks as $task)
                <tr>
                    <td>{{ $task->title }}</td>
                    <td>{{ $task->assignee->name ?? 'Non assigné' }}</td>
                    <td>
                        @switch($task->priority)
                            @case('urgent') <span class="badge bg-danger">Urgent</span> @break
                            @case('high') <span class="badge bg-warning text-dark">Haute</span> @break
                            @case('medium') <span class="badge bg-info text-dark">Moyenne</span> @break
                            @default <span class="badge bg-secondary">Basse</span>
                        @endswitch
                    </td>
                    <td>
                        {{ $task->due_date->format('d/m/Y') }}
                        @if($task->status !== 'completed' && $task->due_date < now())
                            <i class="bi bi-exclamation-circle text-danger" title="En retard"></i>
                        @endif
                    </td>
                    <td>
                        @switch($task->status)
                            @case('completed') <span class="badge bg-success">Terminé</span> @break
                            @case('in_progress') <span class="badge bg-primary">En cours</span> @break
                            @case('cancelled') <span class="badge bg-secondary">Annulé</span> @break
                            @default <span class="badge bg-warning text-dark">En attente</span>
                        @endswitch
                    </td>
                    <td>
                        <a href="{{ route('tasks.show', $task) }}" class="btn btn-sm btn-info" title="Voir">
                            <i class="bi bi-eye"></i>
                        </a>
                        <a href="{{ route('tasks.edit', $task) }}" class="btn btn-sm btn-warning" title="Modifier">
                            <i class="bi bi-pencil"></i>
                        </a>
                        <form action="{{ route('tasks.destroy', $task) }}" method="POST" class="d-inline"
                              onsubmit="return confirm('Supprimer cette tâche ?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" title="Supprimer">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center text-muted">Aucune tâche enregistrée.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@endsection