@extends('layouts.app')
@section('title', 'Segments')

@section('content')
<div class="space-y-4">
    <div class="flex items-center justify-between">
        <p class="text-sm text-slate-500">Dynamic segments select contacts by rules every time a campaign runs.</p>
        @can('manage segments')
            <a href="{{ route('segments.create') }}" class="btn-primary">New segment</a>
        @endcan
    </div>

    @if ($segments->isEmpty())
        <x-empty-state title="No segments yet" description="Create rule-based segments like “Country = United Kingdom AND Industry contains Manufacturing”."/>
    @else
        <div class="table-wrap">
            <table class="table">
                <thead><tr><th>Name</th><th>Rules</th><th>Match</th><th>Created</th><th class="w-32"></th></tr></thead>
                <tbody class="divide-y divide-slate-200 dark:divide-slate-800">
                @foreach ($segments as $segment)
                    <tr>
                        <td>
                            <a href="{{ route('segments.show', $segment) }}" class="font-medium text-brand-600 hover:underline dark:text-brand-400">{{ $segment->name }}</a>
                            @if ($segment->description)<p class="max-w-md truncate text-xs text-slate-500">{{ $segment->description }}</p>@endif
                        </td>
                        <td>{{ count($segment->conditions ?? []) }} {{ Str::plural('rule', count($segment->conditions ?? [])) }}</td>
                        <td class="uppercase text-xs font-semibold text-slate-500">{{ $segment->match_type }}</td>
                        <td class="text-slate-500">{{ $segment->created_at->format('d M Y') }}</td>
                        <td>
                            <div class="flex justify-end gap-2">
                                @can('manage segments')
                                    <a href="{{ route('segments.edit', $segment) }}" class="btn-ghost text-xs">Edit</a>
                                    <x-confirm-form :action="route('segments.destroy', $segment)" method="DELETE"
                                                    buttonClass="btn-ghost text-xs text-rose-600" message="Delete this segment?">
                                        Delete
                                    </x-confirm-form>
                                @endcan
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        {{ $segments->links() }}
    @endif
</div>
@endsection