@extends('layouts.admin')
@section('title', 'Segments')
@section('admin')
<div class="flex items-center justify-between mb-6">
    <div>
        <h1 class="text-2xl font-bold text-white">Audience Segments</h1>
        <p class="text-sm text-gray-400">Saved rule-based audiences. Use them in campaigns and automations.</p>
    </div>
    <a href="{{ route('admin.segments.create') }}" class="px-4 py-2 bg-red-700 hover:bg-red-600 text-white rounded-md text-sm">
        <i class="fa-solid fa-plus mr-1"></i>New segment
    </a>
</div>

<div class="bg-gray-900/60 border border-gray-800 rounded-lg overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-950/80 text-gray-400 text-xs uppercase tracking-wide">
            <tr>
                <th class="text-left p-3">Name</th>
                <th class="text-right p-3">Last count</th>
                <th class="text-right p-3">Refreshed</th>
                <th class="p-3"></th>
            </tr>
        </thead>
        <tbody>
        @forelse($rows as $r)
            <tr class="border-t border-gray-800">
                <td class="p-3"><a href="{{ route('admin.segments.edit', $r) }}" class="text-red-300 hover:text-red-200 font-medium">{{ $r->name }}</a>
                    @if($r->description)<div class="text-xs text-gray-500 mt-0.5">{{ $r->description }}</div>@endif
                </td>
                <td class="p-3 text-right text-gray-200">{{ $r->last_count !== null ? number_format($r->last_count) : '—' }}</td>
                <td class="p-3 text-right text-xs text-gray-500">{{ $r->last_counted_at?->diffForHumans() ?? 'never' }}</td>
                <td class="p-3 text-right">
                    <form method="POST" action="{{ route('admin.segments.destroy', $r) }}" onsubmit="return confirm('Delete segment?')" class="inline">
                        @csrf @method('DELETE')
                        <button class="text-gray-500 hover:text-red-400"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </td>
            </tr>
        @empty
            <tr><td colspan="4" class="p-8 text-center text-gray-500">No segments yet — create one to slice your audience.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
@endsection