@extends('layouts.app')

@section('title', $title)

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{{ route('activities.dashboard') }}">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item active">{{ $title }}</li>
                </ol>
            </nav>

            <div class="d-flex justify-content-between align-items-center">
                <h2 class="mb-0">{{ $title }}</h2>
                <a href="{{ route('activities.dashboard') }}" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left me-2"></i>Voltar ao Dashboard
                </a>
            </div>
        </div>
    </div>

    <!-- Estatísticas Específicas -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Total</h6>
                    <h3 class="mb-0">{{ $stats['total'] }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Concluídas</h6>
                    <h3 class="mb-0 text-success">{{ $stats['completed'] }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Pendentes</h6>
                    <h3 class="mb-0 text-warning">{{ $stats['pending'] }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Atrasadas</h6>
                    <h3 class="mb-0 text-danger">{{ $stats['overdue'] }}</h3>
                </div>
            </div>
        </div>
    </div>

    <!-- Informações da Entidade -->
    @if($entity && $type == 'cliente')
        <div class="card mb-4">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-auto">
                        @if($entity->logo)
                            <img src="{{ asset($entity->logo) }}" alt="{{ $entity->nome }}"
                                 class="rounded-circle" style="width: 80px; height: 80px; object-fit: cover;">
                        @else
                            <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center"
                                 style="width: 80px; height: 80px; font-size: 2rem;">
                                {{ substr($entity->nome, 0, 2) }}
                            </div>
                        @endif
                    </div>
                    <div class="col">
                        <h4 class="mb-1">{{ $entity->nome }}</h4>
                        <p class="text-muted mb-0">{{ $entity->email }}</p>
                        <p class="text-muted mb-0">{{ $entity->telefone }}</p>
                    </div>
                    <div class="col-auto">
                        <a href="{{ route('clientes.show', $entity) }}" class="btn btn-outline-primary">
                            Ver Cliente
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @elseif($entity && $type == 'user')
        <div class="card mb-4">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-auto">
                        <div class="avatar avatar-xl">
                            <span class="avatar-title rounded-circle bg-primary">
                                {{ substr($entity->name, 0, 2) }}
                            </span>
                        </div>
                    </div>
                    <div class="col">
                        <h4 class="mb-1">{{ $entity->name }}</h4>
                        <p class="text-muted mb-0">{{ $entity->email }}</p>
                        <p class="text-muted mb-0">{{ $entity->role->display_name ?? 'Sem perfil' }}</p>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <!-- Filtros Adicionais -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                @if($type != 'status')
                    <div class="col-md-3">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-select" onchange="this.form.submit()">
                            <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>
                        </select>
                    </div>
                @endif

                @if($type != 'priority')
                    <div class="col-md-3">
                        <label class="form-label">Prioridade</label>
                        <select name="priority" class="form-select" onchange="this.form.submit()">
                            <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>
                @endif

                <div class="col-md-3">
                    <label class="form-label">Data Inicial</label>
                    <input type="date" name="start_date" class="form-control"
                           value="{{ request('start_date') }}" onchange="this.form.submit()">
                </div>

                <div class="col-md-3">
                    <label class="form-label">Data Final</label>
                    <input type="date" name="end_date" class="form-control"
                           value="{{ request('end_date') }}" onchange="this.form.submit()">
                </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>Título</th>
                            @if($type != 'cliente')
                                <th>Cliente</th>
                            @endif
                            @if($type != 'user')
                                <th>Responsáveis</th>
                            @endif
                            <th>Status</th>
                            <th>Prioridade</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>
                                    <a href="{{ route('activities.show', $activity) }}" class="text-decoration-none">
                                        {{ $activity->title }}
                                    </a>
                                </td>
                                @if($type != 'cliente')
                                    <td>{{ $activity->cliente->nome ?? '-' }}</td>
                                @endif
                                @if($type != 'user')
                                    <td>
                                        @foreach($activity->assignees as $assignee)
                                            <span class="badge bg-secondary">{{ $assignee->name }}</span>
                                        @endforeach
                                    </td>
                                @endif
                                <td>
                                    <span class="badge bg-{{ $activity->status_color }}">
                                        {{ ucfirst(str_replace('_', ' ', $activity->status)) }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-{{ $activity->priority_color }}">
                                        {{ $activity->priority }}
                                    </span>
                                </td>
                                <td>
                                    @if($activity->due_date)
                                        {{ $activity->due_date->format('d/m/Y') }}
                                    @else
                                        -
                                    @endif
                                </td>
                                <td>
                                    <div class="progress" style="height: 20px;">
                                        <div class="progress-bar" style="width: {{ $activity->getProgressPercentage() }}%">
                                            {{ round($activity->getProgressPercentage()) }}%
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ route('activities.show', $activity) }}" class="btn btn-outline-primary">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        @if(auth()->user()->hasPermission('activities.edit'))
                                            <a href="{{ route('activities.edit', $activity) }}" class="btn btn-outline-secondary">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" 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