<footer id="footer" class="relative flex justify-center max-w-7xl w-full min-h-[800px] md:min-h-[625px]" @click="showMenu = false">

    <?php if(optional($page ?? '')->type !== 'blog' && !request('preview') && optional(auth()->user())->hasRole('admin') && editing()): ?>
        <footer-editor></footer-editor>
    <?php else: ?>

        <div class="hidden md:block absolute z-1 w-full h-full footer-bg"></div>
        <div class="md:hidden absolute z-1 w-full h-full transition-bg"></div>

        <div class="grid items-end absolute w-full h-full">
            <div class="absolute w-full h-full overflow-hidden grid items-end max-w-screen max-h-[100vw] md:max-h-none" v-if="pageLoaded">

                <?php 

                    if (isset($page)) {
                        $footerFgPhoto = $page->footer_fg_photo;
                        $footerBgPhoto = $page->footer_bg_photo;
                    } else {
                        $home_page = App\Models\Page::find(1);
                        $footerFgPhoto = $home_page->footer_fg_photo;
                        $footerBgPhoto = $home_page->footer_bg_photo;
                    }

                ?>

		



            </div>
        </div>

    <?php endif; ?>

    <div class="relative w-full max-w-6xl md:pb-80 pt-4 <?php echo e(isset($page) ? $page->footer_text_color : ''); ?>">

        <div class="border-r-4 border-primary absolute top-0 h-full md:ml-33p z-4 md:z-1 red-line-footer"></div>
        
        <content-element-transition class="md:flex py-8 relative z-4 footer-links md:rounded-lg">

            <div class="flex flex-col flex-1 items-center justify-center relative">
                <div class="flex items-center w-full justify-center">
                    <img src="images/logo.svg" width="169" height="40" class="h-12 mr-8" alt="Brentwood College School Logo" fetchpriority="low" />
                    <a href="/centenary"><img src="images/100_logo.svg" width="72" height="85" class="-mt-3 border-0" alt="Brentwood Centenary" fetchpriority="low" /></a>
                </div>

                <div class="mt-4 mb-8 md:mb-0 text-2xl font-header font-light leading-tight flex justify-center">
                    <div>Where Students <a href="/why-brentwood" class="choose-link border-b-2 border-primary">Choose</a> To Be</div>
                </div>

            </div>
    
            <div class="flex-1 relative z-2 grid place-items-center">
                <div class="mb-2 md:mb-0 grid grid-cols-2 gap-x-8 gap-y-1 leading-loose md:leading-relaxed">
                    <a href="/apply" class="font-bold whitespace-no-wrap">Apply Now</a>
                    <a href="https://brentwood.fsenrollment.ca/portal/new_inquiry" class="font-bold whitespace-no-wrap">Inquiry Form</a>
                    <a href="/contact-us" class="whitespace-no-wrap">Contact Us</a>
                    <a href="/community">Brentwood Family</a>
                    <a href="/hub">Hub</a>
                    <a href="/calendar">Calendar</a>
                    <a href="/directions">Directions</a>
                    <?php if(auth()->guard()->guest()): ?>
                        <login-button v-if="pageLoaded" dusk="footer-login"></login-button>
                    <?php endif; ?>
                    <a href="/careers">Careers</a>
                    <a href="https://brentwood.simpletix.ca">Box Office</a>
                    <a href="/policies/accessibility-plan">Accessibility Plan</a>
                    <div class="col-span-2 mt-2">
                        <div class="min-h-[32px]">
                            <clock v-if="pageLoaded"></clock>
                        </div>
                    </div>

                    <div class="col-span-2 grid grid-cols-6 text-xl mt-2 min-h-[28px]">
                        <a href="https://www.youtube.com/user/brentwoodcollege" target="__blank" class="w-6" title="YouTube"><fa-icon icon="fab fa-youtube"></fa-icon></a>
                        <a href="https://www.facebook.com/brentwoodcollegeschool" target="__blank" class="w-6" title="Facebook"><fa-icon icon="fab fa-facebook"></fa-icon></a>
                        <a href="https://www.instagram.com/brentwoodboarding" target="__blank" class="w-6" title="Instagram"><fa-icon icon="fab fa-instagram"></fa-icon></a>
                        <a href="https://www.linkedin.com/school/brentwood-college-school" target="__blank" class="w-6" title="LinkedIn"><fa-icon icon="fab fa-linkedin"></fa-icon></a>
                        <a href="https://photos.brentwood.ca" target="_blank" class="w-6" title="SmugMug"><fa-icon icon="fas fa-camera-retro"></fa-icon></a>
                    </div>
                </div>
            </div>

            <div class="flex-1 relative z-2 md:flex justify-center w-full">
                <div class="flex flex-col md:flex-row items-center justify-center w-full">

                    <div class="md:w-full leading-loose md:leading-relaxed pl-4">
                        <a href="tel:+12507435521">+1 (250) 743-5521</a><br/>
                        <a href="mailto:admissions@brentwood.ca">admissions@brentwood.ca</a></br>
                        <a href="mailto:info@brentwood.ca">info@brentwood.ca</a>
                        <div class="">2735 Mount Baker Road<br/>Mill Bay, BC, Canada V8H 1K8</div>
                        <div class="w-20 min-h-[24px]">
                            <print-button v-if="pageLoaded"></print-button>
                        </div>
                    </div>

                </div>
            </div>

        </content-element-transition>

    </div>

</footer>
<?php /**PATH /var/www/html/resources/views/footer.blade.php ENDPATH**/ ?>