<!DOCTYPE html>
<html lang="en">
<head>
    <?php echo $__env->make('head', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <?php echo $__env->make('partials.facebook-pixel', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</head>

<body class="relative h-full flex flex-col <?php echo e(isset($page) ? $page->version?->theme : ''); ?> print:block min-h-[100vh] <?php echo e(auth()->user()?->dark_mode ? 'dark' : ''); ?>">
       

        <?php echo $__env->make('partials.facebook-pixel-noscript', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W76R78HW"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->

      <div id="app" class="relative flex-1 flex lg:justify-center print:block <?php echo e(request('preview') ? 'border-4 md:border-8 border-yellow-300' : ''); ?>">

        <page-setter :paginate-count="<?php echo e(session()->get('paginate_count', 10)); ?>"
            <?php if(auth()->user()?->hasRole('pages-editor') && editing()): ?>
                :expanded-page-ids='<?php echo json_encode(session()->get("expanded_page_ids")?->values(), 15, 512) ?>'
            <?php endif; ?>
            <?php if(isset($page)): ?>
                <?php if($page->parentPageIds): ?>
                    :parent-page-ids="<?php echo e($page->parentPageIds); ?>"
                <?php endif; ?>
            <?php endif; ?>
            <?php if(isset($slug)): ?>
                slug="<?php echo e($slug); ?>"
            <?php endif; ?>
        ></page-setter>

        <?php if(auth()->guard()->check()): ?>
            <?php if(editing() && !request('preview') && auth()->user()?->hasRole('pages-editor')): ?>
                <page-side-menu> </page-side-menu>
            <?php endif; ?>
        <?php endif; ?>

        <div id="main" class="relative flex-1 flex flex-col print:block items-center w-full max-w-[1920px]">

            <div class="sticky top-0 z-50 w-full max-w-7xl" id="feedback-container">
                <div class="absolute w-full flex justify-center">
                    <div class="w-full relative">
                        <feedback 
                            v-if="pageLoaded"
                            :errors='<?php echo json_encode($errors, 15, 512) ?>' 
                            :error='<?php echo json_encode(isset($error) ? $error : session("error"), 15, 512) ?>' 
                            :success='<?php echo json_encode(isset($success) ? $success : session("success"), 15, 512) ?>'
                            :class="editing ? 'mt-16 md:mt-24' : 'mt-16'"
                        ></feedback>
                    </div>
                </div>
            </div>

            <div class="hidden print:grid grid-cols-2 items-center py-2 mx-4 mt-2 mb-4 border-b border-gray-300">
                <a href="/"><img src="images/logo.svg" class="h-10" alt="Brentwood College School Logo" /></a>
                <div class="text-right"><a href="/" class="text-primary">www.brentwood.ca</a></div>
            </div>
            
            <div class="absolute h-full w-full max-w-7xl shadow-lg print:hidden"></div>

            <?php if(isset($page)): ?>
                <?php if(request('preview') && $page->version?->redirect): ?>
                    <div class="z-10 relative border-b-2 border-primary bg-highlight w-full max-w-7xl px-4 grid place-items-center print:hidden">
                        <div class="">Redirects to: <a href="<?php echo e($page->version->redirect); ?>" target="_blank"><?php echo e($page->version->redirect); ?></a></div>
                    </div>
                <?php endif; ?>
            <?php endif; ?>

            <?php echo $__env->make('header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> 

            <div class="md:items-center flex-1 flex flex-col relative print:block w-full" id="content-container" @click="showMenu = false">

                <div class="main-bg absolute z-0 w-full max-w-7xl h-full"></div>

                <div class="flex flex-1 flex-col items-center w-full relative print:block">

                    <?php if(isset($page)): ?>
                        <?php if(!$page?->version?->randomize): ?>
                            <div class="absolute max-w-6xl w-full h-full">
                                <div class="border-r-4 border-primary absolute top-0 h-full md:ml-33p z-2 red-line"></div>
                            </div>
                        <?php endif; ?>
                    <?php endif; ?>

                    <div id="content" class="flex-1 flex flex-col relative print:block w-full items-center 
                        <?php echo e(isset($page) ? ($page?->version?->randomize && (!editing() || request('preview')) ? 'md:grid md:grid-cols-4 md:max-w-7xl md:grid-flow-dense md:p-8' : '') : ''); ?>

                    ">

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

                        <?php if(isset($page) && !editing()): ?>
                            <?php if($page->type === 'blog' || $page->type === 'announcement'): ?>
                                <?php echo $__env->make('publications-nav', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                            <?php endif; ?>
                        <?php endif; ?>

                        <?php if(isset($page) && (!editing() || request('preview'))): ?>
                            <?php if($page->type === 'page' && $page->version?->sibling_nav): ?>
                                <sibling-nav></sibling-nav>
                            <?php endif; ?>
                        <?php endif; ?>

                    </div>

                </div>

            </div>

            <?php echo $__env->make('footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> 

        </div>

        <photo-viewer v-if="pageLoaded"></photo-viewer>

        <?php if(auth()->guard()->check()): ?>
            <email-confirmer v-if="pageLoaded"></email-confirmer>
            <timeout-check v-if="false"></timeout-check>
            <photo-tags v-if="pageLoaded"></photo-tags>
        <?php endif; ?>

        <div class="hidden print:block p-4 max-w-7xl">
            <div class="border-t-4 border-primary pt-4 text-center w-full">
                <div class="text-center inline"><a href="https://www.brentwood.ca">www.brentwood.ca</a></div>
                <div class="text-center inline px-8"><a href="tel:2507435521">250.743.5521</a></div>
                <div class="text-center inline"><a href="mailto:info@brentwood.ca">info@brentwood.ca</a></div>
            </div>
            <div class="w-full text-center pt-1">2735 Mount Baker Road, Mill Bay, BC, Canada VOR 2P1</div>

            <div class="w-full text-center italic text-sm text-gray-500 pt-4"><?php echo e(request()->url()); ?></div>

            <div class="w-full text-center italic text-sm text-gray-500 pt-1">
                <?php if(isset($page)): ?>
                    <?php if($page->version): ?>
                        <span class="mr-8"><?php echo e($page->version->title ? $page->version->title.' - ' : ''); ?> Version ID: <?php echo e($page->id); ?>-<?php echo e($page->version->id); ?></span>
                    <?php endif; ?>
                <?php endif; ?>
                <span class="">Printed at <date-time date-time="<?php echo e(now()->toISOString()); ?>" :seconds="true"></date-time></span>
            </div>
        </div>

    </div>

    <!-- vue uses the <teleport to="#modal"></teleport> wrapper to send stuff here, we should try and remove this and just use body as the teleport target -->
    <div id="modal"></div>

<script async src="//www.instagram.com/embed.js"></script>
 <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-819887853"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-819887853');
</script>
</body>
</html>
<?php /**PATH /var/www/html/resources/views/app.blade.php ENDPATH**/ ?>