<div class="next-previous-projects">
    <div class="content-container">

        <div class="previous-project np-project">
            <div class="background"
                 <?php if(isset($data->previous->images) && sizeof($data->previous->images) != 0): ?>
                 style="background-image: url('<?php echo $data->previous->images[0]->large_image_url; ?>');" <?php endif; ?>></div>
            <div class="inner">
                <a href="/<?php echo $data->previous->route; ?>">
                    <div class="project-info">
                        <h2><?php echo $data->previous->name; ?></h2>
                        <?php /*<hr>*/ ?>
                        <?php /*<ul>*/ ?>
                            <?php /*<?php foreach($data->previous->category as $item): ?>*/ ?>
                                <?php /*<li><?php echo $item->name; ?></li>*/ ?>
                            <?php /*<?php endforeach; ?>*/ ?>
                        <?php /*</ul>*/ ?>
                    </div>

                    <div class="overlay"></div>
                </a>
            </div>
        </div>

        <div class="next-project np-project">
            <div class="background"
                 <?php if(isset($data->next->images) && sizeof($data->next->images) != 0): ?>
                 style="background-image: url('<?php echo $data->next->images[0]->large_image_url; ?>');" <?php endif; ?>></div>
            <div class="inner">
                <a href="/<?php echo $data->next->route; ?>">
                    <div class="project-info">
                        <h2><?php echo $data->next->name; ?></h2>
                        <?php /*<hr>*/ ?>
                        <?php /*<ul>*/ ?>
                            <?php /*<?php foreach($data->next->category as $item): ?>*/ ?>
                                <?php /*<li><?php echo $item->name; ?></li>*/ ?>
                            <?php /*<?php endforeach; ?>*/ ?>
                        <?php /*</ul>*/ ?>
                    </div>

                    <div class="overlay"></div>
                </a>
            </div>
        </div>
    </div>
    <div class="more-projects back-project-overview">
        <div class="background-circle"></div>
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
             viewBox="0 0 1920 175.341" enable-background="new 0 0 1920 175.341" xml:space="preserve">
        <path fill="none" id='stroke1' stroke="#F2F2F2" stroke-width="3" stroke-miterlimit="10" d="M1034.164,44.057
	C1019.191,18.592,991.506,1.5,959.829,1.5c-47.591,0-86.171,38.58-86.171,86.171H0"/>
            <path fill="none" id='stroke2' stroke="#F2F2F2" stroke-width="3" stroke-miterlimit="10" d="M884.985,129.804
	c14.759,26.281,42.898,44.037,75.185,44.037c47.591,0,86.171-38.58,86.171-86.171H1920"/>
    </svg>
        <div class="text-placeholder">
            <a href="/projecten">
                <p>


                    <span></span>

                    <em class="small">
                        <?php echo \Illuminate\Support\Facades\Lang::get('translations.backTo'); ?>
                    </em>
                    <em class="large">
                        <?php echo \Illuminate\Support\Facades\Lang::get('translations.overview'); ?>
                    </em>

                </p>
            </a>
        </div>
    </div>
</div>