/
home
/
obinna
/
html
/
cravings
/
resources
/
views
/
places
/
Upload File
HOME
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no"> <meta name="description" content=""> <meta name="author" content=""> <title>Cravvings</title> <link rel="stylesheet" href="/css/html5doctor.css"> <link href="/css/bootstrap44.min.css" rel="stylesheet"> <link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="/css2/layout.css"> <link rel="stylesheet" href="/css2/jquery-ui.css"> <link rel="stylesheet" href="/css2/vex.min.css"> <link rel="stylesheet" href="/css2/vex-theme-plain.css"> <link rel="stylesheet" href="/css/list.css"> <link rel="shortcut icon" href="/images/icon.png" type="image/png"> @yield('extracss') <script async src="https://www.googletagmanager.com/gtag/js?id=UA-106575396-6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-106575396-6'); </script> </head> <body> <div class="row" id="loading"> <div class="col-sm-12 mx-auto" style="display: flex;"> <div class="loader"></div> </div> </div> @section('nav') <nav class="navbar navbar-expand-md main-nav navbar-dark" style="position: relative; top: 0; left: 0; right: 0; padding: 0;"> <div class="container"> <a class="navbar-brand" href="/"><img src="/images/logo.png" alt="logo" class="logo"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="/#place-search-home">Places</a> </li> <li class="nav-item"> <a class="nav-link" href="/place/suggest">Suggest a place</a> </li> </ul> </div> </div> </nav> @show <div class="mains"> <div class="search-wrapper"> <div class="search-list"> <section class="search-top"> <form action="#" method="post" class="search-input wow pixFadeUp search-form" id="place-form"> <div class="search-inner"> <div class="inputs"> <div class="row"> <div class="col-sm-12 food-cont"> <input type="text" data-type="place" class="form-control full-search-rad place-find query" id="place-find" placeholder="Find your favourite places..."> </div> </div> </div> <button type="submit" class="button button-primary"><span>Find</span></button> </div> <div class="clearfix"></div> <div class="form-result alert" style="display: none;"> <div class="content"></div> </div> </form> <div class="search-address optional-address" id="opt-add"> </div> </section> <div class="search-actual-results"> <div class="results-title"> <h3 id="search-title"></h3> </div> <div class="results-list" id="places-list"> @for($i=0; $i<12; $i++) <div class="actual-result"> <div class="search-place-image"> <div class="skeleton-background"></div> </div> <div class="search-place-details"> <div class="search-highlight"> <div class="skeleton-background"></div> <div class="skeleton-background"></div> <div class="skeleton-background"></div> </div> <div class="place-title"> <h3><div class="skeleton-background"></div></h3> </div> <p class="place-address"><div class="skeleton-background"></div></p> <hr> </div> </div> @endfor </div> </div> <div class="load-more" style="margin: 10px 0; text-align: center; font-size: 25px; display: none;"> <i class="fa fa-spinner fa-spin"></i> </div> <footer id="footer" class="footer-five"> <div class="suggest-wrapper"> <div class="suggest"> <div class="suggest-image"> <img src="/images/hanburg.svg" alt="Suggest a place"> </div> <div class="suggest-content"> <h3>Can't find a restaurant?</h3> <p>Did we miss out your favourite restaurant? Our apologies! Suggest a place and we will make sure you see it the next time you search.</p> <a href="/place/suggest" class="button button-warning suggest-a-place">SUGGEST A PLACE</a> </div> </div> </div> <div class="container"> <div class="footer-inner wow pixFadeUp"> <div class="row"> <div class="col-sm-3 col-md-6"> <img src="/images/icon.png" alt="" class="logo"> </div> </div> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="widget footer-widget"> <!-- <h3 class="widget-title">Cravvings</h3> --> <ul class="footer-menu"> <li><a href="/business/register">Register your business</a></li> <li><a href="#">How does Cravvings work?</a></li> <li><a href="#">About Us</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="widget footer-widget"> <!-- <h3 class="widget-title">Services</h3> --> <ul class="footer-menu"> <li><a href="/privacy">Privacy Policy</a></li> <li><a href="#">Terms of use</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="widget footer-widget"> <!-- <h3 class="widget-title">Our Address</h3> --> <ul class="footer-menu"> <li><a href="https://instagram.com/cravvingsapp" target="_blank"><i class="fa fa-instagram"></i> Instagram</a></li> <li><a href="https://twitter.com/cravvingsapp" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li> <li><a href="https://facebook.com/cravvingsapp" target="_blank"><i class="fa fa-facebook"></i> Facebook</a></li> </ul> </div> </div> </div> </div> <div class="site-info"> <div class="copyright"> <p>© 2022 Cravvings. All Rights Reserved.</p> </div> </div> </div> </footer> </div> </div> </div> @section('javascript') <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=AIzaSyAJsPhI-fGmDBIUh9yLu_MiUj4hZ2nlWU8"></script> <script src="/js/jquery.js"></script> <script src="/js/popper.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/jquery-ui.js"></script> <script src="/js/utility.js"></script> <script src="/js/autocomplete.js"></script> <script src="/js/maps.js"></script> <script> const placeTemplate = (place) => { const searched = state.food; console.log({place}) return ` <div class="actual-result"> <a href="/places/${place.slug}" data-slug="${place.slug}"> <div class="search-place-image" style="background-image: url(${place.image || '/images/resized/default.jpg'})"> </div> </a> <div class="search-place-details"> <div class="place-title"> <h3><a href="/places/${place.slug}" data-slug="${place.slug}">${place.name}</a></h3> </div> ${place.phones.length ? getPhones(place.phones) : ''} <p class="place-address">${place.address}.</p> <span class="deliveries"> <i class="fa fa-motorcycle"></i> ${place.delivery.length ? place.delivery.map(deliver => deliver).join(", ") : '<i class="fa fa-times"></i>'} </span> <hr> </div> </div> `; } document.querySelector('#place-find').addEventListener('keyup', e => { const value = e.target.value }) </script> @show </body> </html>