<?php $__env->startSection('title', $pageContent['seo']['title'] ?? ('Study Abroad Destinations - ' . config('app.name'))); ?>
<?php $__env->startSection('meta_description', $pageContent['seo']['description'] ?? 'Explore top study abroad destinations and compare opportunities for your higher education journey.'); ?>

<?php $__env->startPush('styles'); ?>
<?php echo app('Illuminate\Foundation\Vite')('resources/css/countries.css'); ?>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
<div class="countries-page">

    
    <section class="ctry-hero">
        <div class="countries-shell">
            <div class="ctry-hero-grid">
                <div>
                    <?php if($pageContent['hero']['eyebrow'] ?? ''): ?>
                        <span class="ctry-eyebrow"><?php echo e($pageContent['hero']['eyebrow']); ?></span>
                    <?php endif; ?>
                    <h1>
                        <?php echo e($pageContent['hero']['title'] ?? 'Choose your dream'); ?>

                        <span class="ctry-accent"><?php echo e($pageContent['hero']['highlight'] ?? 'destination'); ?></span>
                    </h1>
                    <p><?php echo e($pageContent['hero']['text'] ?? 'Explore study opportunities in top countries around the world. From Australia to Japan, find your perfect study destination with our expert guidance.'); ?></p>

                    <button type="button" onclick="ApplyModal.open()" class="ctry-hero-btn">
                        Book A Free Consultation
                        <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                    </button>
                </div>
                <div class="ctry-hero-media">
                    <?php
                        $heroImg = $pageContent['hero']['image'] ?? '';
                        $heroSrc = $heroImg ? (str_starts_with($heroImg, 'http') ? $heroImg : asset('storage/' . ltrim($heroImg, '/'))) : '';
                    ?>
                    <?php if($heroSrc): ?>
                        <img src="<?php echo e($heroSrc); ?>" alt="Study abroad student">
                    <?php else: ?>
                        <div class="ctry-hero-placeholder">
                            <svg width="80" height="80" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color:var(--country-brand); opacity:0.25;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064"/></svg>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </section>

    
    <section class="ctry-dest-section">
        <div class="countries-shell">
            <div class="ctry-section-head">
                <h2><?php echo e($pageContent['listing']['title'] ?? 'Choose your dream'); ?> <span class="ctry-accent"><?php echo e('destination'); ?></span></h2>
                <?php if($pageContent['listing']['text'] ?? ''): ?>
                    <p><?php echo e($pageContent['listing']['text']); ?></p>
                <?php endif; ?>
            </div>

            <?php if($countries->isEmpty()): ?>
                <div class="ctry-empty">
                    <?php echo e($pageContent['listing']['empty_text'] ?? 'No destinations listed yet. Check back soon.'); ?>

                </div>
            <?php else: ?>
                <div class="ctry-img-grid">
                    <?php $__currentLoopData = $countries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a href="<?php echo e($country->public_url); ?>" class="ctry-img-card">
                            <?php if($country->hero_image): ?>
                                <img src="<?php echo e($country->hero_url); ?>" alt="<?php echo e($country->name); ?>">
                            <?php else: ?>
                                <div class="ctry-img-card-fallback"></div>
                            <?php endif; ?>
                            <div class="ctry-img-overlay"></div>
                            <?php if($country->flag_image): ?>
                                <img src="<?php echo e($country->flag_url); ?>" alt="<?php echo e($country->name); ?> flag" class="ctry-img-flag">
                            <?php endif; ?>
                            <span class="ctry-img-name"><?php echo e($country->name); ?></span>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>

                <?php if(request('search')): ?>
                    <div style="text-align:center; margin-top:18px;">
                        <a href="<?php echo e(route('countries.index')); ?>" class="ctry-clear-link">Clear search</a>
                    </div>
                <?php endif; ?>
            <?php endif; ?>

            
            <?php if(!empty($pageContent['trust']['title'])): ?>
            <div class="ctry-trust">
                <div class="ctry-trust__text">
                    <h3><?php echo e($pageContent['trust']['title']); ?></h3>
                    <?php if(!empty($pageContent['trust']['text'])): ?>
                        <p><?php echo e($pageContent['trust']['text']); ?></p>
                    <?php endif; ?>
                </div>
                <?php if(!empty($pageContent['trust']['points'])): ?>
                <ul class="ctry-trust__points">
                    <?php $__currentLoopData = $pageContent['trust']['points']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $point): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li>
                            <span class="ctry-trust__tick">
                                <svg width="12" height="12" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
                            </span>
                            <?php echo e($point); ?>

                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
                <?php endif; ?>
                <button type="button" onclick="ApplyModal.open()" class="ctry-trust__btn">
                    Book Free Consultation →
                </button>
            </div>
            <?php endif; ?>

            <?php $ctaData = $homeContent['final'] ?? []; ?>
            <?php echo $__env->make('partials.final-cta', ['cta' => $ctaData], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
        </div>
    </section>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.public', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\gps-migration\resources\views\countries\index.blade.php ENDPATH**/ ?>