@extends('layouts.app')

@section('title', 'Atividades')

@section('content')
<div class="container-fluid">
    <div class="row g-3 mb-4">
        <div class="col-auto">
            <h2 class="mb-0">Atividades</h2>
        </div>
        <div class="col-auto ms-auto">
            @if(auth()->user()->hasPermission('activities.create'))
                <a href="{{ route('activities.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-2"></i>Nova Atividade
                </a>
            @endif
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('activities.index') }}" class="row g-3">
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="">Todos</option>
                        <option value="todo" {{ request('status') == 'todo' ? 'selected' : '' }}>A Fazer</option>
                        <option value="in_progress" {{ request('status') == 'in_progress' ? 'selected' : '' }}>Em Progresso</option>
                        <option value="review" {{ request('status') == 'review' ? 'selected' : '' }}>Em Revisão</option>
                        <option value="done" {{ request('status') == 'done' ? 'selected' : '' }}>Concluído</option>
                        <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelado</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Prioridade</label>
                    <select name="priority" class="form-select">
                        <option value="">Todas</option>
                        <option value="P0" {{ request('priority') == 'P0' ? 'selected' : '' }}>P0 - Crítica</option>
                        <option value="P1" {{ request('priority') == 'P1' ? 'selected' : '' }}>P1 - Alta</option>
                        <option value="P2" {{ request('priority') == 'P2' ? 'selected' : '' }}>P2 - Média</option>
                        <option value="P3" {{ request('priority') == 'P3' ? 'selected' : '' }}>P3 - Baixa</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Tipo</label>
                    <select name="type" class="form-select">
                        <option value="">Todos</option>
                        <option value="task" {{ request('type') == 'task' ? 'selected' : '' }}>Tarefa</option>
                        <option value="bug" {{ request('type') == 'bug' ? 'selected' : '' }}>Bug</option>
                        <option value="improvement" {{ request('type') == 'improvement' ? 'selected' : '' }}>Melhoria</option>
                        <option value="meeting" {{ request('type') == 'meeting' ? 'selected' : '' }}>Reunião</option>
                        <option value="review" {{ request('type') == 'review' ? 'selected' : '' }}>Revisão</option>
                        <option value="other" {{ request('type') == 'other' ? 'selected' : '' }}>Outro</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Responsável</label>
                    <select name="assignee" class="form-select">
                        <option value="">Todos</option>
                        @foreach($users as $user)
                            <option value="{{ $user->id }}" {{ request('assignee') == $user->id ? 'selected' : '' }}>
                                {{ $user->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label">Cliente</label>
                    <select name="cliente_id" class="form-select">
                        <option value="">Todos</option>
                        @foreach($clientes as $cliente)
                            <option value="{{ $cliente->id }}" {{ request('cliente_id') == $cliente->id ? 'selected' : '' }}>
                                {{ $cliente->nome }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2 d-flex align-items-end gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter me-1"></i>Filtrar
                    </button>
                    <a href="{{ route('activities.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i>
                    </a>
                </div>

                <div class="col-12">
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="my_activities" value="1"
                               {{ request('my_activities') ? 'checked' : '' }}>
                        <label class="form-check-label">Minhas atividades</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="overdue" value="1"
                               {{ request('overdue') ? 'checked' : '' }}>
                        <label class="form-check-label text-danger">Atrasadas</label>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Lista de Atividades -->
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th width="40">
                                <i class="fas fa-flag"></i>
                            </th>
                            <th>Título</th>
                            <th>Tipo</th>
                            <th>Status</th>
                            <th>Responsáveis</th>
                            <th>Cliente</th>
                            <th>Prazo</th>
                            <th>Progresso</th>
                            <th width="100">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($activities as $activity)
                            <tr class="{{ $activity->isOverdue() ? 'table-danger' : '' }}">
                                <td>
                                    <span class="badge bg-{{ $activity->priority_color }}">
                                        {{ $activity->priority }}
                                    </span>
                                </td>
                                <td>
                                    <a href="{{ route('activities.show', $activity) }}" class="text-decoration-none">
                                        {{ $activity->title }}
                                    </a>
                                    @if($activity->post)
                                        <br>
                                        <small class="text-muted">
                                            <i class="fas fa-link me-1"></i>
                                            Post: {{ $activity->post->title }}
                                        </small>
                                    @endif
                                </td>
                                <td>
                                    <i class="{{ $activity->type_icon }} me-1"></i>
                                    {{ ucfirst($activity->type) }}
                                </td>
                                <td>
                                    <span class="badge bg-{{ $activity->status_color }}">
                                        {{ ucfirst(str_replace('_', ' ', $activity->status)) }}
                                    </span>
                                </td>
                                <td>
                                    @foreach($activity->assignees as $assignee)
                                        <span class="badge bg-secondary">{{ $assignee->name }}</span>
                                    @endforeach
                                </td>
                                <td>
                                    {{ $activity->cliente->nome ?? '-' }}
                                </td>
                                <td>
                                    @if($activity->due_date)
                                        {{ $activity->due_date->format('d/m/Y') }}
                                        @if($activity->isOverdue())
                                            <i class="fas fa-exclamation-triangle text-danger ms-1"></i>
                                        @elseif($activity->isDueSoon())
                                            <i class="fas fa-clock text-warning ms-1"></i>
                                        @endif
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    <div class="progress" style="height: 20px;">
                                        <div class="progress-bar" role="progressbar"
                                             style="width: {{ $activity->getProgressPercentage() }}%">
                                            {{ round($activity->getProgressPercentage()) }}%
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="btn-group btn-group-sm" role="group">
                                        <a href="{{ route('activities.show', $activity) }}"
                                           class="btn btn-outline-primary" title="Visualizar">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        @can('activities.edit')
                                            <a href="{{ route('activities.edit', $activity) }}"
                                               class="btn btn-outline-secondary" title="Editar">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                        @endcan
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center py-4">
                                    <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                                    <p class="text-muted">Nenhuma atividade encontrada</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{ $activities->links() }}
        </div>
    </div>
</div>
@endsection