@extends('layouts.app')
<link href="{{ asset('css/restaurantMenu.css') }}" rel="stylesheet">
@section('content')
<div id="content">
    <div id="restaurant" class="l-container" data-menu-type="delivery">
        <div class="c-sticky c-sticky--categories" data-ft="sticky"><div id="menuCategories" class="sticky is-scrolling">
                <h2>Categories</h2>
                <ul class="menuCategoriesLinks" style="height: 100%; overflow: auto;">
                    <li><a href="/restaurants-maple-chinese-bn21/menu#cat13">Rice Dishes</a></li>
                    <li><a href="/restaurants-maple-chinese-bn21/menu#cat14">Foo Yung Dishes</a></li>
                    <li><a href="/restaurants-maple-chinese-bn21/menu#cat15">Vermicelli Dishes</a></li>
                    <li><a href="/restaurants-maple-chinese-bn21/menu#cat16">Specials</a></li>
                    <li><a href="/restaurants-maple-chinese-bn21/menu#cat17">Duck Dishes</a></li>

                </ul>
            </div></div>
        <div class="restaurantParts">
            <div id="nonJsOverlay"></div>
            <div class="restaurantOverview o-card" data-restaurant-id="18487" itemscope="" itemtype="http://schema.org/Restaurant">
                <div class="logo">
                    <img src="//d30v2pzvrfyzpo.cloudfront.net/uk/images/restaurants/18487.gif" itemprop="image" alt="Maple Chinese Hot Food Takeaway" width="100" height="100" onerror="this.onerror = null;this.src = '//dy3erx8o0a6nh.cloudfront.net/images/serp/serp_default_logo.svg';">
                    <meta itemprop="logo" content="//d30v2pzvrfyzpo.cloudfront.net/uk/images/restaurants/18487.gif">
                </div>

                <div class="details">
                    <h1 class="name" itemprop="name">Maple Chinese Hot Food Takeaway</h1>
                    <div class="ratings">
                        <p class="rating" itemprop="aggregateRating" itemscope="" style="padding-bottom: 0px;" itemtype="http://schema.org/AggregateRating">
                            <img width="98" height="14" src="//dy3erx8o0a6nh.cloudfront.net/images/serp/stars-red-5.png" alt="5 stars out of 6" title="5 stars out of 6">
                            <a href="/restaurants-maple-chinese-bn21/reviews">1642 reviews</a>
                            <meta itemprop="itemreviewed" content="Maple Chinese Hot Food Takeaway">
                            <meta itemprop="ratingCount" content="1642">
                            <meta itemprop="bestRating" content="6">
                            <meta itemprop="worstRating" content="1">
                            <meta itemprop="ratingValue" content="5">
                        </p>
                    </div>
                    <p class="cuisines">
                        <span itemprop="servesCuisine">Chinese</span>
                    </p>
                    <p class="address" itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                        <span id="street" itemprop="streetAddress">52 Seaside Road</span>,
                        <span id="city" itemprop="addressLocality">Eastbourne</span>,
                        <span id="postcode" itemprop="postalCode">BN21 3PB</span>
                    </p>
                    <p class="closed">
                        Opening at 16:30
                    </p>
                </div>
                <div class="navigation">
                    <ul class="u-clearfix">
                        <li>
                            <a class="currentPage" href="/restaurants-maple-chinese-bn21/menu">Menu</a>
                        </li>
                        <li>
                            <a href="/restaurants-maple-chinese-bn21/reviews">Reviews</a>
                        </li>
                        <li>
                            <a href="/restaurants-maple-chinese-bn21">Info</a>
                        </li>
                    </ul>
                </div>
            </div>
            <script>
                var dataLayer = dataLayer || [];

                dataLayer.push({
                    'event': 'event',
                    'eventCategory': 'restaurantInfo',
                    'eventAction': 'restaurantOffer',
                    'eventLabel': 'false'
                });

                var justEatData = justEatData || {};
                justEatData.Restaurant = justEatData.Restaurant || {};
                justEatData.Restaurant.Information = justEatData.Restaurant.Information || {};
                justEatData.Restaurant.Information.isOpen = false;
                justEatData.Restaurant.Information.isClosed = !justEatData.Restaurant.Information.isOpen;
                justEatData.Restaurant.Information.isCollection = false;
                justEatData.Restaurant.Information.isDelivery = !justEatData.Restaurant.Information.isCollection;
                justEatData.Restaurant.Information.trId = "18487";
            </script>
            <div id="menu" class="o-card">
                <div class="c-restaurant__tags__menu"></div>
                <div class="menuDescription">
                    <p><strong>Free prawn crackers with orders over £15<br>
                            Free bottle of Coca-cola with orders over £30</strong><br>
                        <br>
                        <strong>Allergy Advice: Customers are advised to let our staff know if any food may cause allergic reaction prior to</strong></p><span>... </span><a href="javascript: void(0);" id="showMoreText">Show more</a></div>
                <h2 class="menuHeading">Menu</h2>
                <div id="cat13" class="category">
                    <h3 class="categoryName ">Rice Dishes</h3>
                    <div class="products">
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Maple House Special Fried Rice</h4>
                                <p class="description ">King prawn, chicken, beef &amp; char siu</p>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£6.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Rice Dishes" data-product-id="5068820" method="post"><input name="productId" type="hidden" value="5068820">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">King Prawn Fried Rice</h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£6.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Rice Dishes" data-product-id="5068823" method="post"><input name="productId" type="hidden" value="5068823">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Shrimp Fried Rice</h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£5.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Rice Dishes" data-product-id="5068827" method="post"><input name="productId" type="hidden" value="5068827">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Egg Fried Rice</h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£3.50</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Rice Dishes" data-product-id="5068834" method="post"><input name="productId" type="hidden" value="5068834">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="cat14" class="category">
                    <h3 class="categoryName ">Foo Yung Dishes</h3>
                    <p class="categoryDescription">Egg foo yung dishes</p>

                    <div class="products">
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Plain Foo Yung</h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£4.50</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Foo Yung Dishes" data-product-id="5069047" method="post"><input name="productId" type="hidden" value="5069047">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">King Prawn Foo Yung</h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£6.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Foo Yung Dishes" data-product-id="5069053" method="post"><input name="productId" type="hidden" value="5069053">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="cat15" class="category">
                    <h3 class="categoryName ">Vermicelli Dishes</h3>
                    <div class="products">
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Singapore Fried Vermicelli</h4>
                                <p class="description ">Hot</p>
                                <p class="dietaryInformation">
                                    <span class="spicy">Spicy</span>
                                </p>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£5.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Vermicelli Dishes" data-product-id="5069156" method="post"><input name="productId" type="hidden" value="5069156">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="cat16" class="category">
                    <h3 class="categoryName ">Specials</h3>
                    <div class="products">
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Maple Special House Appetiser </h4>
                                <p class="description ">(Spring roll, crispy seaweed, sesame prawn toast, deep fried Wontons &amp; sweet &amp; sour chicken balls) (For 2 persons)</p>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£8.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Specials" data-product-id="9180511" method="post"><input name="productId" type="hidden" value="9180511">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product withSynonyms">
                            <div class="information">
                                <h4 class="name ">Aromatic Duck</h4>
                            </div>
                            <div class="details">
                                <h5 class="synonymName ">Half</h5>
                                <div class="orderDetail">
                                    <p class="price ">£15.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Specials" data-product-id="9180580" method="post"><input name="productId" type="hidden" value="9180580">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="details">
                                <h5 class="synonymName ">Quarter</h5>
                                <div class="orderDetail">
                                    <p class="price ">£8.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Specials" data-product-id="9180581" method="post"><input name="productId" type="hidden" value="9180581">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="cat17" class="category">
                    <h3 class="categoryName ">Duck Dishes</h3>
                    <div class="products">
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Roasted Duck </h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£7.20</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Duck Dishes" data-product-id="5069680" method="post"><input name="productId" type="hidden" value="5069680">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Duck with Green Pepper &amp; Black Bean Sauce</h4>
                                <p class="description ">Hot</p>
                                <p class="dietaryInformation">
                                    <span class="spicy">Spicy</span>
                                </p>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£7.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Duck Dishes" data-product-id="5069697" method="post"><input name="productId" type="hidden" value="5069697">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="product ">
                            <div class="information">
                                <h4 class="name ">Lemon Duck </h4>
                            </div>
                            <div class="details">
                                <div class="orderDetail">
                                    <p class="price ">£7.00</p>
                                    <form action="/restaurants-maple-chinese-bn21/18487/menus/61165/basket/items/add?isCustomisable=False&amp;isdelivery=True&amp;browsing=False" class="addProductForm" data-category-name="Duck Dishes" data-product-id="5069706" method="post"><input name="productId" type="hidden" value="5069706">                        <div class="actions">
                                            <button aria-label="Add" class="addButton " type="submit">+</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hygieneNoteContainer">
                    <div class="hygieneNote">
                        <p>
                            See this restaurant's food hygiene rating at <a href="http://ratings.food.gov.uk/" target="_blank" title="Opens in a new window" rel="nofollow">http://ratings.food.gov.uk/</a>
                        </p>
                    </div>
                </div>
                <div class="allergyLinkContainer">
                    <a class="advisoryShowDialogLink allergyInformationLink o-link o-link--primary" href="/allergy-info?RouteName=Menu_default&amp;SeoName=maple-chinese-bn21">Do you have an allergy or other dietary requirement?</a>
                </div>
            </div>
            <script>
                dataLayer.push({
                    "event": "event",
                    "eventCategory": "popular-dishes",
                    "eventAction": true ? "included" : "excluded"
                });
            </script>
        </div>
        <div class="c-sticky c-sticky--basket" data-ft="sticky"><div id="basket" class="c-basket sticky is-scrolling" data-ft="basket" data-min-spend="">
                <div id="alergyLinkContainer">
                    <img src="//dy3erx8o0a6nh.cloudfront.net/images/icon/allergy-alert.svg" width="12px" height="12px" alt="Do you have an allergy or other dietary requirement?">
                    <a class="advisoryShowDialogLink allergyInformationLink o-link o-link--primary" href="/allergy-info?RouteName=Menu_default&amp;SeoName=maple-chinese-bn21">Do you have an allergy or other dietary requirement?</a>
                </div>
                <div class="basketOrderDetails o-card">
                    <h2></h2>
                    <div id="menuSwitcher">
                        <div class="deliveryOption selected">
                            <button data-deliveryoption-id="delivery" type="submit" class="deliveryOptionButton">
                                <span class="deliveryOptionTypeLabel"><span class="o-radio"></span>Delivery</span>
                                <span class="estimateTimeLabel">starts at 17:25</span>
                            </button>
                        </div>
                        <form action="/basket/menu/collection" class="deliveryOption" method="post"><input data-val="true" data-val-number="The field MenuId must be a number." id="MenuId" name="MenuId" type="hidden" value="61165"><input id="SeoName" name="SeoName" type="hidden" value="maple-chinese-bn21"><input id="ConsumerInitialState_RouteName" name="ConsumerInitialState.RouteName" type="hidden" value="Menu_default"><input id="ConsumerInitialState_PreviewMode" name="ConsumerInitialState.PreviewMode" type="hidden" value="False">                <button data-deliveryoption-id="collection" type="submit" class="deliveryOptionButton">
                                <span class="deliveryOptionTypeLabel"><span class="o-radio"></span>Collection</span>
                                <span class="estimateTimeLabel">starts at 16:50</span>
                            </button>
                        </form></div>
                    <div id="menuSwitcherAlert" class="hide">
                        <p id="menuSwitcherAlertMessage" class="warning">
                            Are you sure?<br>
                            <input id="confirmMenuSwitch" type="button" value="Continue" class="aLink"> or <input id="cancelMenuSwitch" type="button" value="Cancel" class="aLink">
                        </p>
                    </div>
                    <p class="noItemsInBasketMessage ">There are no items in your basket</p>
                    <ul class="basketItems hide" style="height: 80px; overflow: auto;">
                    </ul>
                    <div class="totalsContainer  hide">
                        <p class="basketSubTotal">
                            <span class="total"></span>
                        </p>
                        <p class="basketDeliveryFee ">
                            <span class="total"></span>
                        </p>
                        <p class="basketTotal">
                            <span class="total"></span>
                        </p>
                    </div>
                </div>
                <form action="/basket/menu/checkout" class="checkoutForm" id="menuCheckout" method="post"><input data-val="true" data-val-number="The field MenuId must be a number." id="MenuId" name="MenuId" type="hidden" value="61165"><input data-val="true" data-val-number="The field RestaurantId must be a number." id="RestaurantId" name="RestaurantId" type="hidden" value="0"><input id="BasketId" name="BasketId" type="hidden" value=""><input id="IsCollectionMenuSelected" name="IsCollectionMenuSelected" type="hidden" value="False">
                    <button type="submit" form="menuCheckout" style="text-align: center" class="checkoutButton disabled" disabled="disabled" data-gtm="menu|click - go to checkout|disabled">
                        Checkout
                    </button>
                </form>
                <div id="notesAndAlergyContainer" class="hideNote">
                    <div id="notesAndLinkContainer" class="hide">
                        <div class="restaurantNote">
                            <div id="notesContainer">
                                <label for="Note">Leave a note for the restaurant</label>
                                <textarea cols="20" form="menuCheckout" id="Note" maxlength="2000" name="Note" placeholder="e.g. please do not ring the doorbell." rows="2"></textarea>
                                <button type="button" class="clearNoteButton removeButton">-</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div></div>
        <script>
        </script>
        <div id="mobileFixedBasket" class="emptyBasket">
            <p class="panelMessage">Delivery available on orders of £17 and over (delivery fee £2)</p>
            <a href="/restaurants-maple-chinese-bn21/mobilebasket" class="viewBasketLink" data-item-count="0">
                View order
            </a>
        </div>
    </div>
</div>
@endsection