Gecko [ 35.178.45.201 ]

Name	Size	Permission
all.blade.php	85 B	-rw-rw-r--
api.nearby.save.php	16.23 KB	-rw-rw-r--
api.nearby.save2.php	17.41 KB	-rw-rw-r--
api.view.save.php	5.63 KB	-rw-rw-r--
apinearby.blade.php	18.28 KB	-rw-rw-r--
apiview.blade.php	13.35 KB	-rw-rw-r--
apiviewnew.blade.php	11.83 KB	-rw-rw-r--
apiviews.save.php	13.61 KB	-rw-rw-r--
franchise.blade.php	16.48 KB	-rw-rw-r--
googleda794cd9937527d01.html	42 B	-rw-r--r--
index.blade.php	7.46 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--
nearby.blade.php	9.43 KB	-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--
placesearch.blade.php	10.82 KB	-rw-rw-r--
populate.blade.php	11.95 KB	-rw-rw-r--
prereview.blade.php	11.7 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	12.76 KB	-rw-rw-r--
reviewss.blade.php	11.41 KB	-rw-rw-r--
shownew.blade.php	13.49 KB	-rw-rw-r--
suggest.blade.php	25.1 KB	-rw-rw-r--
view.blade.php	7.78 KB	-rw-rw-r--

Code Editor : franchise.blade.php

@extends('layouts.base')

@section('stylesheets')
	<link href="/css/bootstrap.min.css" rel="stylesheet">

.input-close {
			position: relative;
		}
		
		@media (max-width: 767px){
			.wrapper {
				padding: 0;
			}

form {
				width: 100%;
			}

.close-addon {
				position: absolute;
				right: 15px;
				top: 33%;
				cursor: pointer;
			}
		}
		button {
			background-color: #9CAFB7 !important;
			border-color: #9CAFB7 !important;
			color: #fff !important;
		}

@media (min-width: 576px){
			.row>.col-sm-6:first-of-type {
				padding-right: 10px !important;
			}

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

.btn-group2, #address {
				height: 50px;
			}

#address {
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}
		}

.place-img {
			/*width: 150px;*/
		}

.w-100 {
			/*width: 150px;*/
			width: 100%;
		}

#img-source {
			display: grid; 
			grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 
			margin-bottom: 15px;
			grid-column-gap: 10px;
		}
	</style>
    <script>
      UPLOADCARE_PUBLIC_KEY = 'd20947fe8b3f679007eb';
      UPLOADCARE_TABS = 'camera file';
      UPLOADCARE_IMAGES_ONLY = true;
      UPLOADCARE_CLEARABLE = true;
    </script>
    <script src="https://ucarecdn.com/libs/widget/3.x/uploadcare.full.min.js"></script>
@endsection

@section('content')
	<div class="containers">
			<form action="/places" method="POST" class="place-form">
				@csrf
				<input type="hidden" name="edit" id="edit" value="{{ $place['slug'] ?? ''}}">
				<div class="card">
					<div class="card-body">
						<h4>Place</h4>
						<div class="row">
							<div class="col-sm-9">
								<div class="form-group suggest input-close">
									<input type="text" data-type="place" id="place-name" name="name" class="form-control item-name" placeholder="Name" autocomplete="off" value="{{ $place['name'] ?? '' }}" required>
									<span class="fa fa-times close-addon"></span>
								</div>
							</div>
							<div class="col-sm-3">
								<button class="franchise btn btn-primary">Franchise</button>
							</div>
						</div>
						<div class="input-group">
							<input type="text" name="address" placeholder="Enter Location" class="btn-group2" value="{{ $place['address'] ?? '' }}" id="address" required>
							<div class="input-group-append btn-group2">
								<button style="white-space: normal; background-color: #e8eeef; color: #8a97a0" type="button" class="btn btn-primary get-location"><i class="ta ta-target"></i></button>
							</div>
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="form-group">
									<input type="text" name="lat" id="lats" placeholder="Latitude" class="form-control"  value="{{ isset($place) ? $place['location'] ? $place['location']['coordinates'][1] : '' : '' }}">
								</div>
							</div>
							<div class="col-md-6">
								<div class="form-group">
									<input type="text" name="long" id="lngs" placeholder="Longitude" class="form-control"  value="{{ isset($place) ? $place['location'] ? $place['location']['coordinates'][0] : '' : '' }}">
								</div>
							</div>
						</div>
						<div class="form-group suggest">
							<input type="text" id="phone" name="phone" class="form-control" value="{{ $place['phone'] ?? '' }}" placeholder="Telephone 1 (optional)" autocomplete="off">
						</div>
						<div class="form-group suggest">
							<input type="text" id="phonetwo" name="phonetwo" class="form-control" value="{{ $place['phonetwo'] ?? '' }}" placeholder="Telephone 2 (optional)" autocomplete="off">
						</div>
						<div class="row">
							<div class="form-group suggest col-sm-6" style="padding: 0">
								<input type="text" id="opening" name="opening" class="form-control timing" placeholder="Opening Time (e.g. 08:00)" value="{{ $place['opening'] ?? '' }}">
							</div>
							<div class="form-group suggest col-sm-6" style="padding: 0">
								<input type="text" id="closing" name="closing" class="form-control timing" placeholder="Closing Time (e.g. 22:00)" value="{{ $place['closing'] ?? '' }}">
							</div>
						</div>
						<div class="form-group suggest">
							<input type="text" id="whatsapp" name="whatsapp" class="form-control" value="{{ $place['whatsapp'] ?? '' }}" placeholder="WhatsApp" autocomplete="off">
						</div>
						<div class="form-group suggest">
							<input type="text" id="jumia" name="jumia" class="form-control" value="{{ $place['jumia'] ?? '' }}" placeholder="Jumia Link" autocomplete="off">
						</div>
						<div class="form-group suggest">
							<input type="text" id="info" name="info" class="form-control" value="{{ $place['info'] ?? '' }}" placeholder="Other information" autocomplete="off">
						</div>
						<div class="form-check suggest form-check-inline">
							<input class="form-check-input" id="takeaway" name="takeaway" type="checkbox" checked="{{ $place['takeaway'] ?? ''}}">
							<label class="form-check-label" for="takeaway">Takeaway?</label>
						</div>
						<div class="form-check suggest form-check-inline">
							<input class="form-check-input" id="lockdown" name="lockdown" type="checkbox">
							<label class="form-check-label" for="lockdown">Open?</label>
						</div>
						<button id="upload_widget" type="button" class="cloudinary-button">Add Images</button>
						<input type="hidden" name="image" id="upload-image">
						
						<div id="img-source">
							@if(isset($place) && isset($place['image']))
								@if((array) $place['image'])
									@foreach($place['image'] as $image)
										<div class="place-img">
										    <img src="{{ $image }}" class="w-100" />
										</div>
									@endforeach
								@endif
							@endif
						</div>
						<input type="hidden" id="latitude" name="latitude" value="{{ isset($place) ? $place['location'] ? $place['location']['coordinates'][1] : '' : '' }}">
						<input type="hidden" id="longitude" name="longitude" value="{{ isset($place) ? $place['location'] ? $place['location']['coordinates'][0] : '' : '' }}">
						<div id="img-source">
							@if(isset($place) && isset($place['image']))
								@foreach($place['image'] as $image)
									<div class="place-img">
										<div class="place-img-w">
											<img src="{{ $image }}" class="w-100" />
											<a href="#" class="delete-place-picture" data-slug="{{ $place['slug'] }}" data-index="{{ $loop->index }}">
												<span class="fa fa-times"></span>
											</a>
										</div>
									</div>
									<input type="hidden" name="uploadimage[]" value="{{ $image }}">
								@endforeach
							@endif
							<div id="old-img"></div>
							<div class="place-img">
								<a href="#" class="add-new" id="upload_widget" type="button">
								    <div class="add-icon">
								        <i class="fa fa-plus"></i>
								        <h4>Add new</h4>
								    </div>
								</a>
							</div>
						</div>
						<h5 class="text-center" style="margin-top: 20px;">Type of Place</h5>

@php
							$types = [
								'restaurant' => 'Restaurant',
								'mamaput' => 'Mama Put', 
								'bar' => 'Bar',
								'streetfood' => 'Street Food',
								'fastfood' => 'Fast Food',
								'hotel' => 'Hotel',
								'fast' => 'Fast Food',
								'eatery' => 'Eatery',
								'cafe' => 'Cafe',
								'online' => 'Delivery Only'
							]
						@endphp
						@foreach($types as $key => $type)
							@php
								$in = (isset($place) && isset($place['type'])) && $key === $place['type'] ? 'checked' : '';
							@endphp
							<div class="form-check suggest form-check-inline">
							  <input class="form-check-input" id="{{ $key }}" name="type" {{ $in }} type="radio" value="{{ $key }}">
							  <label class="form-check-label" for="{{ $key }}">{{ $type }}</label>
							</div>
						@endforeach
						<hr>
						@php
							$cats = [
								'african' => 'African',
								'continental' => 'Continental', 
								'chinese' => 'Chinese',
								'indian' => 'Indian',
								'breakfast' => 'Breakfast',
								'finedining' => 'FineDining',
								'healthy' => 'Healthy',
								'grill' => 'Grill',
								'parking' => 'Parking',
								'seating' => 'Seating',
								'delivery' => 'Delivery'
							]
						@endphp
						<div id="tags-list">
							<h5 class="text-center">Tags <span style="font-size: 14px">(select many)</span></h5>
							@foreach($cats as $key => $cat)
								@php
									$in = (isset($place) && isset($place['tags'])) && in_array($key, (array) $place['tags']) ? 'checked' : '';
								@endphp
								<div class="form-check suggest form-check-inline">
								  <input class="form-check-input" id="{{ $key }}" name="tags[]" {{ $in }} type="checkbox" value="{{ $key }}">
								  <label class="form-check-label" for="{{ $key }}">{{ $cat }}</label>
								</div>
							@endforeach
						</div>
						<div class="form-inline flexContainer">
							<div id="extra-tags">
								<input type="text" id="extra" class="form-control">
							</div>
							<button type="button" class="btn btn-primary" id="add-tag">Add Tag</button>
						</div>
						
						<hr>
						@php
							$areas = ["Apapa", "Festac Town", "Gbagada", "Ikeja", "Ikoyi", "Ilupeju", "Lagos Island", "Ajah", "Lekki", "Magodo", "Isolo", "Satellite Town", "Surulere", "Victoria Island", "VGC", "Chevron", "Ikate", "Agungi", "Opebi", "Alausa", "Akoka", "Okota", "Ebute Metta", "Yaba", "Oregun", "Oshodi", "Maryland", "Mainland", "Island", "Lagos"]
						@endphp
						<div id="delivery-list">
							<h5 class="text-center">Delivery Areas <span style="font-size: 14px">(select many)</span></h5>
							@foreach($areas as $key => $area)
								@php
									$in = (isset($place) && isset($place['delivery'])) && in_array($area, (array) $place['delivery']) ? 'checked' : '';
									$id = implode("-", explode(" ", $area));
								@endphp
								<div class="form-check suggest form-check-inline">
								  <input class="form-check-input" id="{{ $id }}" name="delivery[]" type="checkbox" {{ $in }} value="{{ $area }}">
								  <label class="form-check-label" for="{{ $id }}">{{ $area }}</label>
								</div>
							@endforeach
						</div>
						<div class="prev-food" id="prev-food" style="display: flex; flex-wrap: wrap;">
							@isset ($food)
								<h5 style="font-size: 18px; width: 100%; padding-bottom: 20px;">Click on a food item to edit it</h5><br>
								@foreach ($food as $f)
									<div class="add-food-item">
										<a 
											href="#" 
											class="edit-prev-food" 
											data-id="{{ $f['_id'] ?? '' }}" 
											data-description="{{ $f['description'] ?? '' }}"
											data-name="{{ $f['name'] }}"
											data-price="{{ $f['price'] }}"><span class="badge badge-warning" style="padding: 10px !important;">{{ $f['name'] }} - {{ $f['price'] }}</span></a>
									</div>
								@endforeach
							@endisset
						</div>
						<div class="items">
							
						</div>
						<div class="add-more" style="margin-bottom: 20px;">
							<button type="button" class="btn btn-primary add-item">Add Food</button>
						</div> 
						<button class="btn btn-success form-control submit-place">Submit</button>
						
					</div>
				</div>
			</form>
		</div>

@endsection

@section('javascript')
	@parent
	<script src="{{ asset('js/vex.min.js') }}"></script>
	<script>
		vex.defaultOptions.className = 'vex-theme-plain';
		let cats = [];
		const loadCategories = () => {
			document.querySelector('.category-container').innerHTML = cats.map((cat, i) => categoryTemplate(cat, i)).join("");
		}
	</script>
	<script src="{{ asset('js/addfood.js') }}"></script>
	<script src="/js/search.js"></script>
	<script>
		
		var long = document.getElementById('longitude');
		var lati = document.getElementById('latitude')
		const placeSearch = document.querySelector('#place-name');
        autoComplete({
            input: placeSearch,
            fetch: async function(text, update) {
                text = text.toLowerCase();
                var response = await $.get(`/api/place/search/${text}`)
                var suggestions = response.filter(n => n.name.toLowerCase().includes(text))
                update(suggestions);
            },
            onSelect: async function({name}) {
                placeSearch.value = name;
				const placeDetails = await getPrevFood(name);
				resets(placeDetails.place, placeDetails.food);
            }
        });

(function addsEvent(){
			autocomplete(document.getElementById('address'))
				.then(response => {
					populate(response);
					addsEvent();
				});
		})();

const categoryTemplate = (category, index) => `
			<span class="badge badge-warning">
				${category} <span class="fa fa-times remove-cat" data-index="${index}"></span>
				<input type="hidden" name="category[]" value="${category}" />
			</span>
		`;

$('.get-location').on('click', function(e){
            e.preventDefault();
            const $target = $(e.currentTarget);
            $target.addClass('animated pulse infinite')
            startMap().then(locate => {
				console.log(locate);
                document.getElementById('address').value = locate.address
				long.value = locate.longitude
				lati.value = locate.latitude
                $target.removeClass('animated pulse infinite')
            }).catch(error => console.log(error))
        })

document.getElementById('add-tag').addEventListener('click', function(e){
			e.preventDefault();
			const extra = document.getElementById('extra');
			const extraTag = extra.value.split(" ").join("")
			const newTag = document.createElement('div');
			newTag.className = "form-check suggest form-check-inline";
			newTag.innerHTML = tagTemplate(extraTag);
			document.getElementById('tags-list').appendChild(newTag);
			extra.value = "";
		});

var newFood = (food = {}) => `
			<div class="item">
				<input type="hidden" class="food-id" name="id[]" value="${food.id || ''}" />
                <div class="form-group suggest">
                    <input type="text" data-type="food" name="food[]" class="form-control food-name" value="${food.name || ''}" placeholder="Food name" autocomplete="off">
                </div>
                <div class="form-group suggest price-check">
                    <input type="text" name="price[]" class="form-control price" value="${food.price || ''}" placeholder="Price" autocomplete="off">
                </div>
                <div class="form-group suggest">
                    <textarea class="form-control description" name="description[]" placeholder="Description">${food.description || ""}</textarea>
                </div>
                <div>
                    <button class="btn btn-danger remove-current-item">Remove <i class="fa fa-times"></i></button>
                </div>
            </div>
		`;

$(document).on('click', '.add-current-item', function(e){
			e.preventDefault();
			const $target = $(e.currentTarget);
			const $container = $target.closest('.item');
			const _id = $container.find('.food-id').val();
			const name = $container.find('.food-name').val();
			const price = $container.find('.price').val();
			const description = $container.find('.description').val();
			// console.log(name);
			$container.remove()
			$('#prev-food').append(prevFood({_id, name, price, description}))
		});

$(document).on('click', '.remove-current-item', function(e){
			e.preventDefault();
			const $target = $(e.currentTarget);
			const $container = $target.closest('.item');
			// console.log(name);
			$container.remove()
		});

$('.item-name').on('blur', checkFranchise);
		$('.franchise').on('click', checkFranchise);

// $('.place-form').on('submit', function(e){
		// 	e.preventDefault();
		// 	console.log($('#prev-food').children())
		// })
	</script>
@endsection

${this.title}

Code Editor : franchise.blade.php