<?php /*template name: Catering Menu*/ get_header(); ?>

<div class="uk-cover-container uk-text-center banner" uk-scrollspy="cls: uk-animation-fade; delay: 300">
    <canvas class="uk-visible@m" width="" height="300"></canvas>
    <canvas class="uk-hidden@m" width="" height="300"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/catering-menu-banner.jpg" data-width data-height uk-cover>


	<div class="uk-position-cover uk-text-center uk-container uk-flex uk-flex-center uk-flex-middle" uk-scrollspy="cls: uk-animation-fade; delay: 500">
        <div>
           <h1 class="white">Catering Menu</h1>
        </div>
    </div>
</div>


<div class="uk-container">
	<main role="main">
		<section>


			<?php if (have_posts()): while (have_posts()) : the_post(); ?>

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

          <a uk-sticky="position: bottom; offset: -20; end: true" class="totop" href="#" uk-totop uk-scroll></a>



          <h3 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="tan uk-text-center uk-margin-large-top uk-margin-remove-bottom">Need an order right now?</h3>

          <h1 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center green uk-margin-remove-top">Give us a call and we'll make it happen!</h1>

          <div class="uk-child-width-auto@m uk-flex uk-flex-center uk-margin-large-bottom" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
            <div>
              <div class="uk-text-center">
                <div class="">
                  <h5>Bernard Location</h5>
                  <a href="tel:250-762-3336" class="call-now">
                    250-762-3336
                  </a>
                </div>
              </div>
            </div>

            <div class="uk-text-center">
				 <h5>Order Online</h5>
				<a class="call-now" href="<?php echo home_url(); ?>/catering-menu/order-catering/">Order Now</a>

             <!-- <div class="uk-text-left@m uk-text-center">
                <div class="">
                  <h5>Pandosy Location</h5>
                  <a href="tel:250-763-7773" class="call-now">
                    250-763-7773
                  </a>
                </div>
              </div>-->
            </div>
          </div>
          <div uk-scrollspy="cls: uk-animation-fade; delay: 300">
            <?php the_content(); ?>
          </div>


								<?php

								// Check rows exists.
								if( have_rows('section') ):

								    // Loop through rows.
								    while( have_rows('section') ) : the_row();?>

                    <div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="menu-title uk-text-center uk-margin-medium-top">
                      <h2 class="green uk-text-center uk-margin-remove"><?php the_sub_field('section_title'); ?></h2>
                    </div>

                    <P uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom"><?php the_sub_field('sub_title'); ?></P>


										<div class="uk-child-width-1-3@m uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
										<?php

										// Check rows exists.
										if( have_rows('menu_item') ):

										    // Loop through rows.
										    while( have_rows('menu_item') ) : the_row();?>
												<div>
													<h6 class="uk-text-center"><?php the_sub_field('name'); ?></h6>
                          <P class="uk-text-center green uk-text-bold">CA $<?php the_sub_field('price'); ?></P>

													<P class="uk-text-center"><?php the_sub_field('description'); ?></P>
												</div>

												<?php


										    // End loop.
										    endwhile;

										// No value.
										else :
										    // Do something...
										endif;?>
									</div>

										<?php


								    // End loop.
								    endwhile;

								// No value.
								else :
								    // Do something...
								endif;?>

								<?php

	            endwhile; // End inner group loop

	        endif; // End inner group check
          ?>

          <?php
          // Check if the outer group fields exist
          if (have_rows('bernard_location')) :

              // Loop through the outer group fields
              while (have_rows('bernard_location')) : the_row();?>


          <?php

          // Check rows exists.
          if( have_rows('section') ):

              // Loop through rows.
              while( have_rows('section') ) : the_row();?>

              <div class="menu-title uk-text-center uk-margin-medium-top">
                <h2 class="green uk-text-center uk-margin-remove"><?php the_sub_field('section_title'); ?></h2>
              </div>

              <P class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom"><?php the_sub_field('sub_title'); ?></P>


              <div class="uk-child-width-1-3@m uk-grid-large" uk-grid>
              <?php

              // Check rows exists.
              if( have_rows('menu_item') ):

                  // Loop through rows.
                  while( have_rows('menu_item') ) : the_row();?>
                  <div>
                    <h6 class="uk-text-center"><?php the_sub_field('name'); ?></h6>
                    <P class="uk-text-center"><?php the_sub_field('description'); ?></P>
                  </div>

                  <?php


                  // End loop.
                  endwhile;

              // No value.
              else :
                  // Do something...
              endif;?>
            </div>

              <?php


              // End loop.
              endwhile;

          // No value.
          else :
              // Do something...
          endif;?>







					<br class="clear">

					<p class="uk-text-right"><?php edit_post_link( __('Edit this page'), '', '', 0, 'post-edit-link uk-text-large uk-padding-small uk-button-large uk-button uk-button-primary' ); ?></p>

				</article>

			<?php endwhile; ?><?php endif; ?>

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


<div class="uk-container uk-container-large">
  <div class="uk-child-width-1-2@m uk-margin-large-top uk-margin-large-bottom uk-flex uk-flex-middle" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
    <div>
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/a-man-in-blue-denim-delivering-paper-bags-to-a-woman.webp">

    </div>
    <div>
      <h3 class="tan uk-margin-remove-bottom">pickup or delivery</h3>
      <h1 class="red uk-margin-remove-top">Order Your Way</h1>
      <P class="uk-margin-medium-top uk-margin-medium-bottom">Ready to enjoy our delicious offerings? Choose your preferred method and place your order with ease through DoorDash or ChowNow for pick-up or delivery. Satisfy your cravings today!</P>
      <div class="uk-child-width-auto@m uk-grid-small " uk-grid>
        <div>
          <a href="https://order.online/online-ordering/business/-434861/?utm_source=dd-partner-link" target="_BLANK" class="red-btn"><img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/door-dash-white-button-logo.png"></a>
        </div>
        <div>
          <a target="_BLANK" href="https://direct.chownow.com/order/9106/locations?add_cn_ordering_class=true"  class="red-btn">Get the Bread Co. App</a>
        </div>
      </div>
    </div>
  </div>
	<div class="uk-margin-auto uk-width-2-5@m uk-text-center">
		<h1 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="brown uk-text-center">Thirsty? Take a look at our Specialty Drink Menu</h1>
		<P uk-scrollspy="cls: uk-animation-fade; delay: 300">At Bread Co., our specialty drinks are more than just refreshments; they are a masterpiece in every cup.</P>

		<a uk-scrollspy="cls: uk-animation-fade; delay: 500" href="<?php echo home_url(); ?>/specialty-drinks/" class="brown-btn">Specialty Drinks Menu</a>

	</div>



	  <h3 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="tan uk-margin-large-top uk-text-center uk-margin-remove-bottom">great food and baked goods</h3>
	  <h1 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="green uk-text-center uk-margin-remove-top uk-margin-large-bottom">Discover Our Locations</h1>

	  <?php include 'location-maps.php';?>

</div>


<div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="lunch-banner uk-padding-large uk-padding-remove-horizontal uk-margin-xlarge-top uk-margin-xlarge-bottom">
  <div class="uk-container ">
    <div class="uk-child-width-1-2@m" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 500">
      <div>
        <h3 class="gold uk-margin-remove-bottom">bakery cafe</h3>
        <h1 class="white uk-margin-remove">Delight in Our Delectable Breakfasts and Lunches</h1>

      </div>
      <div>
        <h4 class="white uk-text-center uk-margin-medium-bottom">Whether you're starting your day with a hearty breakfast or savoring a delicious lunch, here's what sets our offerings apart:</h4>
        <div class="uk-text-center">
          <a href="<?php echo home_url(); ?>/breakfast-lunch-menu" class="white-btn">Breakfast &amp; Lunch Menu</a>
        </div>
      </div>
    </div>
  </div>
</div>


<div class="uk-container uk-container-large">
  <div class="uk-child-width-1-2@m uk-grid-large uk-flex uk-flex-middle" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
    <div>
      <h3 class="tan uk-margin-remove">bonuses</h3>
      <h1 class="brown uk-margin-remove-top">Join the Bread Co. Rewards Program</h1>
      <P class="uk-text-justify">Get ready to enjoy exclusive rewards with the Bread Co. loyalty program with Get in the Loop! Earn points, unlock bonuses, and savour complimentary treats as a token of our appreciation for your loyalty. Join today and experience the perks of being a valued Bread Co. customer.</P>
    </div>
    <div>
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/get-in-the-loop-logo.svg">

    </div>
  </div>

  <div uk-scrollspy="cls: uk-animation-fade; delay: 500" class="uk-text-center">
    <a href="https://getintheloop.ca/" target="_BLANK"  class="brown-btn uk-margin-medium-top">Signup for Rewards</a>
  </div>

</div>

<?php get_footer(); ?>
