@extends('layouts.app')

@section('title', 'Dashboard - ApiEco')

@section('content')
<div class="mb-8">
    <h1 class="text-3xl font-bold text-gray-800">Bem-vindo, {{ auth()->user()->name }}!</h1>
    <p class="text-gray-600">Explore os pontos turísticos de Salvador e arredores.</p>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
    <div class="bg-white rounded-lg shadow p-6">
        <div class="text-emerald-600 text-4xl mb-2">📍</div>
        <h3 class="text-xl font-semibold text-gray-800">{{ $stats['total_pontos'] }}</h3>
        <p class="text-gray-600">Total de Pontos</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <div class="text-emerald-600 text-4xl mb-2">✓</div>
        <h3 class="text-xl font-semibold text-gray-800">{{ $stats['pontos_ativos'] }}</h3>
        <p class="text-gray-600">Pontos Ativos</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <div class="text-emerald-600 text-4xl mb-2">👤</div>
        <h3 class="text-xl font-semibold text-gray-800">{{ $stats['meus_pontos'] }}</h3>
        <p class="text-gray-600">Meus Pontos Criados</p>
    </div>
</div>

<div class="bg-white rounded-lg shadow p-6">
    <h2 class="text-xl font-semibold text-gray-800 mb-4">Pontos Turísticos Recentes</h2>
    
    @if($recentPontos->isEmpty())
        <p class="text-gray-500 text-center py-8">Nenhum ponto turístico cadastrado ainda.</p>
    @else
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
            @foreach($recentPontos as $ponto)
                <a href="{{ route('pontos-turisticos.show', $ponto) }}" class="block border border-gray-200 rounded-lg p-4 hover:bg-gray-50 transition">
                    <h3 class="font-semibold text-emerald-600">{{ $ponto->nome }}</h3>
                    <p class="text-sm text-gray-600 mt-1">{{ Str::limit($ponto->descricao, 80) }}</p>
                    <div class="flex items-center mt-2 text-xs text-gray-500">
                        <span class="mr-2">{{ $ponto->cidade }}/{{ $ponto->estado }}</span>
                        <span class="px-2 py-1 rounded {{ $ponto->status === 'ativo' ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700' }}">
                            {{ ucfirst($ponto->status) }}
                        </span>
                    </div>
                </a>
            @endforeach
        </div>
    @endif
</div>
@endsection