@extends('admin.layouts.admin')
@section('title')
Admin | Edit Restaurant
@endsection

@section('styles')
@endsection

@section('content')
<!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Edit Restaurant</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
              <li class="breadcrumb-item"><a href="#">Campaigns</a></li>
              <li class="breadcrumb-item"><a href="{{ route('admin.campaigns.restaurant.list') }}">Restaurant</a></li>
              <li class="breadcrumb-item active">Edit</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->        
        <!-- /.row -->
        <!-- Main row -->
        <div class="row">
        <div class="col-md-10">
        <div class="card card-primary">

            @if ($errors->any())            
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @php $restaurantType = ""; @endphp

            @if($restaurantDetails['google_place_id'] && $restaurantDetails['is_from_api'])
              @php $restaurantType = "google"; @endphp
            @endif

              <!-- <div class="card-header"> -->
                <!-- <h3 class="card-title">Quick Example</h3> -->
              <!-- </div> -->
              <!-- /.card-header -->
              <!-- form start -->
              <form role="form" method="post" action="{{ url('admin/campaigns/restaurant/update') }}" enctype="multipart/form-data">
              @csrf
              <input type="hidden" name="id" value="{{ $restaurantDetails['id']??'' }}">
              <input type="hidden" name="latitude" class="form-control latitude" value="{{ $restaurantDetails['latitude']??'' }}">
              <input type="hidden" name="longitude" class="form-control longitude" value="{{ $restaurantDetails['longitude']??'' }}">
              <input type="hidden" name="google_place_id" class="form-control google_place_id" value="{{ $restaurantDetails['google_place_id']??'' }}">
                <div class="card-body">

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Approve Status</label></div>
                      <div class="col-md-8">
                          @if($restaurantDetails['is_active'] == 1)
                            <span class="badge badge-success status">ACTIVE</span>
                          @else                      
                            <span class="badge badge-secondary status">INACTIVE</span>
                          @endif
                      </div>
                    </div>
                  </div>                

                  <div class="form-group {{ $errors->has('user_id') ? ' is-invalid' : '' }}">
                    <label for="" >Select restaurant owner <span class="text-danger">*</span></label>

                    <select class="form-control {{ $errors->has('user_id') ? ' is-invalid' : '' }} select2 " name="user_id[]" multiple="multiple">
                      <option value=""></option>
                      @if($users)
                        @foreach($users as $key => $user)
                          <option value="{{ $user['id'] }}">{{ $user['name'] }} <i>{{ "(".$user['email'].")" }}</i></option>
                        @endforeach
                      @endif                          
                    </select>
                    @if ($errors->has('user_id'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('user_id') }}</strong>
                        </span>
                    @endif
                  </div>

                  <div class="form-group {{ $errors->has('restaurant_name') ? ' is-invalid' : '' }}">
                    <label for="name">Restaurant name <span class="text-danger">*</span></label> 
                    <input type="text" class="form-control {{ $errors->has('restaurant_name') ? ' is-invalid' : '' }} " id="name" placeholder="Enter Restaurant name" name="restaurant_name" value="{{ old('restaurant_name')? old('restaurant_name'):$restaurantDetails['restaurant_name']??'' }}">
                    @if ($errors->has('restaurant_name'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('restaurant_name') }}</strong>
                        </span>
                    @endif
                  </div>

                  <div class="form-group {{ $errors->has('phone') ? ' is-invalid' : '' }}">
                    <label for="mobile">Phone number <span class="text-danger"></span></label>
                    <input type="text" class="form-control {{ $errors->has('phone') ? ' is-invalid' : '' }}" id="phone" placeholder="Enter phone" name="phone" value="{{ old('phone')? old('phone'):$restaurantDetails['phone']??'' }}">
                  </div>

                  <div class="form-group {{ $errors->has('address') ? ' is-invalid' : '' }}">
                    <label>Address <span class="text-danger">*</span></label>
                    <textarea class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}" rows="5" name="address" placeholder="Enter address" id="address" {!! $restaurantType=="google"?"readonly":'' !!}>{{ old('address')? old('address'):($restaurantDetails['address']??'') }}</textarea>
                    @if ($errors->has('address'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('address') }}</strong>
                        </span>
                    @endif
                  </div>

                  <div class="form-group">
                      <div class="row">
                          <div class="col-md-12" id="map" >
                              <div class="hpadding20">
                                  <div id="map_canvas" class=""></div>
                              </div>
                              <div class="lat-long-div-text" style="display: none;">
                                  <span class="text-danger"><label class="d-none">[ NOTE *: You can drag the marker ]</label></span>        
                              </div>
                          </div>
                      </div>
                  </div>

                  <div class="form-group {{ $errors->has('zip_code') ? ' is-invalid' : '' }}">
                    <label for="zip_code">Zip code <span class="text-danger">*</span></label>
                    <input type="text" class="form-control {{ $errors->has('zip_code') ? ' is-invalid' : '' }}" id="zip_code" placeholder="Enter zip code" name="zip_code" value="{{ old('zip_code')? old('zip_code'):($restaurantDetails['zip_code']??'') }}">
                    @if ($errors->has('zip_code'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('zip_code') }}</strong>
                        </span>
                    @endif
                  </div>

                  <div class="form-group {{ $errors->has('banner_image') ? ' is-invalid' : '' }}">
                      <label for="logo">Banner image <span class="text-danger"></span></label>
                      <div class="input-group">
                        <div class="custom-file mb-3">
                          <input type="file" class="custom-file-input {{ $errors->has('banner_image') ? ' is-invalid' : '' }}" id="banner_image" name="banner_image" value="">
                          <label class="custom-file-label" for="banner_image">Choose file</label>
                        </div>                      
                      </div>
                      <small class=""><p class="text-right">Banner size must be within <b>{{ get_setting('restaurant-banner-image-size') }}(px)</b></p></small>
                      @if ($errors->has('banner_image'))
                        <div>
                          <span class="form-control-feedback text-danger" role="alert">
                            <strong>{{ $errors->first('banner_image') }}</strong>
                          </span>
                        </div>
                      @endif
                      @if(isset($restaurantDetails['banner_image']))
                        <img src="{{ asset('storage/images/restaurants/banner/web/'.$restaurantDetails['banner_image']??'') }}" alt="Logo image" title="Logo image" height="70px" width="70px">
                      @endif
                  </div>                  
                  
                  <div class="form-group ">                    
                    @php
                      $admin_commission = get_setting('admin-commissions');
                      $admin_commission = $admin_commission!=''?$admin_commission:0;
                    @endphp
                    
                  </div> 

                  <div class="form-group">
                    <label for="admin_commission">Admin menu commission (%)<span class="text-danger"></span></label>

                    <div class="row">
                      <div class="col-md-6">
                        <div class="custom-control custom-radio">
                          <input type="radio" class="custom-control-input" id="d-commission" name="is_individual_commission" value="no" {!! $restaurantDetails['is_individual_commission']==0?"checked='checked'":'' !!} >
                          <label class="custom-control-label" for="d-commission">Default setting commission ({{ $admin_commission??0 }}%)</label>
                        </div>
                      </div>  
                      <div class="col-md-6">
                        <div class="custom-control custom-radio">
                          <input type="radio" class="custom-control-input" id="i-commission" name="is_individual_commission" value="yes" {!! $restaurantDetails['is_individual_commission']==1?"checked='checked'":'' !!}>
                          <label class="custom-control-label" for="i-commission">Individual commission</label>
                        </div>
                    </div> 
                  </div>

                  <div class="individual-commission" {!! $restaurantDetails['is_individual_commission']==1?"style='display:block'":"style='display:none'" !!}>
                    <input type="number" step="0.01" class="form-control {{ $errors->has('admin_commission') ? ' is-invalid' : '' }}" id="admin_commission" placeholder="Enter admin commission" name="admin_commission" value="{{ $restaurantDetails['admin_commission']?$restaurantDetails['admin_commission']:0 }}">
                  </div>
                </div>              

                  <p>&nbsp;</p>
                  <div class="form-group card card-info">
                    <div class="card-header">
                      <h3 class="card-title">Badge</h3>
                    </div>                    

                    <div class="form-group card-body {{ $errors->has('discount') ? ' is-invalid' : '' }}">
                      <label for="discount_rate">Discount rate <span class="text-danger">*</span></label>
                      <input type="text" class="form-control {{ $errors->has('discount') ? ' is-invalid' : '' }}" id="discount_rate" placeholder="Enter Discount rate" name="discount" value="{{ old('discount')? old('discount'): ($restaurantDetails['restaurant_badge']['discount']??'') }}">
                      @if ($errors->has('discount'))
                          <span class="form-control-feedback text-danger" role="alert">
                            <strong>{{ $errors->first('discount') }}</strong>
                          </span>
                      @endif
                    </div>

                     <div class="form-group card-body {{ $errors->has('logo') ? ' is-invalid' : '' }}">
                      <label for="logo">badge logo <span class="text-danger">*</span></label>
                      <div class="input-group">
                        <div class="custom-file mb-3">
                          <input type="file" class="custom-file-input {{ $errors->has('logo') ? ' is-invalid' : '' }}" id="customFile" id="logo" name="logo" value="">
                          <label class="custom-file-label" for="customFile">Choose file</label>
                        </div>                      
                      </div>
                      <small><p class="text-right">Logo size must be within <b>{{ get_setting('badge-logo-size') }}(px)</b></p></small>
                      @if ($errors->has('logo'))
                        <div>
                          <span class="form-control-feedback text-danger" role="alert">
                            <strong>{{ $errors->first('logo') }}</strong>
                          </span>
                        </div>
                      @endif
                      @if(isset($restaurantDetails['restaurant_badge']['logo']))
                        <img src="{{ asset('storage/images/restaurants/badges/web/'.$restaurantDetails['restaurant_badge']['logo']??'') }}" alt="Logo image" title="Logo image" height="70px" width="70px">
                      @endif
                    </div>                    
                  </div>

                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                  <a href="{{ route('admin.campaigns.restaurant.list') }}" class="btn btn-danger">Back</a>&nbsp;
                  <button type="submit" class="btn btn-primary">Update</button>
                </div>
              </form>
            </div>
          
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>        
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
      <button id="scrollTopBtn" class="scrollTopBtn" title="Go to top">Top</button>
    </section>
    <!-- /.content -->
@endsection

@section('scripts')
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key={{ get_setting('google-api-key') }}"></script>

<script type="text/javascript">

$("button[type=submit").on("click", function(){  
  var latitude = $('input[name=latitude]').val().trim();
  var longitude = $('input[name=longitude]').val().trim();

  if(latitude.length == 0 || longitude.length == 0){
    alert("Enter valid address");
    return false;
  }

  $(this).closest("form").submit();
});

$("#address").on("blur", function(){

    @if($restaurantType=="google")
      return false;
    @endif
    
    var address  = $('textarea[name=address]').val().trim();

    if(address == '') {
        return false;
    }
    var geocoder = new google.maps.Geocoder();            

    geocoder.geocode( { 'address': address}, function(results, status) {

        if (status == google.maps.GeocoderStatus.OK) {
            var latitude  = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
            $('input[name=latitude]').val(latitude);
            $('input[name=longitude]').val(longitude);
            $('input[name=google_place_id]').val(results[0].place_id);
            //console.log(latitude+"--"+longitude);

            setTimeout(function () {
                initialize(latitude, longitude)
            }, 10);
        }
        else{
            $('input[name=latitude]').val('');
            $('input[name=longitude]').val('');
            $('input[name=google_place_id]').val('');
        } 
    });
}); //.blur();

function initialize(latitude, longitude) {
    $('.loader').hide();
    $("#map_canvas").css({height: '300px', width: '100%' });
    $(".lat-long-div-text, .address-valid").show();        
    var myLatLng = {lat: latitude, lng: longitude};
    
    map = new google.maps.Map(document.getElementById('map_canvas'), {
        center: myLatLng,
        zoom: 14                    
    });
            
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        draggable: false,
        animation: google.maps.Animation.DROP,
        title: latitude + ', ' + longitude 
    }); 

    google.maps.event.addListener(marker,'dragend',function(event){
        $('input[name=latitude]').val(event.latLng.lat());
        $('input[name=longitude]').val(event.latLng.lng());
    });                  
}
</script>

<script type="text/javascript">
  $(".custom-file-input").on("change", function() {
    var fileName = $(this).val().split("\\").pop();
    $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
  });

  $('.select2').select2({
      placeholder: "Select restaurant owner",
      multiple: false,
      width: '100%',
      dropdownCssClass: "bigdrop",
      allowClear: true,
      escapeMarkup: function (m) { return m; }
  });

  @if(isset($restaurantDetails['restaurant_associate_user']) && count($restaurantDetails['restaurant_associate_user']) > 0)
    var arrayFromPHP = {!! json_encode($restaurantDetails['restaurant_associate_user']) !!};
    $(".select2").val(arrayFromPHP).trigger('change');
  @endif


  $("input[name=is_individual_commission]").on("change", function(){
    $(this).closest("div.form-group").find("div.individual-commission").hide();
    if($(this).val() == "yes"){
      var obj = $(this).closest("div.form-group").find("div.individual-commission")
      obj.show();
      obj.find("input[type=number]").prop("required", true);
    }
    
  });
</script>

@endsection