@extends('admin.layouts.app')

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

@php
    $filterKeys = ['category_id', 'event_type', 'is_active', 'from', 'to'];
    $activeFilters = collect($filterKeys)->filter(fn ($k) => filled(request($k)))->count();
@endphp

@section('content')
    <x-admin.page-header :title="__('admin.events.list_title')" :subtitle="__('admin.events.list_subtitle', ['count' => $events->total()])">
        <x-slot:actions>
            <x-admin.btn-create :href="route('admin.events.create')" :label="__('admin.events.create')" />
        </x-slot:actions>
    </x-admin.page-header>

    @include('admin.partials.flash')

    <x-admin.list-toolbar
        :searchPlaceholder="__('admin.filters.search_placeholder')"
        :activeFilters="$activeFilters"
        filterTargetId="events-filter-bar" />

    <x-admin.filter-bar id="events-filter-bar">
        @foreach (request()->only(['q', 'sort', 'dir']) as $key => $value)
            <input type="hidden" name="{{ $key }}" value="{{ $value }}">
        @endforeach

        <x-admin.form-select name="category_id" :label="__('admin.events.fields.category')"
            :options="$categories->pluck('name','id')->toArray()" :selected="request('category_id')" :placeholder="__('admin.filters.all')" />
        <x-admin.form-select name="event_type" :label="__('admin.events.fields.event_type')"
            :options="collect($types)->mapWithKeys(fn($t) => [$t => __('admin.events.types.' . $t)])->toArray()"
            :selected="request('event_type')" :placeholder="__('admin.filters.all')" />
        <x-admin.form-select name="is_active" :label="__('admin.fields.status')"
            :options="['1' => __('admin.statuses.active'), '0' => __('admin.statuses.inactive')]"
            :selected="request('is_active')" :placeholder="__('admin.filters.all')" />
        <x-admin.form-input name="from" :label="__('admin.filters.created_from')" type="date" :value="request('from')" />
        <x-admin.form-input name="to"   :label="__('admin.filters.created_to')"   type="date" :value="request('to')" />
    </x-admin.filter-bar>

    <div class="card card-table">
        @if ($events->isEmpty())
            <x-admin.empty-state :title="__('admin.events.empty_title')" />
        @else
            <div class="card-table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th><x-admin.sortable column="title" :label="__('admin.events.fields.title')" /></th>
                            <th>{{ __('admin.events.fields.category') }}</th>
                            <th><x-admin.sortable column="event_date" :label="__('admin.events.fields.event_date')" /></th>
                            <th>{{ __('admin.events.fields.event_type') }}</th>
                            <th>{{ __('admin.events.fields.location') }}</th>
                            <th><x-admin.sortable column="is_active" :label="__('admin.fields.status')" /></th>
                            <th class="actions">{{ __('admin.fields.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($events as $event)
                            <tr>
                                <td>
                                    <div class="row-with-image">
                                        @if ($event->image_path)
                                            <img src="{{ $event->imageUrl() }}" alt="" class="row-thumb">
                                        @endif
                                        <strong>{{ $event->title }}</strong>
                                    </div>
                                </td>
                                <td>{{ $event->category?->name ?: '—' }}</td>
                                <td>{{ optional($event->event_date)->format('Y-m-d') }} {{ \Illuminate\Support\Str::of($event->event_time)->limit(5, '') }}</td>
                                <td><span class="badge" style="--badge-color: {{ $event->event_type === 'online' ? '#1c6b2a' : '#5a2d80' }};">{{ __('admin.events.types.' . $event->event_type) }}</span></td>
                                <td class="truncate">{{ $event->location }}</td>
                                <td>
                                    <x-admin.row-toggle :action="route('admin.events.toggle', $event)" :checked="$event->is_active" />
                                </td>
                                <td class="actions">
                                    <x-admin.row-actions :editUrl="route('admin.events.edit', $event)" :deleteUrl="route('admin.events.destroy', $event)" />
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">{{ $events->links() }}</div>
        @endif
    </div>
@endsection