@extends('admin.layouts.app')

@section('title', __('admin.campaign_groups.title') . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.campaign_groups.title'))

@push('styles')
<style>
    .cgi-wrap { display:grid; gap:16px; margin-top:16px; }
    .card { background:#fff; border:1px solid #eef2f7; border-radius:16px;
            box-shadow:0 1px 2px rgba(15,23,42,.03), 0 4px 12px -8px rgba(15,23,42,.06); overflow:hidden; }
    .cgi-filters { display:flex; gap:10px; flex-wrap:wrap; align-items:end; padding:14px 18px; border-bottom:1px solid #f1f5f9; }
    .cgi-filters .f { display:grid; gap:5px; min-width:170px; flex:1 1 170px; }
    .cgi-filters label { font-size:11.5px; font-weight:700; color:#334155; }
    .cgi-input { width:100%; padding:8px 12px; border:1px solid #e2e8f0; border-radius:10px;
                 font-size:13px; font-family:inherit; color:#0f172a; background:#fff; }
    .cgi-input:focus { outline:none; border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.16); }

    .cgi-scroll { overflow-x:auto; }
    .cgi-table { width:100%; border-collapse:collapse; font-size:13px; }
    .cgi-table th, .cgi-table td { padding:12px 14px; border-bottom:1px solid #f1f5f9; text-align:start; vertical-align:top; }
    .cgi-table th { font-size:11px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; }
    .cgi-table tbody tr:hover { background:#fafbff; }
    .cgi-name { font-weight:700; color:#0f172a; text-decoration:none; overflow-wrap:anywhere; }
    .cgi-name:hover { color:#4338ca; }
    .cgi-sub { font-size:11.5px; color:#94a3b8; margin-top:2px; overflow-wrap:anywhere; }
    /* Long AR/EN rule summaries must wrap, never stretch the table. */
    .cgi-summary { max-width:420px; font-size:12px; color:#475569; line-height:1.6; overflow-wrap:anywhere; }
    .cgi-badge { display:inline-block; border-radius:999px; padding:2px 10px; font-size:11px; font-weight:700; white-space:nowrap; }
    .cgi-badge--inv { background:#eef2ff; color:#3730a3; }
    .cgi-badge--sta { background:#ecfdf5; color:#065f46; }
    .cgi-badge--on  { background:#d1fae5; color:#065f46; }
    .cgi-badge--off { background:#f1f5f9; color:#64748b; }
    .cgi-count { font-weight:800; color:#0f172a; font-size:15px; }
    .cgi-actions { display:flex; gap:6px; flex-wrap:wrap; }
    .cgi-btn { border:1px solid #e2e8f0; background:#fff; color:#334155; border-radius:9px;
               padding:6px 11px; font-size:12px; font-weight:700; cursor:pointer;
               text-decoration:none; font-family:inherit; display:inline-block; }
    .cgi-btn:hover { border-color:#c7d2fe; background:#fafbff; }
    .cgi-btn--danger:hover { border-color:#fecaca; background:#fef2f2; color:#b91c1c; }
    .cgi-btn--primary { background:#4f46e5; border-color:#4f46e5; color:#fff; }
    @media (max-width: 760px) { .cgi-summary { max-width:none; } }
</style>
@endpush

@php
    // Admins authenticate on the `admin` guard, so @can (default guard) would
    // always be false here — the project resolves the guard explicitly.
    // This only controls VISIBILITY; the routes carry the real gate.
    $me         = auth('admin')->user();
    $canCreate  = $me?->can('campaign-groups.create')  ?? false;
    $canDetails = $me?->can('campaign-groups.details') ?? false;
    $canEdit    = $me?->can('campaign-groups.edit')    ?? false;
    $canDelete  = $me?->can('campaign-groups.delete')  ?? false;
@endphp

@section('content')
<x-admin.page-header :title="__('admin.campaign_groups.title')" :subtitle="__('admin.campaign_groups.subtitle')">
    {{-- page-header exposes a NAMED `actions` slot; default-slot content is
         discarded (see components/admin/page-header.blade.php). --}}
    <x-slot:actions>
        @if ($canCreate)
            <a class="cgi-btn cgi-btn--primary" href="{{ route('admin.campaign-groups.create') }}">
                {{ __('admin.campaign_groups.new') }}
            </a>
        @endif
    </x-slot:actions>
</x-admin.page-header>

@include('admin.partials.flash')

<div class="cgi-wrap">
    <div class="card">
        <form method="GET" class="cgi-filters">
            <div class="f">
                <label for="q">{{ __('admin.campaign_groups.index.search') }}</label>
                <input class="cgi-input" id="q" name="q" type="search" value="{{ $search }}"
                       placeholder="{{ __('admin.campaign_groups.index.search') }}">
            </div>
            <div class="f">
                <label for="target_source">{{ __('admin.campaign_groups.source.label') }}</label>
                <select class="cgi-input" id="target_source" name="target_source">
                    <option value="">All sources</option>
                    @foreach($sources as $source)<option value="{{ $source }}" @selected($sourceFilter===$source)>{{ __('admin.campaign_groups.source.'.$source) }}</option>@endforeach
                </select>
            </div>
            <div class="f">
                <label for="audience_type">{{ __('admin.campaign_groups.audience.label') }}</label>
                <select class="cgi-input" id="audience_type" name="audience_type">
                    <option value="">{{ __('admin.campaign_groups.index.filter_audience') }}</option>
                    @foreach ($audienceTypes as $type)
                        <option value="{{ $type }}" @selected($audienceFilter === $type)>
                            {{ __('admin.campaign_groups.audience.' . $type) }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="f">
                <label for="state">{{ __('admin.campaign_groups.index.col_state') }}</label>
                <select class="cgi-input" id="state" name="state">
                    <option value="">{{ __('admin.campaign_groups.index.filter_state') }}</option>
                    <option value="active" @selected($stateFilter === 'active')>{{ __('admin.campaign_groups.index.state_active') }}</option>
                    <option value="inactive" @selected($stateFilter === 'inactive')>{{ __('admin.campaign_groups.index.state_inactive') }}</option>
                </select>
            </div>
            <div class="f" style="flex:0 0 auto; min-width:0;">
                <label>&nbsp;</label>
                <button type="submit" class="cgi-btn">{{ __('admin.campaign_groups.preview.run') }}</button>
            </div>
        </form>

        @if ($groups->total() === 0)
            <x-admin.empty-state
                :title="__('admin.campaign_groups.index.empty_title')"
                :message="__('admin.campaign_groups.index.empty_message')" />
        @else
            <div class="cgi-scroll">
                <table class="cgi-table">
                    <thead>
                        <tr>
                            <th>{{ __('admin.campaign_groups.index.col_name') }}</th>
                            <th>{{ __('admin.campaign_groups.source.label') }}</th>
                            <th>{{ __('admin.campaign_groups.index.col_audience') }}</th>
                            <th>{{ __('admin.campaign_groups.index.col_summary') }}</th>
                            <th>{{ __('admin.campaign_groups.index.col_count') }}</th>
                            <th>{{ __('admin.campaign_groups.index.col_state') }}</th>
                            <th>{{ __('admin.campaign_groups.index.col_updated') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($groups as $group)
                            <tr>
                                <td>
                                    @if ($canDetails)
                                        <a class="cgi-name" href="{{ route('admin.campaign-groups.show', $group) }}">
                                            {{ $group->displayName() }}
                                        </a>
                                    @else
                                        <span class="cgi-name">{{ $group->displayName() }}</span>
                                    @endif
                                    @if (filled($group->description))
                                        <div class="cgi-sub">{{ Str::limit($group->description, 90) }}</div>
                                    @endif
                                </td>
                                <td><span class="cgi-badge cgi-badge--inv">{{ __('admin.campaign_groups.source.'.$group->source()) }}</span></td>
                                <td>
                                    <span class="cgi-badge {{ $group->isInvestorAudience() ? 'cgi-badge--inv' : 'cgi-badge--sta' }}">
                                        {{ __('admin.campaign_groups.audience.' . $group->audience_type) }}
                                    </span>
                                </td>
                                <td>
                                    {{-- Human-readable rules. Presentation only —
                                         the query is always compiled from the tree. --}}
                                    <div class="cgi-summary">
                                        {{ $summarizer->toLine($group->filters, $group->audience_type) }}
                                    </div>
                                </td>
                                <td>
                                    @if ($group->last_match_count !== null)
                                        <div class="cgi-count">{{ number_format($group->last_match_count) }}</div>
                                        {{-- Labelled explicitly: this is a cached
                                             value, never presented as authoritative. --}}
                                        <div class="cgi-sub">
                                            {{ __('admin.campaign_groups.index.cached_count') }}
                                            @if ($group->last_matched_at)
                                                · {{ $group->last_matched_at->diffForHumans() }}
                                            @endif
                                        </div>
                                    @else
                                        <div class="cgi-sub">{{ __('admin.campaign_groups.index.never_counted') }}</div>
                                    @endif
                                </td>
                                <td>
                                    <span class="cgi-badge {{ $group->is_active ? 'cgi-badge--on' : 'cgi-badge--off' }}">
                                        {{ $group->is_active
                                            ? __('admin.campaign_groups.index.state_active')
                                            : __('admin.campaign_groups.index.state_inactive') }}
                                    </span>
                                </td>
                                <td class="cgi-sub">{{ $group->updated_at?->diffForHumans() }}</td>
                                <td>
                                    <div class="cgi-actions">
                                        @if ($canEdit)
                                            <a class="cgi-btn" href="{{ route('admin.campaign-groups.edit', $group) }}">
                                                {{ __('admin.campaign_groups.show.edit') }}
                                            </a>
                                        @endif
                                        @if ($canDelete)
                                            <form method="POST" action="{{ route('admin.campaign-groups.destroy', $group) }}"
                                                  onsubmit="return confirm(@js(__('admin.campaign_groups.confirm.archive')));"
                                                  style="display:inline;">
                                                @csrf @method('DELETE')
                                                <button type="submit" class="cgi-btn cgi-btn--danger">
                                                    {{ __('admin.campaign_groups.show.archive') }}
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div style="padding:14px 18px;">{{ $groups->links() }}</div>
        @endif
    </div>
</div>
@endsection