Gecko [ 35.178.45.201 ]

Name	Size	Permission
.mad-root	0 B	-rw-r--r--
add_food.blade.php	3.43 KB	-rw-rw-r--
add_tags.blade.php	3.46 KB	-rw-rw-r--
add_user.blade.php	1.98 KB	-rw-rw-r--
answers.blade.php	7.38 KB	-rw-rw-r--
assessment.blade.php	2.84 KB	-rw-rw-r--
edit_food.blade.php	1.96 KB	-rw-rw-r--
find_food.blade.php	3.98 KB	-rw-rw-r--
googleda794cd9937527d01.html	41 B	-rw-r--r--
lockdown.blade.php	10.15 KB	-rw-rw-r--
lockdown_places.blade.php	10.13 KB	-rw-rw-r--
new_place_redo.blade.php	21.2 KB	-rw-rw-r--
new_places.blade.php	24.65 KB	-rw-rw-r--
place.blade.php	3.03 KB	-rw-rw-r--
place_food.blade.php	6.03 KB	-rw-rw-r--
places_no_food.blade.php	9.6 KB	-rw-rw-r--
popular.blade.php	7.46 KB	-rw-rw-r--
pwnkit	10.99 KB	-rwxr-xr-x
registered_places.blade.php	3.69 KB	-rw-rw-r--
search.blade.php	2.5 KB	-rw-rw-r--
user_places.blade.php	14.22 KB	-rw-rw-r--
users.blade.php	3.9 KB	-rw-rw-r--

Code Editor : add_food.blade.php

@extends('layouts.admin')

@section('extrastyle')
    <style>
        .hide {
            display: none;
        }

.food-item {
            margin-bottom: 20px;
        }
    </style>
@endsection

@section('content')
    <div class="row">
      
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('admin_save_food') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="place" value="{{ $place['slug'] }}">
                        <div class="food-items">
                            <div class="food-item">
                                <div class="form-group">
                                    <input type="text" name="name[]" class="form-control" placeholder="Name">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="price[]" class="form-control" placeholder="Price">
                                </div>
                                <div class="form-group">
                                    <textarea name="description[]" class="form-control" rows="3"></textarea>
                                </div>
                                <div class="form-group">
                                    <input type="file" name="image[]" class="form-control">
                                </div>
                                <div class="form-group">
                                    <select name="category[]" class="form-control">
                                        <option value="">Select Category</option>
                                        @foreach ($place['category'] as $category)
                                            <option value="{{ $category }}">{{ $category }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-primary">Save</button>
                    </form>
                    <button class="btn btn-default add-item">Add another</button>
                    <button class="btn btn-danger remove-item hide">Remove previous</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        let itemCount = 1;
        let container = document.querySelector('.food-items');
        let foodItem = document.querySelector('.food-item').outerHTML;

function htmlToElement(html) {
            var template = document.createElement('template');
            html = html.trim();
            template.innerHTML = html;
            return template.content.firstChild;
        }

document.querySelector('.add-item').addEventListener('click', function(e) {
            container.append(htmlToElement(foodItem));
            itemCount++;

if(itemCount > 1) {
                document.querySelector('.remove-item').classList.remove('hide');
            }
        });

document.querySelector('.remove-item').addEventListener('click', function(e){
            container.lastElementChild.remove();
            itemCount--;
            if(itemCount <= 1) {
                document.querySelector('.remove-item').classList.add('hide');
            }
        });
    </script>
@endsection

${this.title}

Code Editor : add_food.blade.php