@extends('admin.layouts.admin')
@section('title')
Admin | Edit Google 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 Google 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 -->
        <form role="form" method="post" action="{{ url('admin/campaigns/restaurant/google/update') }}" enctype="multipart/form-data">
          @csrf
        <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
                <div class="card-header"><h3 class="card-title">Restaurant Details</h3></div>
                                
                <input type="hidden" name="id" value="{{ $restaurantDetails['id']??'' }}">                
                  <div class="card-body">
                    <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" value="{{ old('restaurant_name')? old('restaurant_name'):$restaurantDetails['restaurant_name']??'' }}" readonly="">
                      @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">Restaurant 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>Restaurant Address <span class="text-danger">*</span></label>
                      <textarea class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}" rows="5"  placeholder="Enter address" id="address" 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="mobile">Restaurant 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>                    
              </div>            
          </div>
        </div>

        <div class="row">
          <div class="col-md-10">            
              <div class="card card-primary">                
                <div class="card-header"><h3 class="card-title">Restaurant Owner Details</h3></div>
                  <div class="card-body">
                    <div class="form-group {{ $errors->has('user_name') ? ' is-invalid' : '' }}">
                      <label for="name">Restaurant Owner name <span class="text-danger"></span></label> 
                      <input type="text" class="form-control {{ $errors->has('user_name') ? ' is-invalid' : '' }} " id="name" placeholder="Enter Restaurant owner name" value="{{ old('user_name')? old('user_name'):$restaurantDetails['user_name']??'' }}" name="user_name" >
                      @if ($errors->has('user_name'))
                          <span class="form-control-feedback text-danger" role="alert">
                            <strong>{{ $errors->first('user_name') }}</strong>
                          </span>
                      @endif
                    </div>

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

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

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

              <div class="card-footer">
                @if(isset($event_id) && $event_id)
                  <a href="{{ url('admin/campaigns/campaign/show/'.$event_id) }}" class="btn btn-danger">Back</a>&nbsp;
                @endif
                <button type="submit" class="btn btn-primary">Update</button>
              </div>            
          </div>
        </div>
        </form>
        <!-- /.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(){
    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);
            //console.log(latitude+"--"+longitude);

            setTimeout(function () {
                initialize(latitude, longitude)
            }, 10);
        }
        else{
            $('input[name=latitude]').val('');
            $('input[name=longitude]').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