@extends('layouts.app')
@section('heading','Grand Launching Events')
@section('content')
<div class="event-toolbar">
    <div><h2>Event workspace</h2><p>Create, configure and monitor every grand launching from one place.</p></div>
    <a href="{{ route('events.create') }}" class="btn btn-primary pegls-primary-btn"><span>+</span> Create Event</a>
</div>
<div class="import-panel">
    <div class="import-copy"><span class="tool-icon">⇄</span><div><strong>Bulk event import</strong><small>Use the CSV template to prepare multiple launching events.</small></div></div>
    <div class="import-actions"><a href="{{ route('csv.template') }}" class="btn btn-outline-primary">Download Template</a><form method="post" action="{{ route('csv.import') }}" enctype="multipart/form-data">@csrf<input type="file" name="csv" class="form-control" accept=".csv" required><button class="btn btn-outline-success">Import CSV</button></form></div>
</div>
@php
    $sortUrl=function($column)use($sort,$direction){
        $nextDirection=$sort===$column&&$direction==='asc'?'desc':'asc';
        return route('events.index',array_merge(request()->query(),['sort'=>$column,'direction'=>$nextDirection,'page'=>1]));
    };
    $sortMark=fn($column)=>$sort===$column?($direction==='asc'?'↑':'↓'):'↕';
@endphp
<div class="card pegls-table-card">
    <div class="event-list-controls">
        <form method="get" action="{{ route('events.index') }}" class="event-search-form">
            <input type="hidden" name="sort" value="{{ $sort }}">
            <input type="hidden" name="direction" value="{{ $direction }}">
            <div class="event-search-box"><span aria-hidden="true">⌕</span><input type="search" name="search" value="{{ $search }}" class="form-control" placeholder="Search event, VIP or status…" aria-label="Search events"></div>
            <label class="event-page-size">Show
                <select name="per_page" class="form-select" onchange="this.form.submit()">
                    @foreach([10,25,50] as $size)<option value="{{ $size }}" @selected($perPage===$size)>{{ $size }}</option>@endforeach
                </select>
            </label>
            <button class="btn btn-primary">Search</button>
            @if($search!=='')<a href="{{ route('events.index',['sort'=>$sort,'direction'=>$direction,'per_page'=>$perPage]) }}" class="btn btn-outline-secondary">Clear</a>@endif
        </form>
    </div>
    <div class="card-body table-responsive"><table class="table align-middle pegls-table">
    <thead><tr>
        <th><a class="table-sort {{ $sort==='title'?'active':'' }}" href="{{ $sortUrl('title') }}">Event <span>{{ $sortMark('title') }}</span></a></th>
        <th><a class="table-sort {{ $sort==='scheduled_at'?'active':'' }}" href="{{ $sortUrl('scheduled_at') }}">Schedule <span>{{ $sortMark('scheduled_at') }}</span></a></th>
        <th><a class="table-sort {{ $sort==='assigned_vips_count'?'active':'' }}" href="{{ $sortUrl('assigned_vips_count') }}">Assigned VIPs <span>{{ $sortMark('assigned_vips_count') }}</span></a></th>
        <th><a class="table-sort {{ $sort==='activation_count'?'active':'' }}" href="{{ $sortUrl('activation_count') }}">VIP Progress <span>{{ $sortMark('activation_count') }}</span></a></th>
        <th><a class="table-sort {{ $sort==='status'?'active':'' }}" href="{{ $sortUrl('status') }}">Status <span>{{ $sortMark('status') }}</span></a></th><th></th>
    </tr></thead>
    <tbody>@forelse($events as $e)<tr>
        <td>{{ $e->title }}</td><td>{{ $e->scheduled_at->format('d M Y, h:i A') }}</td>
        <td>@forelse($e->assignedVipsIncludingArchived as $vip)<span class="badge text-bg-light border me-1">{{ $vip->name }}@if($vip->trashed()) · archived @endif</span>@empty<span class="text-danger">Not assigned</span>@endforelse</td>
        <td><div class="progress-inline"><span>{{ $e->activation_count }} / {{ $e->required_vip_count }}</span><i><b style="width:{{ min(100,($e->activation_count/max(1,$e->required_vip_count))*100) }}%"></b></i></div></td><td><span class="status-badge status-{{ $e->status }}"><i></i>{{ ucfirst($e->status) }}</span></td>
        <td class="text-end"><div class="d-inline-flex gap-2"><a href="{{ route('events.edit',$e) }}" class="btn btn-sm btn-outline-primary configure-btn">Configure <span>→</span></a><form method="post" action="{{ route('events.destroy',$e) }}" onsubmit="return confirm('Archive {{ addslashes($e->title) }}? This event will be removed from the active event list.');">@csrf @method('delete')<button class="btn btn-sm btn-outline-danger">Archive</button></form></div></td>
    </tr>@empty<tr><td colspan="6"><div class="empty-list-state"><strong>No events found</strong><span>@if($search!=='')Try a different search or clear the filter.@elseCreate your first launching event to get started.@endif</span></div></td></tr>@endforelse</tbody>
</table></div>
    @if($events->total()>0)
    <div class="event-pagination-footer">
        <span>Showing <strong>{{ $events->firstItem() }}</strong>–<strong>{{ $events->lastItem() }}</strong> of <strong>{{ $events->total() }}</strong> events</span>
        @if($events->hasPages())
        @php($pageStart=max(1,$events->currentPage()-2))
        @php($pageEnd=min($events->lastPage(),$events->currentPage()+2))
        <nav aria-label="Event pages"><ul class="pagination pagination-sm mb-0">
            <li class="page-item {{ $events->onFirstPage()?'disabled':'' }}"><a class="page-link" href="{{ $events->onFirstPage()?'#':$events->previousPageUrl() }}" aria-label="Previous page">Previous</a></li>
            @if($pageStart>1)<li class="page-item"><a class="page-link" href="{{ $events->url(1) }}">1</a></li>@if($pageStart>2)<li class="page-item disabled"><span class="page-link">…</span></li>@endif @endif
            @for($page=$pageStart;$page<=$pageEnd;$page++)<li class="page-item {{ $events->currentPage()===$page?'active':'' }}"><a class="page-link" href="{{ $events->url($page) }}">{{ $page }}</a></li>@endfor
            @if($pageEnd<$events->lastPage())@if($pageEnd<$events->lastPage()-1)<li class="page-item disabled"><span class="page-link">…</span></li>@endif<li class="page-item"><a class="page-link" href="{{ $events->url($events->lastPage()) }}">{{ $events->lastPage() }}</a></li>@endif
            <li class="page-item {{ $events->hasMorePages()?'':'disabled' }}"><a class="page-link" href="{{ $events->hasMorePages()?$events->nextPageUrl():'#' }}" aria-label="Next page">Next</a></li>
        </ul></nav>
        @endif
    </div>
    @endif
</div>
@endsection