@extends('layouts.admin')

@section('content')
<div class="container">
    <x-admin.card>
        <x-slot name="header">
            <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200 leading-tight">
                Manage Tiers for Event: {{ $event->name }}
            </h2>
        </x-slot>
        
        <form method="POST" action="{{ route('admin.events.tiers.update', $event->id) }}">
            @csrf
            <!-- Removed the @method('PUT') directive to match the POST route -->
            
            @foreach($availableTiers as $tier)
                <div class="mb-4 p-4 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-sm">
                    <div class="flex items-center justify-between">
                        <div class="flex items-center">
                            <input 
                                type="checkbox" 
                                id="tier_{{ is_object($tier) ? $tier->id : $tier['id'] ?? $tier }}" 
                                name="tier_ids[]" 
                                value="{{ is_object($tier) ? $tier->id : $tier['id'] ?? $tier }}" 
                                class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
                                {{ in_array(is_object($tier) ? $tier->id : $tier['id'] ?? $tier, $eventTiers) ? 'checked' : '' }}
                            >
                            <label for="tier_{{ is_object($tier) ? $tier->id : $tier['id'] ?? $tier }}" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">
                                {{ is_object($tier) && $tier->name ? $tier->name : (isset($tier['name']) && $tier['name'] ? $tier['name'] : 'Unnamed Tier') }}
                            </label>
                        </div>
                        
                        @if($event->tiers->contains(is_object($tier) ? $tier->id : $tier['id'] ?? $tier))
                            <div class="flex items-center ml-4">
                                @php
                                    $tierId = is_object($tier) ? $tier->id : $tier['id'] ?? $tier;
                                    $tierObj = $event->tiers->find($tierId);
                                @endphp
                                @if($tierObj && isset($tierObj->pivot))
                                    <input 
                                        type="checkbox" 
                                        id="enabled_{{ $tierId }}" 
                                        name="tier_enabled[{{ $tierId }}]" 
                                        value="1" 
                                        class="w-4 h-4 text-green-600 bg-gray-100 border-gray-300 rounded focus:ring-green-500 dark:focus:ring-green-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
                                        {{ $tierObj->pivot->is_enabled ? 'checked' : '' }}
                                    >
                                    <label for="enabled_{{ $tierId }}" class="ml-2 text-xs font-medium text-gray-700 dark:text-gray-400">
                                        Enabled
                                    </label>
                                @endif
                            </div>
                        @endif
                    </div>
                    
                    @if(is_object($tier) && isset($tier->description))
                        <div class="text-sm text-gray-600 dark:text-gray-400 mt-2">{!! $tier->description !!}</div>
                    @elseif(isset($tier['description']))
                        <div class="text-sm text-gray-600 dark:text-gray-400 mt-2">{!! $tier['description'] !!}</div>
                    @endif
                    
                    <div class="text-xs text-gray-500 dark:text-gray-400 mt-2">
                        Level: {{ is_object($tier) && isset($tier->level) ? $tier->level : (isset($tier['level']) ? $tier['level'] : 0) }}
                    </div>
                </div>
            @endforeach
            
            <div class="flex justify-end space-x-3">
                <a href="{{ route('admin.events.show', $event->id) }}" class="inline-flex items-center px-4 py-2 bg-gray-200 dark:bg-gray-700 border border-transparent rounded-md font-semibold text-sm text-gray-800 dark:text-gray-200 hover:bg-gray-300 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition ease-in-out duration-150">
                    Cancel
                </a>
                <button type="submit" class="inline-flex items-center px-4 py-2 bg-indigo-600 dark:bg-indigo-500 border border-transparent rounded-md font-semibold text-sm text-white hover:bg-indigo-700 dark:hover:bg-indigo-400 focus:bg-indigo-700 dark:focus:bg-indigo-400 active:bg-indigo-900 dark:active:bg-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150">
                    Save Changes
                </button>
            </div>
        </form>
    </x-admin.card>
</div>
@endsection