@extends('layouts.dashboard')

@section('title', 'Event Management | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h4 class="fw-bold mb-0">Events &amp; Summits Directory</h4>
        <a href="{{ route('admin.events.create') }}" class="default__button btn-sm">Create New Event</a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Title &amp; Type</th>
                    <th>Category</th>
                    <th>Schedule</th>
                    <th>Mode &amp; Venue</th>
                    <th>Capacity / Booked</th>
                    <th>Fee</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($events as $evt)
                    <tr>
                        <td>
                            <strong><a href="{{ route('events.show', $evt->slug) }}" target="_blank" class="text-dark">{{ $evt->title }}</a></strong><br>
                            <span class="badge bg-primary text-uppercase">{{ $evt->event_type }}</span>
                        </td>
                        <td>{{ $evt->category->name }}</td>
                        <td class="small">
                            <div>{{ $evt->start_date->format('M d, Y') }}</div>
                            <span class="text-muted">{{ $evt->start_date->format('h:i A') }}</span>
                        </td>
                        <td>
                            <span class="badge {{ $evt->mode === 'online' ? 'bg-info' : 'bg-success' }} text-uppercase">{{ $evt->mode }}</span><br>
                            <small class="text-muted">{{ Str::limit($evt->venue ?? 'Online Access', 25) }}</small>
                        </td>
                        <td>
                            <span class="badge {{ $evt->registered_count >= $evt->capacity ? 'bg-danger' : 'bg-light text-dark border' }} fs-6">
                                {{ $evt->registered_count }} / {{ $evt->capacity }}
                            </span>
                        </td>
                        <td class="fw-bold">
                            @if($evt->registration_fee > 0)
                                ₹{{ number_format($evt->registration_fee, 2) }}
                            @else
                                <span class="badge bg-success">Free</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge {{ $evt->status === 'upcoming' ? 'bg-primary' : 'bg-secondary' }} text-uppercase">{{ $evt->status }}</span>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">No events created yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $events->links() }}</div>
</div>

@endsection