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 : reviewss.blade.php

@extends('layouts.base')

@section('nav')

@endsection

@section('stylesheets')
  @parent
  <link rel="stylesheet" href="{{ asset('css2/vex.min.css') }}">
  <link rel="stylesheet" href="{{ asset('css2/vex-theme-plain.css') }}">
  <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
  <style>
    .select2-container .select2-selection--single {
      height: 38px;
      display: flex;
      align-items: center;
    }

.spinner-border {
      display: none;
    }

.inner-width {
      width: 60%;
    }

.page-header {
      padding-bottom: 40px;
      font-weight: 400;
      /*line-height: 1.6rem;*/
    }

#slider {
      position: relative; 
      padding-top: 200px; 
      background-image: url('/images/back_new.jpg');
      text-align: left;
    }

.select2.select2-container {
      width: 220px !important;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 100%;
    }

.select2-container--default .select2-selection--single .select2-selection__clear {
        font-size: 22px;
        padding-right: 10px;
    }

.select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 4px;
    }

.clear-food {
      display: none;
    }

.place-name-highlight {
      /*color: #d6954a;*/
      font-weight: 600;
    }

@media (max-width: 767px){
      .inner-width {
        width: 100%;
      }

#slider {
        padding-top: 100px;
      }
    }

.food-select-review {
      align-items: center; 
      justify-content: space-between; 
      width: 250px; 
      margin-left: 0
    }
  </style>
@endsection

@section('content')
<script>
  UPLOADCARE_LOCALE_TRANSLATIONS = {
    buttons: {
      choose: {
        files: {
          one: 'Upload image'
        }
      }
    }
  }
</script>

<section class="slider d-flex" id="slider">
        <nav class="navbar navbar-expand-lg navbar-dark" style="position: absolute; top: 0; left: 0; right: 0; padding: 0; padding-left: 15px;">
            <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="#slider">Home
                                <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/reviews/feed">Reviews</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#place-search-home">Places</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#fact">Suggest a place</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">Contact</a>
                        </li>
                    </ul>
                    {{-- <a href="#0" class="btn-white">Free Try</a> --}}
                </div>
            </div>
        </nav>
          <div class="containers">
              <div class="row d-flex align-items-center inner-width">
                  <div class="col-xl-12">
                      <div class="content">
                          <h3 class="page-header">
                              What do you think about <span class="place-name-highlight"></span></h3>
                          
                          <form action="/rate/place" class="ratings rating-form" method="POST">
                            {{-- <h3 class="rating-title">{{ $place->name }}</h3> --}}
                            {{-- <hr /> --}}
                            <input type="hidden" value="place" id="type" name="type">
                            <div class="form-details">
                              
                            </div>
                            <div class="rating-stars rate">
                                <input type="radio" id="star5" name="rate" value="5" required />
                                <label for="star5" title="text">5 stars</label>
                                <input type="radio" id="star4" name="rate" value="4" required />
                                <label for="star4" title="text">4 stars</label>
                                <input type="radio" id="star3" name="rate" value="3" required />
                                <label for="star3" title="text">3 stars</label>
                                <input type="radio" id="star2" name="rate" value="2" required />
                                <label for="star2" title="text">2 stars</label>
                                <input type="radio" id="star1" name="rate" value="1" required />
                                <label for="star1" title="text">1 star</label>
                            </div>
                            <div class="rating-comment">
                                <textarea name="comment" rows="5" placeholder="How was"></textarea>
                            </div>
                            
                            <span class="uploader-button">
                              <input 
                                type="hidden"
                                role="uploadcare-uploader"
                                name="image" 
                                data-crop="500x500"
                                data-tabs="file camera instagram" />
                            </span>
                            
                            <div class="submit-rating">
                                <button class="button button-primary">SUBMIT REVIEW</button>
                                <button type="button" class="button button-secondary close-modal">CANCEL</button>
                            </div>
                        </form>
                      </div>
                  </div>
                  
              </div>
          </div>
    </section>

@endsection

@section('javascript')
  <script src="/js/jquery.js"></script>
  <script src="/js/popper.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/js/select2.min.js"></script>
      
      
  <script src="/js/utility.js"></script>
  
  <script src="{{ asset('js/vex.min.js')}}"></script>
  
  <script>
    var state = deserialize(location.search)

const optionTemplate = (food) => `
      <option value="${food._id + '-' + food.name}" ${state.food && state.food.toLowerCase() == food.name.toLowerCase() ? 'selected' : ''}>${food.name}</option>
    `

const formDetails = (place, food) => `
        <div class="form-group">
          <label for="food-select">To review a particular food item from <span class="place-name-highlight">${place.name}</span>, select below</label>
          <div class="row food-select-review">
            <div class="col-xs-11">
              <select class="food-select" name="food">
                <option value="">Select food item</option>
                ${food.map(f => optionTemplate(f)).join("")}
              </select>
            </div>
            <div class="col-xs-1 clear-food">
              <a href="#"><i class="fa fa-times"></i></a>
            </div>
          </div>
        </div>
        <input type="hidden" name="place" value="${place.slug}">
    `;

$(document).ready(function() {
        var vexInstance;
        var ratePlace = {
          init: function(){
            fetchApi().then(placeFood => {
              this.place = placeFood['place'];
              this.food = placeFood['food'];
              this.selectedFood = state.food;
              this.type = 'place';
              $('.form-details').html(formDetails(this.place, this.food))
              $('.rating-form')[0].reset()
              $(document).on('change', '.food-select',  this.foodSelected.bind(this))
              $(document).on('submit', 'form', this.post.bind(this))
              this.load();
            })
          },
          foodSelected: function(e) {
            const $target = $(e.currentTarget);
            const food = $target.val()
            if (food) {
              this.selectedFood = food.split("-")[1];
              $('.clear-food').show();
              this.load();
            }else this.foodDeselected(e);
          },
          foodDeselected: function(e) {
            e.preventDefault();
            $('.clear-food').hide();
            this.selectedFood = '';
            this.load();
          },
          post: function(e) {
            postForm(e)
            .then(response => {
              load.style.display = "none";
              if (response && response.status) {
                  if (response.status === 'success') {
                      
                  }else if (response.status === 'failed') {
                      if (typeof response.message === 'string') {
                          $('.error-bag').html(response.message);
                      }else if(typeof response.message === 'object'){
                        $('.error').html('');
                          var msg = Object.keys(response.message).forEach(key => document.getElementById(key).innerHTML = response.message[key]);
                      }
                      $(this).find('button[type="submit"]').attr('disabled', false);
                  }
              }
              else {
                  if(!vexInstance){
                    vexInstance = vex.open({
                        unsafeContent: response,
                        showCloseButton: false
                    });
                  }
                  else vexInstance.contentEl.innerHTML = response;
              }
            })
          },
          load: function(){ 
            this.placeholder = this.selectedFood ? `How was the ${this.selectedFood} at ${this.place.name}` : `How was ${this.place.name}`;
            $('.rating-comment textarea').attr('placeholder', this.placeholder);
            $('.food-select').select2();
            document.getElementById('type').value = this.type;
            $('.rating-form').attr('action', `/rate/${this.type}`)
          } 
        }

ratePlace.init();   
    });
  </script>
  <script>
    UPLOADCARE_PUBLIC_KEY = 'f13508658e9e237cb9ff';

</script>

${this.title}

Code Editor : reviewss.blade.php