<section class="references-overview">

    <div class="grid-row">
        <span class="styling"></span>

        <div class="overview-placeholder grid-col offset-1 col-11">
            <?php /* Return link */ ?>
            <div class="return-link">
                <?php $pageParent = $page->getParent(); ?>
                <a href="/<?php echo $links->{$pageParent->code_name}->route; ?>">
                    <?php echo KommaLang::get('returnTo'); ?> ‘<?php echo $links->{$pageParent->code_name}->name; ?>’
                </a>
            </div>

            <?php /* Make header and pagination if needed */ ?>
            <div class="overview-header grid-row full-row">
                <h1 class="grid-col col-7"><?php echo $page->translation->name; ?></h1>

                <div class="pagination grid-col col-7">
                    <?php if(method_exists($schoolReferences, 'links')): ?>
                        <?php echo $schoolReferences->links('layouts.partials.posts.pagination'); ?>

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


            <?php /* Loop through reference for this pagination page*/ ?>
            <div class="grid-row full-row articles">
                <?php foreach($schoolReferences as $key => $otherReference): ?>
                    <?php
                    $referenceRoute = $otherReference->translations->first()->routes->filter(function (
                        $route
                    ) use ($page) {
                        if (starts_with($route->route, $page->translation->route->route)) {
                            return $route->route;
                        }
                    })->first();
                    ?>
                    <?php if(!empty($referenceRoute)): ?>
                        <article class="reference">
                            <a class="other-reference" href="/<?php echo $referenceRoute->route; ?>">
                                <figure>
                                    <div class="figure-placeholder">
                                        <?php if($otherReference->images->count() != 0): ?><span
                                                style="background-image: url('<?php echo $otherReference->images->first()->medium_image_url; ?>');"></span><?php endif; ?>
                                    </div>
                                </figure>

                                <div class="content">
                                    <div class="placeholder">
                                        <p>“<?php echo $otherReference->translations->first()->streamer; ?>”</p>
                                        <span>- <?php echo $otherReference->name; ?></span>
                                    </div>
                                    <span class="button"><?php echo KommaLang::get('readInterview'); ?></span>
                                </div>
                            </a>
                        </article>
                    <?php endif; ?>
                <?php endforeach; ?>
            </div>

            <div class="pagination bottom grid-col col-12">
                <?php if(method_exists($schoolReferences, 'links')): ?>
                    <?php echo $schoolReferences->links('layouts.partials.posts.pagination'); ?>

                <?php endif; ?>
            </div>

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