<div class="mt-12" <?php if(!$usedCache): ?> wire:init="loadRelatedDramas" <?php endif; ?>>
    <h2 class="text-white text-2xl mb-4 text-center"><?php echo e($header); ?></h2>
    
    <!--[if BLOCK]><![endif]--><?php if($loading): ?>
        <div class="flex justify-center items-center py-12" role="status" aria-live="polite">
            <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-white" aria-hidden="true"></div>
            <span class="ml-3 text-gray-400">
                <?php echo e($usedCache ? 'Loading cached dramas...' : 'Loading related dramas...'); ?>

            </span>
            <span class="sr-only">Loading related dramas, please wait...</span>
        </div>
    <?php elseif($error): ?>
        <div class="text-center py-12">
            <div class="mb-4">
                <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.684-.833-2.464 0L4.35 16.5c-.77.833.192 2.5 1.732 2.5z" />
                </svg>
            </div>
            <p class="text-red-400 mb-4"><?php echo e($error); ?></p>
            <button 
                wire:click="retry" 
                class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900"
                wire:loading.attr="disabled"
                wire:target="retry"
            >
                <svg wire:loading.remove wire:target="retry" class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                </svg>
                <svg wire:loading wire:target="retry" class="animate-spin w-4 h-4 mr-2" fill="none" viewBox="0 0 24 24">
                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                </svg>
                <span wire:loading.remove wire:target="retry">Try Again</span>
                <span wire:loading wire:target="retry">Retrying...</span>
            </button>
        </div>
    <?php elseif(!empty($dramas)): ?>
        <div role="region" aria-label="Related dramas">
            <?php if (isset($component)) { $__componentOriginal5b3d13f94d9e177e66a5bb33b5953772 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal5b3d13f94d9e177e66a5bb33b5953772 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.drama-gallery','data' => ['dramas' => $dramas]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('drama-gallery'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['dramas' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($dramas)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal5b3d13f94d9e177e66a5bb33b5953772)): ?>
<?php $attributes = $__attributesOriginal5b3d13f94d9e177e66a5bb33b5953772; ?>
<?php unset($__attributesOriginal5b3d13f94d9e177e66a5bb33b5953772); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal5b3d13f94d9e177e66a5bb33b5953772)): ?>
<?php $component = $__componentOriginal5b3d13f94d9e177e66a5bb33b5953772; ?>
<?php unset($__componentOriginal5b3d13f94d9e177e66a5bb33b5953772); ?>
<?php endif; ?>
            
            <!--[if BLOCK]><![endif]--><?php if($usedCache && config('app.debug')): ?>
                <div class="text-xs text-gray-500 text-center mt-2 font-mono" title="Data loaded from cache for optimal performance">
                    ⚡ Cached (<?php echo e(count($dramas)); ?> items)
                </div>
            <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
        </div>
    <?php else: ?>
        <div class="text-center py-12">
            <div class="mb-4">
                <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012 2v2M7 7h10" />
                </svg>
            </div>
            <p class="text-gray-400">No related dramas found.</p>
        </div>
    <?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div><?php /**PATH /Users/buchin/Repos/dracin-git/resources/views/livewire/related-dramas.blade.php ENDPATH**/ ?>