<?php $__env->startSection('title', 'Skyline International Contracting Company'); ?>
<?php $__env->startSection('meta_description', 'Skyline International Contracting Company delivers civil, infrastructure, MEP, fit-out, temporary facilities and steel solutions across Saudi Arabia.'); ?>

<?php $__env->startSection('content'); ?>
    <?php
        $slides = $heroSlides->isNotEmpty() ? $heroSlides : collect([
            (object)[
                'image' => 'images/hero-construction.jpg', 'eyebrow' => 'A premium construction partner',
                'title' => 'From foundations to finishes, we deliver excellence.',
                'subtitle' => 'Integrated civil, infrastructure, MEP, fit-out, temporary facilities and steel solutions built around safety, quality and delivery certainty.',
                'button_text' => 'Explore Our Projects', 'button_url' => '#projects',
                'button2_text' => 'Request a Proposal', 'button2_url' => route('contact'),
            ],
        ]);
    ?>
    <section class="hero" id="heroSlider">
        <?php $__currentLoopData = $slides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slide): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="hero-slide <?php echo e($loop->first ? 'active' : ''); ?>">
                <img class="hero-image" src="<?php echo e(\App\Services\FileUploadService::url($slide->image)); ?>" alt="<?php echo e($slide->title); ?>">
                <div class="hero-overlay"></div>
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        <div class="hero-content-wrap">
            <?php $__currentLoopData = $slides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slide): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="container hero-content hero-slide-content <?php echo e($loop->first ? 'active' : ''); ?>">
                    <?php if($slide->eyebrow): ?><p class="eyebrow light-eyebrow"><?php echo e($slide->eyebrow); ?></p><?php endif; ?>
                    <h1><?php echo e($slide->title); ?></h1>
                    <?php if($slide->subtitle): ?><p class="hero-copy"><?php echo e($slide->subtitle); ?></p><?php endif; ?>
                    <div class="hero-actions">
                        <?php if($slide->button_text && $slide->button_url): ?><a class="button" href="<?php echo e($slide->button_url); ?>"><?php echo e($slide->button_text); ?></a><?php endif; ?>
                        <?php if($slide->button2_text && $slide->button2_url): ?><a class="button button-ghost" href="<?php echo e($slide->button2_url); ?>"><?php echo e($slide->button2_text); ?></a><?php endif; ?>
                    </div>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            <?php if($slides->count() > 1): ?>
                <div class="hero-dots">
                    <?php $__currentLoopData = $slides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slide): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <button type="button" class="hero-dot <?php echo e($loop->first ? 'active' : ''); ?>" data-index="<?php echo e($loop->index); ?>" aria-label="Slide <?php echo e($loop->iteration); ?>"></button>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            <?php endif; ?>
        </div>
        <div class="hero-marker" aria-hidden="true">
            <span>Scroll to discover</span>
            <i></i>
        </div>
    </section>

    <section class="metrics-strip" aria-label="Company highlights">
        <div class="container metrics-grid">
            <?php $__empty_1 = true; $__currentLoopData = $stats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $stat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div>
                    <strong><?php echo e($stat->value); ?></strong>
                    <span class="stat-label">
                        <?php if($stat->flag && $stat->popup_image): ?>
                            <button type="button" class="stat-flag" data-popup-title="<?php echo e($stat->popup_title ?? $stat->label); ?>" data-popup-image="<?php echo e(\App\Services\FileUploadService::url($stat->popup_image)); ?>" aria-label="View certification">
                                <img src="<?php echo e(\App\Services\FileUploadService::url($stat->flag)); ?>" alt="Flag">
                            </button>
                        <?php elseif($stat->flag): ?>
                            <img src="<?php echo e(\App\Services\FileUploadService::url($stat->flag)); ?>" class="stat-flag-static" alt="Flag">
                        <?php endif; ?>
                        <?php echo e($stat->label); ?>

                    </span>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <div><strong>2015</strong><span>Established in Oman</span></div>
                <div><strong>2023</strong><span>Established in KSA</span></div>
                <div><strong>14</strong><span>Profiled projects</span></div>
                <div><strong>End-to-end</strong><span>Integrated delivery model</span></div>
            <?php endif; ?>
        </div>
    </section>

    <section class="section about-section" id="about">
        <div class="container">
            <div class="split-grid">
                <div>
                    <p class="eyebrow">About Skyline</p>
                    <h2>A multidisciplinary partner for demanding project environments.</h2>
                </div>
                <div class="about-copy">
                    <p>Skyline International Contracting Company delivers civil and infrastructure works, architectural fit-out, MEP services, temporary facilities, enabling works and specialised steel solutions. Our portfolio spans commercial developments, industrial facilities, project-support infrastructure and premium buildings.</p>
                    <p>Established in Oman in 2015 under the name ITIC and operating under the Skyline identity since 2023, the business brings together planning, procurement, execution, quality control and final handover through one coordinated delivery model.</p>
                    <a class="text-link" href="<?php echo e(route('about')); ?>">Discover our capabilities <span aria-hidden="true">→</span></a>
                </div>
            </div>
            <div class="values-row" aria-label="Skyline values">
                <?php $__empty_1 = true; $__currentLoopData = $values; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <div>
                        <span><?php echo e(str_pad($loop->iteration, 2, '0', STR_PAD_LEFT)); ?></span>
                        <strong><?php echo e($value->title); ?></strong>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <div><span>01</span><strong>Trust</strong></div>
                    <div><span>02</span><strong>Integrity</strong></div>
                    <div><span>03</span><strong>Quality</strong></div>
                    <div><span>04</span><strong>Safety</strong></div>
                    <div><span>05</span><strong>Sustainability</strong></div>
                    <div><span>06</span><strong>Excellence</strong></div>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <section class="section section-dark" id="services">
        <div class="container">
            <div class="section-heading heading-light">
                <div>
                    <p class="eyebrow light-eyebrow">Services &amp; capabilities</p>
                    <h2>One coordinated team. Multiple disciplines.</h2>
                </div>
                <p>Skyline supports clients from early mobilisation through construction, testing, closeout and final handover.</p>
            </div>
            <div class="services-grid">
                <?php $__empty_1 = true; $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <article class="service-card">
                        <span class="service-number"><?php echo e(str_pad($loop->iteration, 2, '0', STR_PAD_LEFT)); ?></span>
                        <h3><?php echo e($service->title); ?></h3>
                        <p><?php echo e($service->short_description); ?></p>
                        <ul>
                            <?php $__currentLoopData = $service->features->take(3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li><?php echo e($feature->title); ?></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </article>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <article class="service-card">
                        <span class="service-number">01</span>
                        <h3>Civil &amp; Infrastructure</h3>
                        <p>Coordinated delivery of enabling, civil and infrastructure packages for complex project environments.</p>
                    </article>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <section class="section" id="projects">
        <div class="container">
            <div class="section-heading">
                <div>
                    <p class="eyebrow">Selected portfolio</p>
                    <h2>Delivery experience across the Kingdom.</h2>
                </div>
                <p>A portfolio spanning infrastructure, temporary facilities, commercial buildings, industrial steel and integrated MEP works.</p>
            </div>
            <div class="projects-grid">
                <?php $__empty_1 = true; $__currentLoopData = $projects; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $project): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <a class="project-card" href="<?php echo e(route('projects.show', $project->slug)); ?>">
                        <div class="project-image-wrap">
                            <img src="<?php echo e(\App\Services\FileUploadService::url($project->featured_image)); ?>" alt="<?php echo e($project->title); ?>" onerror="this.src='<?php echo e(asset('images/projects/canteen.jpg')); ?>'">
                            <span><?php echo e($project->category->name); ?></span>
                        </div>
                        <div class="project-card-body">
                            <p class="project-client"><?php echo e($project->client); ?></p>
                            <h3><?php echo e($project->title); ?></h3>
                            <p><?php echo e($project->short_description); ?></p>
                            <div class="project-meta">
                                <strong><?php echo e($project->project_value); ?></strong>
                                <span><?php echo e($project->duration); ?></span>
                            </div>
                        </div>
                    </a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <p class="text-muted">Projects coming soon.</p>
                <?php endif; ?>
            </div>
            <div class="container section-action">
                <a class="button button-dark" href="<?php echo e(route('projects')); ?>">View All Projects</a>
            </div>
        </div>
    </section>

    <?php if($steps->count()): ?>
    <section class="delivery-section">
        <div class="container delivery-grid">
            <div class="delivery-intro">
                <p class="eyebrow light-eyebrow">How we deliver</p>
                <h2>Disciplined control from programme to handover.</h2>
                <p>Clear planning, coordinated interfaces and defined quality and safety controls keep delivery focused on the outcomes that matter.</p>
            </div>
            <ol class="delivery-steps">
                <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $step): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li>
                        <span><?php echo e(str_pad($loop->iteration, 2, '0', STR_PAD_LEFT)); ?></span>
                        <div>
                            <strong><?php echo e($step->title); ?></strong>
                            <p><?php echo e($step->description); ?></p>
                        </div>
                    </li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </ol>
        </div>
    </section>
    <?php endif; ?>

    <section class="section client-section" id="clients">
        <div class="container">
            <div class="section-heading">
                <div>
                    <p class="eyebrow">Clients &amp; partners</p>
                    <h2>Trusted within major project ecosystems.</h2>
                </div>
                <p>Selected organizations and delivery partners referenced in the Skyline company profile.</p>
            </div>
            <div class="logo-marquee">
                <div class="logo-marquee-track">
                    <?php $__empty_1 = true; $__currentLoopData = $clients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $client): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <div class="logo-marquee-item">
                            <?php if($client->logo): ?>
                                <img src="<?php echo e(\App\Services\FileUploadService::url($client->logo)); ?>" alt="<?php echo e($client->name); ?>">
                            <?php else: ?>
                                <span class="logo-fallback"><?php echo e($client->name); ?></span>
                            <?php endif; ?>
                            <span class="logo-desc"><?php echo e($client->description ?: $client->name); ?></span>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <span class="text-muted">Clients coming soon.</span>
                    <?php endif; ?>
                    <?php $__empty_1 = true; $__currentLoopData = $clients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $client): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <div class="logo-marquee-item" aria-hidden="true">
                            <?php if($client->logo): ?>
                                <img src="<?php echo e(\App\Services\FileUploadService::url($client->logo)); ?>" alt="<?php echo e($client->name); ?>">
                            <?php else: ?>
                                <span class="logo-fallback"><?php echo e($client->name); ?></span>
                            <?php endif; ?>
                            <span class="logo-desc"><?php echo e($client->description ?: $client->name); ?></span>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </section>

    <section class="cta-band">
        <div class="container cta-band-inner">
            <div>
                <p class="eyebrow light-eyebrow">Build with confidence</p>
                <h2>Planning a project in Saudi Arabia?</h2>
            </div>
            <a class="button button-white" href="<?php echo e(route('contact')); ?>">Discuss Your Requirement</a>
        </div>
    </section>

    <div class="cert-modal" id="certModal" role="dialog" aria-modal="true" aria-labelledby="certModalTitle" hidden>
        <div class="cert-modal-backdrop" data-close></div>
        <div class="cert-modal-dialog">
            <button type="button" class="cert-modal-close" data-close aria-label="Close">&times;</button>
            <h3 id="certModalTitle" class="cert-modal-title"></h3>
            <div class="cert-modal-body"><img id="certModalImage" alt="Certification"></div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
<script>
    (function () {
        const modal = document.getElementById('certModal');
        const title = document.getElementById('certModalTitle');
        const img = document.getElementById('certModalImage');
        if (!modal) return;

        function open(data) {
            title.textContent = data.title || '';
            img.src = data.image || '';
            img.alt = data.title || 'Certification';
            modal.hidden = false;
            document.body.classList.add('no-scroll');
        }
        function close() {
            modal.hidden = true;
            document.body.classList.remove('no-scroll');
        }

        modal.addEventListener('click', function (e) {
            if (e.target.closest('[data-close]')) close();
        });
        document.addEventListener('keydown', function (e) {
            if (e.key === 'Escape') close();
        });

        document.querySelectorAll('.stat-flag').forEach(function (btn) {
            btn.addEventListener('click', function () {
                open({ title: btn.dataset.popupTitle, image: btn.dataset.popupImage });
            });
        });
    })();
</script>
<?php $__env->stopPush(); ?>

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