Gecko [ 35.178.45.201 ]

Name	Size	Permission
all.blade.php	85 B	-rw-rw-r--
api.nearby.save2.php	20.84 KB	-rw-rw-r--
api.view.save.php	5.63 KB	-rw-rw-r--
apinearby.blade.php	16.34 KB	-rw-rw-r--
apiview.blade.php	6.83 KB	-rw-rw-r--
apiviewnew.blade.php	22.63 KB	-rw-rw-r--
dropdown_menu.blade.php	719 B	-rw-rw-r--
explore.blade.php	15.42 KB	-rw-rw-r--
index.blade.php	9.18 KB	-rw-rw-r--
list.blade.php	1.07 KB	-rw-rw-r--
myplaces.blade.php	6.65 KB	-rw-rw-r--
namesearch.blade.php	821 B	-rw-rw-r--
new.blade.php	8.1 KB	-rw-rw-r--
newplace.blade.php	24.27 KB	-rw-rw-r--
np.blade.php	24.54 KB	-rw-rw-r--
place_reviews.blade.php	2.73 KB	-rw-rw-r--
place_search_input.blade.php	1.93 KB	-rw-rw-r--
placesearch.blade.php	10.82 KB	-rw-rw-r--
populate.blade.php	11.95 KB	-rw-rw-r--
prereview.blade.php	12.92 KB	-rw-rw-r--
rate.blade.php	5.12 KB	-rw-rw-r--
review-old.blade.php	12.22 KB	-rw-rw-r--
review.blade.php	13.51 KB	-rw-rw-r--
reviewss.blade.php	11.41 KB	-rw-rw-r--
shownew.blade.php	13.5 KB	-rw-rw-r--
suggest.blade.php	25.13 KB	-rw-rw-r--
view.blade.php	7.78 KB	-rw-rw-r--

Code Editor : apinearby.blade.php

@extends('layouts.lists')

@section('meta')
	<meta content="Cravvings - {{ $searchTitle }}" property="og:title">
	<meta content="{!! $url !!}" property="og:url">
    <meta content="Find and review food from your favourite places" property="og:description">
    <meta content="{{ $image }}" property="og:image">
    <meta content="480" property="og:image:width">
    <meta content="360" property="og:image:height">
    <meta name="twitter:title" content="Cravvings - {{ $searchTitle }}">
    <meta name="twitter:description" content="Find and review food from your favourite places.">
    <meta name="twitter:image" content="{{ $image }}">
    <meta name="twitter:image:width" content="1200">
	<meta name="twitter:image:height" content="630">
	<meta name="search_token" value="{{ $token }}">
	<title>Cravvings - {{ $searchTitle }}</title>
@endsection

@section('extracss')
	@parent
	<style>
		html, .search-list {
			scroll-behavior: smooth;
		}

.search-wrapper {
			display: grid;
			grid-template-columns: 50% 50%;
		}

.search-list {
			flex: 0 0 50%;
			padding: 0;
			padding-bottom: 50px;
		}

.results-list {
			padding-bottom: 0;
		}

@media (max-width: 860px) {
			.search-wrapper {
				display: block;
			}
		}

@media (min-width: 561px) {
			.search-list {
				max-height: 100vh;
				overflow-y: scroll;
				overflow-y: scroll;
			}
		}

.fa.fa-times {
			color: red;
			padding-left: 10px;
		}

#footer {
			display: none;
		}

@media (min-width: 500px){
			.actual-result hr {
				display: none;
			}
		}

.top-of-page {
			position: fixed;
			right: 20px;
			bottom: 50px;
			border: none;
			display: none;
			z-index: 10000;
		}

.button.top-of-page {
			background-color: var(--red);
			color: #fff;
			border-radius: 30px;
		}

@media (min-width: 850px) {
			.top-of-page {
				right: 51%;
			}
		}

.prepend-text span {
            font-family: 'Gilroy Semi Bold', sans-serif;
        }

.prepend-text img {
            display: none;
        }

.submit-button {
            border: 1px solid #c32026;
        }

@media (min-width: 900px) {
            .food-input > .input-control {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

.input-control {
                font-size: 1rem !important;
            }

.prepend-text {
                font-size: 1.0rem;
            }

.address-input .prepend-text {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                border-left: 0;
            }
		}

@media (max-width: 900px) {
			.food-input, .address-input, .submit-button {
                border-radius: 8px;
                box-shadow: 0 1px 18px rgb(0 0 0 / 15%);
            }

.food-input {
                margin-bottom: 5px;
            }

.search-bar .address-input .input-control {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

.outer-button {
                display: none;
            }

#address.input-control {
                padding-right: 10px;
            }

.search-bar .address-input .inner-button {
                display: flex;
                position: relative;
            }

.results-title {
                display: none;
            }
		}

.search-highlight .badge {
			font-size: 0.9rem;
		}

.search-bar {
			margin-bottom: 10px;
			margin-top: 10px;
		}

.not-found {
			text-decoration: underline;
			font-style: italic;
			color: var(--red);
		}

#loaders {
			width: 48px;
			height: 48px;
			margin: 0 auto;
			border: 5px solid #FFF;
			border-bottom-color: var(--red);
			border-radius: 50%;
			display: flex;
			box-sizing: border-box;
			animation: rotation 1s linear infinite;
		}

@keyframes rotation {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		} 
	</style>
@endsection

@section('searchbar')
	<form action="/search" class="location-form search-input search-page-form search-form">
		<div class="food-input">
			<div class="input-prepend">
				<span class="prepend-text">
					<span>Food</span>
					<img src="/images/icons/search-food.png" alt="search food">
				</span>
			</div>
			<input type="text" name="food" class="input-control" id="food" value="{{ $food }}" placeholder="what to eat" autocorrect="off" />
		</div>
		<div class="address-input">
			<div class="input-prepend">
				<span class="prepend-text">
					<span>Where</span>
					<img src="/images/icons/search-location.png" alt="search location">
				</span>
			</div>
			<input type="text" name="address" class="input-control" id="address" value="{{ $location }}" placeholder="Yaba, Opebi, Lekki..." />
			<button class="button button-primary inline-button inner-button submit-button btn-circle">
				<i class="fa fa-search"></i>
			</button>
		</div>
		<input type="hidden" id="longitude" name="longitude"><input type="hidden" id="latitude" name="latitude">
		<button class="button button-primary inline-button outer-button submit-button btn-circle">
			<i class="fa fa-search"></i>
		</button>
	</form>
@endsection

@section('content')
		<div class="search-wrapper">
				<div class="search-list list-padding">
					{{-- <div class="search-filters">
						<button class="button button-secondary btn-circle"><span class="filter-text">Delivery</span></button>
						<button class="button button-secondary btn-circle"><span class="filter-text">Delivery</span></button>
						<button class="button button-secondary btn-circle"><span class="filter-text">Delivery</span></button>
					</div> --}}

<div class="search-actual-results" style="position: relative;">
						<div class="results-title">
						    <div id="search-title"></div>
						</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">
								            <div class="skeleton-background"></div>
								        </div>
								    </div>
								</div>
							@endfor --}}
						</div>
						<div id="loaders"></div>
						<button class="button button-secondary top-of-page" onclick="goToTop();"><i class="fa fa-arrow-up"></i></button>
					</div>
			        {{-- <div class="load-more">
						<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">
											
											<ul class="footer-menu">
												<li><a href="/business/register">Register/Claim your business</a></li>
												{{-- <li><a href="#">How does Cravvings work?</a></li> --}}
				                                {{-- <li><a href="#">About Us</a></li> --}}
				                                <li><a href="/contact">Contact Us</a></li>
											</ul>
										</div>
									</div>
									<div class="col-lg-3 col-md-6">
										<div class="widget footer-widget">
											<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">
											<ul class="footer-menu">
												<li><a href="https://instagram.com/cravvingsapp" rel="noreferrer" target="_blank"><i class="fa fa-instagram"></i> Instagram</a></li>
												<li><a href="https://twitter.com/cravvingsapp" rel="noreferrer" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
												<li><a href="https://facebook.com/cravvingsapp" rel="noreferrer" target="_blank"><i class="fa fa-facebook"></i> Facebook</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="site-info">
								<div class="copyright">
									<p>&copy; 2022 Cravvings. All Rights Reserved.</p>
								</div>
							</div>
						</div>
				  </footer>
				</div>
				<div class="places-map search-map" id="map" style="max-height: 100vh;">

</div>
			</div>
 		@endsection

@section('javascript')
		@parent
			<script src="/js/vex.min.js"></script>
			<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
			<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
			<script src="/js/mainsearch.js"></script>
			{{-- <script src="/js/searchInput.js"></script> --}}
			<script src="/js/cravvings.js"></script>

let page = 0;
		
				let perPage = 15;

var controller = new ScrollMagic.Controller();

<p class="place-address">${shown_address || ''}</p>
								<div class="search-highlight">
		        		        	${place.food && state.food ? place.food.map(
		        		        		food => `<span class="badge badge-warning">${capitalize(food.name)}</span>`
		        		        	).join(" ") : ''}
		        		        </div>
								
		        		    </div>
		        		</div>
			        `;
				}

function loadMap(list) {
					if (/Mobi|Android/i.test(navigator.userAgent)) {
						// mobile!
					}else {
						list.length && list[0]['coords'] && initMap(list, document.getElementById('map'), [state.longitude, state.latitude, state.address])
					}
				}

function Places(places){
					return places.length
						? places.reduce((all, one) => all + placeTemplate(one), '')
						: '';
				}

// const placeList = loadPlaces();

// document.getElementById('food').value = state.food ? state.food : "";
				// document.getElementById('deliveryCheck').checked = state.delivery || false;
				const phones = (phone) => `<a href="tel:${phone}">${phone}</a>`;
				const delivery = (delivery) => {
					if (delivery && delivery.length) {
						return `<div class="place-delivery">
									<i class="fa fa-motorcycle"></i>
									<span class="deliveries">
										${delivery.map(area => area).join(", ")}
									</span>
								</div>`
							;
					}

return '';
				}

const getPhones = (phones) => `
					<div class="place-phones">
						<svg stroke="currentColor" fill="#222222" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M426.666 330.667a250.385 250.385 0 0 1-75.729-11.729c-7.469-2.136-16-1.073-21.332 5.333l-46.939 46.928c-60.802-30.928-109.864-80-140.802-140.803l46.939-46.927c5.332-5.333 7.462-13.864 5.332-21.333-8.537-24.531-12.802-50.136-12.802-76.803C181.333 73.604 171.734 64 160 64H85.333C73.599 64 64 73.604 64 85.333 64 285.864 226.136 448 426.666 448c11.73 0 21.334-9.604 21.334-21.333V352c0-11.729-9.604-21.333-21.334-21.333z"></path></svg>
						<a href="tel:${phones[0]}">${phones[0]}</a>
					</div>
				`;

const getDelivery = (delivery) => `
					<span class="deliveries">
						<i class="fa fa-motorcycle"></i>
						${delivery.map(area => area).join(", ")}
					</span>
				`;

const starred = (avgRating) => {
					if(!avgRating) return '';
					let rat = "";
					const avg = avgRating && avgRating.rate ? avgRating.rate : avgRating;
					for (var i = 0; i < Math.floor(avg); i++) {
						rat += `<i class="fa fa-star"></i>`;
					}

return rat;
				};

document.querySelector('.food-input>.input-control').addEventListener('focus', function(e) {
					document.querySelector('.address-input').style.display = 'flex';
				})

// document.querySelector('.food-input>.input-control').addEventListener('blur', toggleAddressInput);
				// document.querySelector('.address-input>.input-control').addEventListener('blur', toggleAddressInput);

function goToTop() {
					searchList.scrollTop = 0;
					window.scrollTo(0, 0);
					document.querySelector('.top-of-page').style.display = 'none';
				}
		    </script>
   	@endsection

${this.title}

Code Editor : apinearby.blade.php