@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.events') }}
@endpush
@push('css')
<style>
    .response-counts .badge {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }
    
    .user-response-display .badge {
        font-size: 0.8rem;
        padding: 0.25rem 0.5rem;
    }
    
    .no-response .badge {
        font-size: 0.8rem;
        padding: 0.25rem 0.5rem;
    }
    
    .text-muted {
        font-size: 0.75rem;
    }
    
    td {
        vertical-align: middle !important;
    }
</style>
</style>
@endpush
@section('content')
        <div class="row">
            <div class="col-xl-12">
                <div class="row">


                    @include('components.datatable.custom-search', [
                        'tableId' => 'datatable-main',
                        'actionButton' => Auth::user()->can('create', \App\Models\Event::class) ? [
                            'text' => __('labels.new_event'),
                            'url' => route('events.create'),
                        ] : null,
                        'optionButtons' => [
                            [
                               'class' => 'btn-info',
                               'type' => 'link',
                               'text' => __('labels.calender'), 
                               'icon' => 'fa-solid fa-calendar',
                               'url' => route('events.index',[
                                            'show' => 'calender', 
                                            'my-events' => request()->query('my-events'),
                                        ])
                            ]
                        ]
                    ])
                    @include('components.common.flush-message')

                    <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                        <div class="table-responsive full-data">
                            <table class="table-responsive-lg table display dataTablesCard student-tab dataTable no-footer"
                                id="datatable-main">
                                <thead>
                                    <tr>
                                        <th class="text-center" style="width: 60px;">#</th>
                                        <th>{{ __('labels.title') }}</th>
                                        <th>{{ __('labels.audience') }}</th>
                                        <th class="text-center">{{ __('labels.from') }}</th>
                                        <th class="text-center">{{ __('labels.to') }}</th>
                                        <th>{{ __('labels.statistics') }}</th>
                                        <th>{{ __('labels.you_response') }}</th>
                                        <th>{{ __('labels.published_at') }}</th>
                                        <th class="text-end" style="width: 130px;">{{ __('labels.action') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($listresults as $index => $item)
                                        @php
                                            // Get user's response
                                            $userResponse = $item->responses->firstWhere('user_id', auth()->id());
                                            $hasResponded = !is_null($userResponse);
                                            
                                            // Response colors mapping
                                            $responseColors = [
                                                'accepted' => 'success',
                                                'rejected' => 'danger',
                                                'maybe' => 'warning'
                                            ];
                                            
                                            // Priority icons mapping
                                            $priorityIcons = [
                                                'high' => 'fa-flag text-danger',
                                                'medium' => 'fa-flag text-warning',
                                                'low' => 'fa-flag text-info'
                                            ];
                                            
                                            // Audience type mapping with translation
                                            $audienceTypes = [
                                                'staff_training' => __('labels.staff_training'),
                                                'customer_event' => __('labels.customer_event'),
                                                'both' => __('labels.both'),
                                            ];
                                            
                                            // Audience colors and icons
                                            $audienceColors = [
                                                'staff_training' => 'primary',
                                                'customer_event' => 'info',
                                                'both' => 'success'
                                            ];
                                            
                                            $audienceIcons = [
                                                'staff_training' => 'fa-users-cog',
                                                'customer_event' => 'fa-handshake',
                                                'both' => 'fa-users'
                                            ];
                                        @endphp
                                        <tr id="row_{{ $item->id }}" class="@if($item->deleted_at) table-row-deleted @elseif(!$item->is_published) row-unpublished @endif">
                                            <td class="text-center">
                                                <span class="table-index">
                                                    {{ $index + 1 }}
                                                </span>
                                            </td>
                                            <td>
                                                <div class="item-name-cell">
                                                    <div class="item-avatar">
                                                        @if($item->logo_path)
                                                            <img src="{{ Storage::url($item->logo_path) }}" 
                                                                alt="{{ $item->title }}" 
                                                                class="item-avatar-img">
                                                        @else
                                                            <div class="item-avatar-default">
                                                                {{ strtoupper(substr($item->title, 0, 2)) }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="item-info">
                                                        <h6 class="item-title">{{ $item->title }}</h6>
                                                        @if($item->creator)
                                                            <small class="item-creator">
                                                                <i class="fas fa-user-circle"></i>
                                                                {{ $item->author_name ?? (auth()->check() ? auth()->user()->name : null) }}
                                                            </small>
                                                        @endif
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                @if(isset($item->audience_type) && array_key_exists($item->audience_type, $audienceTypes))
                                                    @php
                                                        $audienceType = $item->audience_type;
                                                        $audienceLabel = $audienceTypes[$audienceType];
                                                        $audienceColor = $audienceColors[$audienceType] ?? 'secondary';
                                                        $audienceIcon = $audienceIcons[$audienceType] ?? 'fa-users';
                                                    @endphp
                                                    
                                                    <div class="audience-display">
                                                        <span class="audience-badge audience-{{ $audienceColor }}">
                                                            <i class="fas {{ $audienceIcon }} me-1"></i>
                                                            {{ $audienceLabel }}
                                                        </span>
                                                    </div>
                                                @else
                                                    <span class="audience-badge audience-secondary">
                                                        <i class="fas fa-question-circle me-1"></i>
                                                        {{ __('labels.not_specified') }}
                                                    </span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <div class="date-cell">
                                                    <span class="date-main">
                                                        {{ $item->started_at_iso?->format('d.m.Y') }}
                                                    </span>
                                                    <span class="date-time">
                                                        {{ $item->started_at_iso?->format('H:i') }}
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="text-center">
                                                <div class="date-cell">
                                                    <span class="date-main">
                                                        {{ $item->ended_at_iso?->format('d.m.Y') }}
                                                    </span>
                                                    <span class="date-time">
                                                        {{ $item->ended_at_iso?->format('H:i') }}
                                                    </span>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="statistics-container">
                                                    <div class="statistics-bars">
                                                        @php
                                                            $total = $item->responses_count ?? $item->responses->count();
                                                            $accepted = $item->accepted_count ?? 0;
                                                            $rejected = $item->rejected_count ?? 0;
                                                            $maybe = $item->maybe_count ?? 0;
                                                            
                                                            if ($total > 0) {
                                                                $acceptedPercent = ($accepted / $total) * 100;
                                                                $rejectedPercent = ($rejected / $total) * 100;
                                                                $maybePercent = ($maybe / $total) * 100;
                                                            } else {
                                                                $acceptedPercent = $rejectedPercent = $maybePercent = 0;
                                                            }
                                                        @endphp
                                                        
                                                        <div class="statistics-progress">
                                                            <div class="progress-segment bg-success" style="width: {{ $acceptedPercent }}%"
                                                                title="{{ __('labels.accepted') }}: {{ $accepted }}"></div>
                                                            <div class="progress-segment bg-danger" style="width: {{ $rejectedPercent }}%"
                                                                title="{{ __('labels.rejected') }}: {{ $rejected }}"></div>
                                                            <div class="progress-segment bg-warning" style="width: {{ $maybePercent }}%"
                                                                title="{{ __('labels.maybe') }}: {{ $maybe }}"></div>
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="statistics-numbers">
                                                        <span class="stat-badge stat-accepted" title="{{ __('labels.accepted') }}">
                                                            <i class="fas fa-check-circle"></i> {{ $accepted }}
                                                        </span>
                                                        <span class="stat-badge stat-rejected" title="{{ __('labels.rejected') }}">
                                                            <i class="fas fa-times-circle"></i> {{ $rejected }}
                                                        </span>
                                                        <span class="stat-badge stat-maybe" title="{{ __('labels.maybe') }}">
                                                            <i class="fas fa-question-circle"></i> {{ $maybe }}
                                                        </span>
                                                        <span class="stat-badge stat-total" title="{{ __('labels.total') }}">
                                                            <i class="fas fa-users"></i> {{ $total }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                @if($hasResponded && $userResponse->response)
                                                    <div class="response-display">
                                                        @php
                                                            $response = $userResponse->response;
                                                            $responseClass = $responseColors[$response] ?? 'secondary';
                                                        @endphp
                                                        
                                                        <div class="response-badge response-{{ $responseClass }}">
                                                            <i class="fas 
                                                                @if($response == 'accepted') fa-check-circle 
                                                                @elseif($response == 'rejected') fa-times-circle 
                                                                @elseif($response == 'maybe') fa-question-circle 
                                                                @else fa-user 
                                                                @endif
                                                            "></i>
                                                            <span class="response-text">{{ ucfirst($response) }}</span>
                                                            
                                                            @if($userResponse->priority)
                                                                <i class="fas {{ $priorityIcons[$userResponse->priority] ?? 'fa-flag text-secondary' }}" 
                                                                title="Priority: {{ ucfirst($userResponse->priority) }}"></i>
                                                            @endif
                                                        </div>
                                                        
                                                        @if($userResponse->reason)
                                                            <div class="response-reason" title="{{ $userResponse->reason }}">
                                                                <i class="fas fa-comment"></i>
                                                                <span>{{ Str::limit($userResponse->reason, 20) }}</span>
                                                            </div>
                                                        @endif
                                                    </div>
                                                @else
                                                    <div class="response-empty">
                                                        <div class="response-badge response-secondary">
                                                            <i class="fas fa-user-clock"></i>
                                                            <span>{{ __('labels.not_responded') }}</span>
                                                        </div>
                                                        <div class="response-reminder">
                                                            <i class="fas fa-exclamation-circle"></i>
                                                            <span>{{ __('labels.please_submit_response') }}</span>
                                                        </div>
                                                    </div>
                                                @endif
                                            </td>
                                            <td class="text-center published-cell">
                                                <div class="published-status">
                                                    @if($item->published_at)
                                                        <span class="published-date">
                                                            {{ $item->published_at ? date('d.m.Y', strtotime($item->published_at)) : '' }}
                                                        </span>
                                                        <span class="published-time">
                                                            {{ $item->published_at ? date('H:i', strtotime($item->published_at)) : '' }}
                                                        </span>
                                                        <span class="published-badge published-yes">
                                                            <i class="fas fa-check-circle"></i>
                                                            {{ __('labels.published') }}
                                                        </span>
                                                    @else
                                                        <span class="published-badge published-no">
                                                            <i class="fas fa-clock"></i>
                                                            {{ __('labels.draft') }}
                                                        </span>
                                                    @endif
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex justify-content-end">
                                                    <div class="action-group">
                                                        @can('view', $item)
                                                            <a href="{{ route('events.show', ['event' => $item->id]) }}"
                                                            class="btn-action btn-view" data-bs-toggle="tooltip" title="{{ __('labels.details') }}">
                                                                <i class="fas fa-eye"></i>
                                                            </a>
                                                        @endcan

                                                        @can('update', $item)
                                                            <a href="{{ route('events.edit', ['event' => $item->id]) }}"
                                                            class="btn-action btn-edit" data-bs-toggle="tooltip" title="{{ __('labels.edit') }}">
                                                                <i class="fas fa-pencil-alt"></i>
                                                            </a>
                                                        @endcan

                                                        @can('delete', $item)
                                                            <a href="javascript:void(0);"
                                                            class="btn-action btn-delete" data-bs-toggle="tooltip" title="{{ __('labels.delete') }}"
                                                            onclick="deleteRecord('{{ route('events.destroy', ['event' => $item->id]) }}')">
                                                                <i class="fas fa-trash"></i>
                                                            </a>
                                                        @endcan
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection

@push('js')
@endpush