<?php $__env->startSection('title', 'Achievements & Medal Tally - Lumbini Province Taekwondo Association'); ?>

<?php $__env->startSection('content'); ?>

<!-- Page Hero -->
<section style="background: linear-gradient(135deg, var(--blue) 0%, #0d1f45 100%); padding: 120px 0 60px; text-align: center; color: var(--white); position: relative; overflow: hidden;">
    <div style="position: absolute; inset: 0; opacity: 0.05; background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, transparent 0, transparent 50%); background-size: 20px 20px;"></div>
    <div class="container" style="position: relative; z-index: 2;">
        <span class="section-label" style="color: var(--gold-light); font-size: 0.8rem; font-weight: 700; letter-spacing: 2px;">HONOURS</span>
        <h1 style="font-family: 'Oswald', sans-serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-top: 10px;">LPTA Hall of <span style="color: var(--gold-light);">Fame</span></h1>
        <div class="divider" style="margin: 15px auto 0;"></div>
    </div>
</section>

<!-- Medal Tally Strip -->
<section style="background: var(--off-white); padding: 40px 0; border-bottom: 1px solid var(--gray-200);">
    <div class="container">
        <div style="display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;">
            <div style="text-align: center; background: var(--white); border-radius: var(--radius); padding: 24px 50px; border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); min-width: 180px;">
                <div style="font-size: 2.8rem; margin-bottom: 6px;">🥇</div>
                <div style="font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700; color: #f0c040; line-height: 1;"><?php echo e($counts['gold'] ?? 0); ?></div>
                <div style="font-size: 0.75rem; color: var(--gray-500); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin-top: 4px;">Gold Medals</div>
            </div>
            
            <div style="text-align: center; background: var(--white); border-radius: var(--radius); padding: 24px 50px; border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); min-width: 180px;">
                <div style="font-size: 2.8rem; margin-bottom: 6px;">🥈</div>
                <div style="font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700; color: #b4bcc4; line-height: 1;"><?php echo e($counts['silver'] ?? 0); ?></div>
                <div style="font-size: 0.75rem; color: var(--gray-500); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin-top: 4px;">Silver Medals</div>
            </div>
            
            <div style="text-align: center; background: var(--white); border-radius: var(--radius); padding: 24px 50px; border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); min-width: 180px;">
                <div style="font-size: 2.8rem; margin-bottom: 6px;">🥉</div>
                <div style="font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700; color: #cd7f32; line-height: 1;"><?php echo e($counts['bronze'] ?? 0); ?></div>
                <div style="font-size: 0.75rem; color: var(--gray-500); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; margin-top: 4px;">Bronze Medals</div>
            </div>
        </div>
    </div>
</section>

<!-- Achievements Listing Grid -->
<section class="section-pad" style="background: var(--white);">
    <div class="container">
        <?php if($achievements->count() > 0): ?>
        <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;">
            <?php $__currentLoopData = $achievements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ach): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <a href="<?php echo e(route('achievements.show', $ach)); ?>" style="text-decoration: none; color: inherit; display: block;">
            <div style="background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius); padding: 30px; box-shadow: var(--shadow-sm); text-align: center; position: relative; transition: var(--transition); cursor: pointer; height: 100%;" onmouseenter="this.style.transform='translateY(-6px)'; this.style.boxShadow='var(--shadow-md)'; this.style.borderColor='var(--blue-light)'" onmouseleave="this.style.transform='none'; this.style.boxShadow='var(--shadow-sm)'; this.style.borderColor='var(--gray-200)'">
                <div style="font-size: 3.5rem; margin-bottom: 12px;">
                    <?php if($ach->medal_type === 'gold'): ?> 🥇
                    <?php elseif($ach->medal_type === 'silver'): ?> 🥈
                    <?php elseif($ach->medal_type === 'bronze'): ?> 🥉
                    <?php else: ?> 🏅
                    <?php endif; ?>
                </div>
                <h3 style="font-family: 'Oswald', sans-serif; font-size: 1.2rem; font-weight: 600; color: var(--blue); margin-bottom: 8px;"><?php echo e($ach->title); ?></h3>
                <div style="font-size: 0.9rem; font-weight: 600; color: var(--red); margin-bottom: 8px;"><i class="fas fa-user"></i> <?php echo e($ach->player_name); ?></div>
                <div style="font-size: 0.78rem; color: var(--gray-500); margin-bottom: 16px;"><i class="fas fa-calendar-alt"></i> <?php echo e($ach->achievement_date->format('M d, Y')); ?></div>
                
                <?php if($ach->description): ?>
                <p style="font-size: 0.85rem; color: var(--gray-500); line-height: 1.6; border-top: 1px solid var(--gray-100); padding-top: 12px; margin-top: 12px;">
                    <?php echo e(Str::limit($ach->description, 100)); ?>

                </p>
                <?php endif; ?>

                <div style="margin-top: 16px; font-size: 0.8rem; color: var(--blue-light); font-weight: 600;">
                    View Details <i class="fas fa-arrow-right" style="font-size: 0.7rem;"></i>
                </div>
                
                <span class="achievement-type <?php echo e($ach->type === 'international' ? 'intl' : 'nat'); ?>" style="position: absolute; top: 16px; right: 16px;">
                    <?php echo e(ucfirst($ach->type)); ?>

                </span>
            </div>
            </a>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <?php else: ?>
        <div style="text-align: center; padding: 80px 40px; color: var(--gray-500);">
            <i class="fas fa-trophy" style="font-size: 3.5rem; opacity: 0.3; margin-bottom: 16px;"></i>
            <p>No tournament achievements recorded yet.</p>
        </div>
        <?php endif; ?>
    </div>
</section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/lumbinip/public_html/resources/views/achievements.blade.php ENDPATH**/ ?>