<?php $__env->startSection('title', $country->seo_title ?: ('Study in ' . $country->name . ' - ' . config('app.name'))); ?>
<?php $__env->startSection('meta_description', $country->seo_description ?: $country->short_description); ?>
<?php if($country->hero_image): ?>
    <?php $__env->startSection('og_image', $country->hero_url); ?>
<?php endif; ?>

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

<?php $__env->startPush('scripts'); ?>
<?php echo app('Illuminate\Foundation\Vite')('resources/js/country-show.js'); ?>
<?php $__env->stopPush(); ?>

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


<section class="cs-hero">
    <?php if($country->hero_image): ?>
        <img src="<?php echo e($country->hero_url); ?>" alt="<?php echo e($country->name); ?>" class="cs-hero__bg">
    <?php endif; ?>
    <div class="cs-hero__overlay"></div>
    <div class="cs-wrap cs-hero__body">
        <nav class="cs-crumbs">
            <a href="<?php echo e(url('/')); ?>">Home</a>
            <svg width="12" height="12" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M9 18l6-6-6-6"/></svg>
            <a href="<?php echo e(route('countries.index')); ?>">Countries</a>
            <svg width="12" height="12" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M9 18l6-6-6-6"/></svg>
            <span><?php echo e($country->name); ?></span>
        </nav>

        <div class="cs-hero__title-row">
            <?php if($country->flag_image): ?>
                <img src="<?php echo e($country->flag_url); ?>" alt="<?php echo e($country->name); ?> flag" class="cs-hero__flag">
            <?php endif; ?>
            <h1>Study in<br><em><?php echo e($country->name); ?></em></h1>
        </div>

        <?php if($country->short_description): ?>
            <p class="cs-hero__sub"><?php echo e($country->short_description); ?></p>
        <?php endif; ?>

        <div class="cs-hero__ctas">
            <button type="button" onclick="ApplyModal.open({ countryId: <?php echo e($country->id); ?>, countryName: '<?php echo e(addslashes($country->name)); ?>' })" class="cs-btn cs-btn--primary">
                Free Consultation
            </button>
            <a href="#cs-guide" class="cs-btn cs-btn--ghost">Explore Guide ↓</a>
        </div>
    </div>

    
    <?php if(!empty($sections['quick_facts']['items'])): ?>
    <div class="cs-hero__stats">
        <div class="cs-wrap cs-hero__stats-inner">
            <?php $__currentLoopData = array_slice($sections['quick_facts']['items'] ?? [], 0, 4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fact): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-hero__stat">
                    <strong><?php echo e($fact['value'] ?? ''); ?></strong>
                    <span><?php echo e($fact['label'] ?? ''); ?></span>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
    <?php endif; ?>
</section>

<script>
document.getElementById('cs-inquiry-form')?.addEventListener('submit', function (e) {
    e.preventDefault();
    const name  = document.getElementById('cs-inquiry-name')?.value.trim()  || '';
    const email = document.getElementById('cs-inquiry-email')?.value.trim() || '';
    const phoneField = document.getElementById('cs-inquiry-phone');
    const phone = window.PhoneFieldEnhancer?.getValue(phoneField) || phoneField?.value.trim() || '';
    const error = document.getElementById('cs-inquiry-error');

    if (!name || !email || !phone) {
        if (error) error.style.display = 'block';
        return;
    }
    if (error) error.style.display = 'none';

    ApplyModal.open({
        countryId: <?php echo e($country->id); ?>,
        countryName: '<?php echo e(addslashes($country->name)); ?>',
        name,
        email,
        phone,
        startAtStep: 2, // jump to details step since we already have phone/name/email
    });
});
</script>


<section class="cs-section cs-section--white">
    <div class="cs-wrap cs-split">
        
        <div class="cs-split__main">
            <?php if($sections['highlights']['title'] ?? ''): ?>
                <p class="cs-eyebrow">Why <?php echo e($country->name); ?>?</p>
                <h2 class="cs-heading"><?php echo e($sections['highlights']['title']); ?></h2>
                <?php if($sections['highlights']['subtitle'] ?? ''): ?>
                    <p class="cs-subtext"><?php echo e($sections['highlights']['subtitle']); ?></p>
                <?php endif; ?>
            <?php endif; ?>
            <div class="cs-highlights">
                <?php $__currentLoopData = ($sections['highlights']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="cs-hl-item">
                        <div class="cs-hl-dot"></div>
                        <div>
                            <h3><?php echo e($item['title'] ?? ''); ?></h3>
                            <p><?php echo e($item['text'] ?? ''); ?></p>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>

        
        <aside class="cs-split__side cs-facts-box">
            <h3 class="cs-facts-box__title"><?php echo e($sections['quick_facts']['title'] ?? 'Quick Facts'); ?></h3>
            <div class="cs-facts-list">
                <?php $__currentLoopData = ($sections['quick_facts']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fact): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="cs-fact-row">
                        <span class="cs-fact-row__label"><?php echo e($fact['label'] ?? ''); ?></span>
                        <span class="cs-fact-row__value"><?php echo e($fact['value'] ?? ''); ?></span>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <form class="cs-inquiry" id="cs-inquiry-form">
                <p>Talk to an expert counselor — free of charge.</p>
                <input id="cs-inquiry-name" name="name" type="text" placeholder="Your Name" required>
                <input id="cs-inquiry-email" name="email" type="email" placeholder="Email Address" required>
                <input id="cs-inquiry-phone" name="phone" type="tel" data-phone-input autocomplete="tel" placeholder="Phone Number" required>
                <div id="cs-inquiry-error" style="display:none;color:#f43f5e;font-weight:600;font-size:13px;">Please fill in all fields.</div>
                <button type="submit">
                    Get Free Advice →
                </button>
            </form>
        </aside>
    </div>
</section>


<?php if($country->content): ?>
<section class="cs-section cs-section--light" id="cs-guide">
    <div class="cs-wrap cs-guide-wrap">
        <div class="cs-guide-badge">Country Guide</div>
        <div class="cs-rich-body"><?php echo $country->content; ?></div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($sections['courses']['items'])): ?>
<section class="cs-section cs-section--dark">
    <div class="cs-wrap">
        <p class="cs-eyebrow cs-eyebrow--light">What You Can Study</p>
        <h2 class="cs-heading cs-heading--light"><?php echo e($sections['courses']['title'] ?? 'Popular Study Areas'); ?></h2>
        <div class="cs-courses">
            <?php $__currentLoopData = $sections['courses']['items']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $course): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <span class="cs-course-tag"><?php echo e($course); ?></span>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($sections['costs']['tuition']) || !empty($sections['costs']['living'])): ?>
<section class="cs-section cs-section--white">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Budget Planning</p>
        <h2 class="cs-heading"><?php echo e($sections['costs']['title'] ?? 'Cost of Studying'); ?></h2>
        <div class="cs-costs">
            <?php
                $costItems = [
                    ['icon' => '🎓', 'label' => 'Tuition Fee',        'value' => $sections['costs']['tuition'] ?? ''],
                    ['icon' => '🏠', 'label' => 'Living Cost',        'value' => $sections['costs']['living'] ?? ''],
                    ['icon' => '📄', 'label' => 'Visa / Insurance',   'value' => $sections['costs']['visa'] ?? ''],
                    ['icon' => '🏅', 'label' => 'Scholarship',        'value' => $sections['costs']['scholarship'] ?? ''],
                ];
            ?>
            <?php $__currentLoopData = $costItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ci): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php if($ci['value']): ?>
                    <div class="cs-cost-card">
                        <span class="cs-cost-card__icon"><?php echo e($ci['icon']); ?></span>
                        <p class="cs-cost-card__label"><?php echo e($ci['label']); ?></p>
                        <p class="cs-cost-card__value"><?php echo e($ci['value']); ?></p>
                    </div>
                <?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($sections['requirements']['items'])): ?>
<section class="cs-section cs-section--accent">
    <div class="cs-wrap cs-req-wrap">
        <div class="cs-req-left">
            <p class="cs-eyebrow cs-eyebrow--light">Before You Apply</p>
            <h2 class="cs-heading cs-heading--light"><?php echo e($sections['requirements']['title'] ?? 'Entry Requirements'); ?></h2>
            <p class="cs-subtext cs-subtext--light">Make sure you have these documents and qualifications ready before submitting your application.</p>
        </div>
        <ul class="cs-req-list">
            <?php $__currentLoopData = $sections['requirements']['items']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $req): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li class="cs-req-item">
                    <span class="cs-req-tick">
                        <svg width="13" height="13" 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($req); ?>

                </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ul>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($sections['timeline']['items'])): ?>
<section class="cs-section cs-section--white">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Step by Step</p>
        <h2 class="cs-heading"><?php echo e($sections['timeline']['title'] ?? 'Application Roadmap'); ?></h2>
        <div class="cs-steps">
            <?php $__currentLoopData = $sections['timeline']['items']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $step): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-step">
                    <div class="cs-step__num"><?php echo e(str_pad($i+1, 2, '0', STR_PAD_LEFT)); ?></div>
                    <div class="cs-step__body">
                        <p><?php echo e($step); ?></p>
                    </div>
                    <?php if(!$loop->last): ?>
                        <div class="cs-step__arrow">→</div>
                    <?php endif; ?>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($countrySections['intakes']['items'])): ?>
<section class="cs-section cs-section--light">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Admission Calendar</p>
        <h2 class="cs-heading"><?php echo e($countrySections['intakes']['title'] ?? 'Major Admission Intakes'); ?></h2>
        <div class="cs-intakes">
            <?php $__currentLoopData = ($countrySections['intakes']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-intake-card">
                    <strong><?php echo e($item['title'] ?? ''); ?></strong>
                    <p><?php echo e($item['text'] ?? ''); ?></p>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($countrySections['entry']['items'])): ?>
<section class="cs-section cs-entry-section">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Detailed Requirements</p>
        <h2 class="cs-heading"><?php echo e($countrySections['entry']['title'] ?? 'Entry Requirements'); ?></h2>
        <div class="entry-reqs-wrap" data-entry-rotate-ms="<?php echo e($countrySections['entry']['rotate_ms'] ?? 3500); ?>">

            
            <div class="entry-req-tabs" role="tablist">
                <?php $__currentLoopData = ($countrySections['entry']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <button type="button"
                        class="entry-req-tab <?php echo e($loop->first ? 'is-active' : ''); ?>"
                        role="tab"
                        data-entry-tab="<?php echo e($loop->index); ?>"
                        aria-selected="<?php echo e($loop->first ? 'true' : 'false'); ?>">
                        <span class="entry-tab-icon"><?php echo e($item['icon'] ?? ($loop->index + 1)); ?></span>
                        <span class="entry-tab-label"><?php echo e($item['title'] ?? ''); ?></span>
                    </button>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            
            <div class="entry-req-panels">
                <?php $__currentLoopData = ($countrySections['entry']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <article class="entry-req-card <?php echo e($loop->first ? 'is-active' : ''); ?>" data-entry-panel="<?php echo e($loop->index); ?>">
                        <div class="entry-req-card__body">
                            <div class="entry-req-card__num"><?php echo e(str_pad($loop->index + 1, 2, '0', STR_PAD_LEFT)); ?></div>
                            <h3><?php echo e($item['title'] ?? ''); ?></h3>
                            <p><?php echo e($item['text'] ?? ''); ?></p>
                        </div>
                        <?php if(!empty($item['image'])): ?>
                            <div class="entry-req-card__img">
                                <img src="<?php echo e($item['image']); ?>" alt="<?php echo e($item['title'] ?? ''); ?>">
                            </div>
                        <?php endif; ?>
                    </article>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <div class="entry-req-progress" aria-hidden="true">
                    <?php $__currentLoopData = ($countrySections['entry']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="entry-req-progress-dot <?php echo e($loop->first ? 'is-active' : ''); ?>" data-entry-dot="<?php echo e($loop->index); ?>">
                            <div class="entry-req-progress-fill"></div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>

        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($countrySections['subjects']['items'])): ?>
<section class="cs-section cs-section--light">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Disciplines</p>
        <h2 class="cs-heading"><?php echo e($countrySections['subjects']['title'] ?? ''); ?></h2>
        <div class="cs-subjects">
            <?php $__currentLoopData = ($countrySections['subjects']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $subject): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-subject-card">
                    <?php if(!empty($subject['image'])): ?>
                        <img src="<?php echo e($subject['image']); ?>" alt="<?php echo e($subject['title'] ?? ''); ?>">
                    <?php endif; ?>
                    <span><?php echo e($subject['title'] ?? ''); ?></span>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($countrySections['process']['items'])): ?>
<section class="cs-section cs-section--white">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Our Process</p>
        <h2 class="cs-heading"><?php echo e($countrySections['process']['title'] ?? ''); ?></h2>
        <?php if($countrySections['process']['subtitle'] ?? ''): ?>
            <p class="cs-subtext"><?php echo e($countrySections['process']['subtitle']); ?></p>
        <?php endif; ?>
        <div class="cs-process">
            <?php $__currentLoopData = ($countrySections['process']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-process-item">
                    <?php if(!empty($item['image'])): ?>
                        <img src="<?php echo e($item['image']); ?>" alt="<?php echo e($item['title'] ?? ''); ?>">
                    <?php endif; ?>
                    <div class="cs-process-item__body">
                        <h3><?php echo e($item['title'] ?? ''); ?></h3>
                        <p><?php echo e($item['text'] ?? ''); ?></p>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($partnerInstitutions) && $partnerInstitutions->count()): ?>
<section class="cs-section cs-section--light">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Trusted Partners</p>
        <h2 class="cs-heading">Our Partner Institutions</h2>
        <div class="cs-institutions">
            <?php $__currentLoopData = $partnerInstitutions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $inst): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-inst-card">
                    <?php if(!empty($inst->logo_url)): ?>
                        <img src="<?php echo e($inst->logo_url); ?>" alt="<?php echo e($inst->name); ?>">
                    <?php else: ?>
                        <span class="cs-inst-card__initials"><?php echo e(strtoupper(substr($inst->name ?? 'PI', 0, 2))); ?></span>
                    <?php endif; ?>
                    <p><?php echo e($inst->name); ?></p>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($sections['faq']['items'])): ?>
<section class="cs-section cs-section--white">
    <div class="cs-wrap cs-faq-wrap">
        <div class="cs-faq-header">
            <p class="cs-eyebrow">Got Questions?</p>
            <h2 class="cs-heading"><?php echo e($sections['faq']['title'] ?? 'Common Questions'); ?></h2>
        </div>
        <div class="cs-faq">
            <?php $__currentLoopData = ($sections['faq']['items'] ?? []); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <details class="cs-faq__item" <?php echo e($i === 0 ? 'open' : ''); ?>>
                    <summary>
                        <span><?php echo e($faq['q'] ?? ''); ?></span>
                        <span class="cs-faq__icon"></span>
                    </summary>
                    <div class="cs-faq__answer"><?php echo e($faq['a'] ?? ''); ?></div>
                </details>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<?php if(($studentReviews ?? collect())->count()): ?>
<section class="cs-section cs-section--light">
    <div class="cs-wrap">
        <p class="cs-eyebrow">Real Students</p>
        <h2 class="cs-heading">Hear From Our Students</h2>
        <div class="cs-videos">
            <?php $__currentLoopData = $studentReviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $review): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="cs-video-card">
                    <?php if($review->thumbnail_path): ?>
                        <div class="cs-video-card__thumb">
                            <img src="<?php echo e(asset('storage/' . $review->thumbnail_path)); ?>" alt="<?php echo e($review->title); ?>">
                            <?php if($review->video_url): ?>
                                <a href="<?php echo e($review->video_url); ?>" target="_blank" rel="noopener" class="cs-video-card__play">
                                    <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php endif; ?>
                    <div class="cs-video-card__info">
                        <strong><?php echo e($review->title); ?></strong>
                        <?php if($review->video_url): ?>
                            <a href="<?php echo e($review->video_url); ?>" target="_blank" rel="noopener">Watch video →</a>
                        <?php endif; ?>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>
<?php endif; ?>


<section class="cs-cta-band">
    <?php if($country->hero_image): ?>
        <img src="<?php echo e($country->hero_url); ?>" alt="" class="cs-cta-band__bg">
    <?php endif; ?>
    <div class="cs-cta-band__overlay"></div>
    <div class="cs-wrap cs-cta-band__body">
        <h2><?php echo e($sections['cta']['title'] ?? 'Ready to Study in '.$country->name.'?'); ?></h2>
        <p><?php echo e($sections['cta']['text'] ?? ''); ?></p>
        <button type="button" onclick="ApplyModal.open({ countryId: <?php echo e($country->id); ?>, countryName: '<?php echo e(addslashes($country->name)); ?>' })" class="cs-btn cs-btn--primary">
            <?php echo e($sections['cta']['button'] ?? 'Book Free Consultation'); ?>

        </button>
    </div>
</section>

<?php echo $__env->make('partials.visa-success-slider', ['visaStories' => $visaStories ?? collect()], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

<div class="cs-mobile-cta">
    <button type="button" onclick="ApplyModal.open({ countryId: <?php echo e($country->id); ?>, countryName: '<?php echo e(addslashes($country->name)); ?>' })">
        Apply For <?php echo e($country->name); ?>

    </button>
</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\show.blade.php ENDPATH**/ ?>