@extends('layouts.app-admin')

@section('title', 'Shop Management')

@section('content')

	<!-- <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDQ4pmoK8dQauewIECAW1bhyNEhM3iOoV0"
  type="text/javascript"></script> -->

	<!-- Page content -->
	<div class="page-content">

		
				<!-- Main content -->
		<div class="content-wrapper">

			<!-- 2 columns form -->
			<form role="form" method="POST" action="{{ url('/edit-shop/') }}" enctype="multipart/form-data">
				<input type="hidden" class="token" name="_token" value="{{ csrf_token()}}">
				<input type="hidden" name="id" value="{{ @$shops->id }}">
				<input type="hidden" name="branch_id" value="{{ @$shops->branch_id }}">
				<input type="hidden" name="staff_id" value="{{ $staff_id }}">
				<input type="hidden" name="shopify_id" value="{{ @$shopify_info->id }}">
				<div class="panel panel-flat">
					<div class="panel-heading">
						<h5 class="panel-title text-teal">{{trans('admin_default.edit_shop')}}</h5>
					</div>

					<div class="panel-body">
						<div class="row">
							<div class="col-md-6">
								<fieldset>
									<legend class="text-semibold"><i
												class="icon-reading position-left"></i> {{trans('admin_default.account_information')}}
									</legend>

									<div class="form-group {{ $errors->has('staff_name') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.username')}}</label>
										<input type="text" class="form-control" name="staff_name"
										       value="{{ $username }}" disabled="disabled">

										@if ($errors->has('staff_name'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('staff_name') }}</strong>
	                                    </span>
										@endif
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.password')}}</label>
										<input type="password" class="form-control" name="password"
										       placeholder="Enter Password">

									</div>

									<div class="form-group">
										<label>{{trans('admin_default.confirm_password')}}</label>
										<input type="password" class="form-control" name="password_confirmation"
										       placeholder="Confirm password">
										@if ($errors->has('password_confirmation'))
											<span class="text-danger">
	                                        <strong>{{ $errors->first('password_confirmation') }}</strong>
	                                    </span>
										@endif
									</div>

									<legend class="text-semibold" style="margin-top: 42px;"><i
												class="icon-store position-left"></i> {{trans('admin_default.shop_information')}}
									</legend>

									<div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.shop_name')}} <span
													class="text-danger">*</span></label>
										<input type="text" class="form-control" name="name" value="{{ @$shops->name }}">

										@if ($errors->has('name'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('name') }}</strong>
	                                    </span>
										@endif

									</div>

									<div class="form-group {{ $errors->has('short_code') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.short_code')}} <span class="text-danger">*</span></label>
										<input type="text" class="form-control" placeholder="Enter Short Code"
										       name="short_code" value="{{ old('short_code', @$shops->short_code) }}">

										@if ($errors->has('short_code'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('short_code') }}</strong>
	                                    </span>
										@endif
									</div>

									<div class="form-group {{ $errors->has('category') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.shop_category')}}</label>
										<select class="form-control seletedCategory" data-width="100%" name="category">

											<option value="0">Select an option</option>
											@foreach($shop_categories as $shop_category)
													
												<option value="{{$shop_category->id}}" {{$seletedCategory}} >{{$shop_category->name}}</option>

											@endforeach
											@if ($errors->has('category'))
												<span class="text-danger  ">
		                                        <strong>{{ $errors->first('category') }}</strong>
		                                    </span>
											@endif
										</select>
									</div>

									<div class="form-group {{ $errors->has('phone') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.phone_number')}} <span
													class="text-danger">*</span></label>
										<input type="text" class="form-control" name="phone"
										       value="{{ @$shops->phone }}">
										@if ($errors->has('phone'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('phone') }}</strong>
	                                    </span>
										@endif

									</div>

									<div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.email')}} <span
													class="text-danger">*</span></label>
										<input type="text" class="form-control" name="email"
										       value="{{ @$shops->email }}">

										@if ($errors->has('email'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('email') }}</strong>
	                                    </span>
										@endif

									</div>
									<div class="form-group {{ $errors->has('currency') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.currency')}}</label>
										<select class="form-control selectCurrency" data-width="100%" name="currency">

											@foreach($currencies as $currency)
																									<option value="{{$currency->id}}" {{$seletedCurrency}} >
													{{$currency->symbol}}
												</option>
											@endforeach
											@if ($errors->has('currency'))
												<span class="text-danger  ">
		                                        <strong>{{ $errors->first('currency') }}</strong>
		                                    </span>
											@endif
										</select>
									</div>

									@if(count($shopSetting))
										@foreach($shopSetting as $key => $value)
											<div class="form-group">
												@if(@$value->setting_type == 'service_charge')
													<label>{!! trans('admin_default.'.@$value->setting_type) !!} <span
																class="text-danger">*</span></label>
													<div class="input-group">
														<input type="number" step="any" class="form-control"
														       placeholder="Percentage of Service Charge"
														       name="service_charge" value="{{@$value->value}}"
														       required>
														<span class="input-group-addon">%</span>
													</div>
												@endif
											</div>
										@endforeach
									@else

										<div class="form-group">
											<label>{!! trans('admin_default.service_charge') !!} <span
														class="text-danger">*</span></label>
											<div class="input-group">
												<input type="number" step="any" class="form-control"
												       placeholder="Percentage of Service Charge" name="service_charge"
												       value="0" required>
												<span class="input-group-addon">%</span>
											</div>
										</div>

									@endif

									<div class="form-group {{ $errors->has('website') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.website')}} <span
													class="text-danger">*</span></label>
										<input type="text" class="form-control" name="website"
										       value="{{@$shops->website }}">

										@if ($errors->has('website'))
											<span class="text-danger">
	                                        <strong>{{ $errors->first('website') }}</strong>
	                                    </span>
										@endif

									</div>

									<div class="form-group {{ $errors->has('timezone') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.timezone')}}</label>
										<div class="form-group">
																						<select data-placeholder="Select a timezone..." class="select"
											        name="timezone">
												<option></option>
												@foreach($timezone as $key => $value)
													<optgroup label="{{$key}}">
														@foreach($value as $keys => $values)
																															<option value="{{@$values}}" {{$select}}>{{@$values}}</option>
																														@endforeach
													</optgroup>
												@endforeach
											</select>
										</div>

										@if ($errors->has('timezone'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('timezone') }}</strong>
	                                    </span>
										@endif
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.upload_logo')}}</label>
										<div class="image-container">
											<img src="{{config('global.s3_path') . 'logo/' . @$shops->logo}}"
											     width="150">
										</div>
										<input type="file" class="file-styled" name="logo" value="">

									</div>

								</fieldset>
								<fieldset>
									<legend class="text-semibold"><i
												class="fa fa-mobile"
												style="font-size: 18px;"></i> {{trans('admin_default.app_version')}}
									</legend>

									<div class="form-group {{ $errors->has('ios_version') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.ios_version')}}</label>
										<input type="text" class="form-control" name="ios_version"
										       placeholder="{{trans('admin_default.ios_version')}}"
										       value="{{  @$property->IOS_VERSION }}">

										@if ($errors->has('ios_version'))
											<span class="text-danger">
	                                        <strong>{{ $errors->first('ios_version') }}</strong>
	                                        </span>
										@endif

									</div>

									<div class="form-group">
										<label>{{trans('admin_default.update_required')}}</label>
										<input type="checkbox" class="ml-5"
										       @if(@$property->UPDATE_REQUIRED_FOR_IOS == 1)
											       checked="checked"
										       @endif
										       name="update_required_for_ios" value="1">
									</div>

									<div class="form-group {{ $errors->has('android_version') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.android_version')}}</label>
										<input type="text" class="form-control" name="android_version"
										       placeholder="{{trans('admin_default.android_version')}}"
										       value="{{ @$property->ANDROID_VERSION }}">

										@if ($errors->has('android_version'))
											<span class="text-danger">
	                                        <strong>{{ $errors->first('android_version') }}</strong>
	                                    </span>
										@endif
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.update_required')}}</label>
										<input type="checkbox" class="ml-5"
										       @if(@$property->UPDATE_REQUIRED_FOR_ANDROID == 1)
											       checked="checked"
										       @endif
										       name="update_required_for_android" value="1">
									</div>
								</fieldset>
							</div>

							<div class="col-md-6">
								<fieldset>
									<legend class="text-semibold"><i
												class="icon-truck position-left"></i> {{trans('admin_default.location_information')}}
									</legend>


									<div class="form-group">
										<label>{{trans('admin_default.country')}} <span
													class="text-danger">*</span></label>
										<select class="form-control selectCountry" data-width="100%" name="country">

											<option value="0">Select an option</option>
											@foreach($countries as $country)
																									<option value="{{$country->id}}" {{ $seletedCountry }}>{{$country->name}}</option>

											@endforeach

										</select>
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.province')}} <span
													class="text-danger">*</span></label>
										<select class="form-control selectProvince" data-width="100%" name="province">

											<option value="0">Select an option</option>
											@foreach($provinces as $province)
																									<option value="{{$province->id}}" {{ $seletedProvince }}>{{$province->name}}</option>

											@endforeach

										</select>
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.city')}} <span
													class="text-danger">*</span></label>
										<select class="form-control selectCity" data-width="100%" name="city">
											<option value="0">Select an option</option>
											@foreach($cities as $city)
																									<option value="{{$city->id}}" {{ $seletedCity }}>{{$city->name}}</option>

											@endforeach

										</select>
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.area')}} <span
													class="text-danger">*</span></label>
										<select class="form-control selectArea" data-width="100%" name="area">

											<option value="0">Select an option</option>
											@foreach($areas as $area)
																									<option value="{{$area->id}}" {{ $seletedArea }}>{{$area->name}}</option>

											@endforeach
										</select>
									</div>

									<div class="form-group {{ $errors->has('street') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.street')}}</label>
										<input type="text" class="form-control" name="street"
										       value="{{ @$shops->street }}">

										@if ($errors->has('street'))
											<span class="text-danger">
	                                        <strong>{{ $errors->first('street') }}</strong>
	                                    </span>
										@endif

									</div>

									<div class="form-group {{ $errors->has('latitude') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.latitude')}} <span
													class="text-danger">*</span></label>
										<input type="text" id="lat" class="form-control" name="latitude"
										       value="{{ @$shops->latitude }}">

										@if ($errors->has('latitude'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('latitude') }}</strong>
	                                    </span>
										@endif

									</div>

									<div class="form-group {{ $errors->has('longitude') ? ' has-error' : '' }}">
										<label>{{trans('admin_default.longitude')}} <span
													class="text-danger">*</span></label>
										<input type="text" id="lng" class="form-control" name="longitude"
										       value="{{ @$shops->longitude }}">

										@if ($errors->has('longitude'))
											<span class="text-danger  ">
	                                        <strong>{{ $errors->first('longitude') }}</strong>
	                                    </span>
										@endif

									</div>


									<div class="form-group {{ $errors->has('description') ? ' has-error' : '' }}">
										<labe>{{trans('admin_default.description')}}</label>
											<textarea rows="5" cols="5" class="form-control"
											          placeholder="Enter Description"
											          name="description">{{ @$shops->description }} </textarea>

											@if ($errors->has('description'))
												<span class="text-danger  ">
	                                        <strong>{{ $errors->first('description') }}</strong>
	                                    </span>
										@endif

									</div>

									<div class="form-group">
										<label>{{trans('admin_default.app_id')}}</label>
										<input type="text" class="form-control" name="app_id"
										       value="{{@$shops->app_id}}">
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.authorization')}}</label>
										<input type="text" class="form-control" name="authorization"
										       value="{{@$shops->authorization}}">
									</div>

									<div class="form-group">
										<label>{{trans('admin_default.pos_id')}}</label>
										<select class="form-control" data-width="100%" name="pos_id">
											<option value="">{{trans('admin_default.none')}}</option>
											@foreach($pos_list as $pos)
																									<option value="{{$pos->id}}" {{$selectPOS}} >
													{{$pos->pos_name}}
												</option>
											@endforeach
										</select>
									</div>

									<div class="form-group">
										<input type="checkbox" class="form-control styled" name="is_public"
										       value="1" {{$chk_public}}>
										<span class="small-mrg-left">{{trans('admin_default.show_in_vembers')}}</span>
									</div>

									<div class="form-group">
										<input type="checkbox" class="form-control styled" name="is_partner_network"
										       value="1" {{$chk_partner_network}}>
										<span class="small-mrg-left">{{trans('admin_default.show_in_partners')}} </span>
									</div>

								</fieldset>

								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-shopping-bag" style="font-size: 18px"></i>
										{{trans('admin_default.shopify_integration')}}

									</legend>
									<div class="form-group">
										<label for="shopify_domain">{{trans('admin_default.sub_domain')}}</label>
										<input type="text" placeholder="{{trans('admin_default.sub_domain')}}"
										       name="shopify[sub_domain]" id="shopify_domain"
										       value="{{ old("shopify.sub_domain", @$shopify_info->shopify_domain) }}"
										       class="form-control"/>
									</div>
									<div class="form-group">
										<label for="shopify_api_key">{{trans('admin_default.api_key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.api_key')}}"
										       name="shopify[api_key]" id="shopify_api_key"
										       value="{{ old("shopify.api_key", @$shopify_info->shopify_key) }}"
										       class="form-control"/>
									</div>
									<div class="form-group">
										<label for="shopify_api_password">{{trans('admin_default.api_password')}}</label>
										<input type="text" placeholder="{{trans('admin_default.api_password')}}"
										       name="shopify[api_password]" id="shopify_api_password"
										       value="{{ old("shopify.api_password", @$shopify_info->shopify_password) }}"
										       class="form-control"/>
									</div>
									<div class="form-group">
										<label for="shopify_webhook_sign_key">{{trans('admin_default.webhook_sign_key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.webhook_sign_key')}}"
										       name="shopify[webhook_sign_key]" id="shopify_webhook_sign_key"
										       value="{{ old("shopify.webhook_sign_key", @$shopify_info->sign_key) }}"
										       class="form-control"/>
									</div>
								</fieldset>
								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-shopping-bag" style="font-size: 18px"></i>
										{{trans('admin_default.knock-now-integration')}}
									</legend>
									<div class="form-group">
										<label for="know-now-api-key">{{trans('admin_default.api_key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.api_key')}}"
										       name="know_now[api_key]" id="know-now-api-key"
										       value="{{ old("know_now.api_key", @$property->KNOCK_NOW_CLIENT_ID) }}"
										       class="form-control"/>
									</div>
									<div class="form-group">
										<label for="know-now-secret-key">{{trans('admin_default.secret-key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.secret-key')}}"
										       name="know_now[secret_key]" id="know-now-secret-key"
										       value="{{ old("know_now.secret_key", @$property->KNOCK_NOW_CLIENT_SECRET) }}"
										       class="form-control"/>
									</div>
								</fieldset>

								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-credit-card" style="font-size: 18px"></i>
										{{trans('admin_default.bongloy_integration')}}
									</legend>
									<div class="form-group">
										<label for="bongloy-api-key">{{trans('admin_default.secret-key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.api_key')}}"
										       name="bongloy[api_key]" id="bongloy-api-key"
										       value="{{ old("bongloy.api_key", @$property->BONGLOY_API_KEY) }}"
										       class="form-control"/>
									</div>
								</fieldset>
								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-credit-card" style="font-size: 18px"></i>
										{{ trans('admin_default.aba_bank_integration') }}
									</legend>
									<div class="form-group">
										<label for="bongloy-api-key">{{trans('admin_default.aba_payway_api_key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.aba_payway_api_key')}}"
										       name="aba_payway[api_key]"
										       id="bongloy-api-key"
										       value="{{ old("aba_payway.api_key",@$property->ABA_PAYWAY_API_KEY) }}"
										       class="form-control"/>
									</div>
									<div class="form-group">
										<label for="bongloy-api-key">{{trans('admin_default.ABA_PAYWAY_MERCHANT_ID')}}</label>
										<input type="text" placeholder="{{trans('admin_default.ABA_PAYWAY_MERCHANT_ID')}}"
										       name="aba_payway[merchant_id]"
										       id="bongloy-api-key"
										       value="{{ old("aba_payway.merchant_id",@$property->ABA_PAYWAY_MERCHANT_ID) }}"
										       class="form-control"/>
									</div>
								</fieldset>

								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-credit-card" style="font-size: 18px"></i>
										ABA Bank Integration For Purchase
									</legend>
									<div class="form-group">
										<label for="bongloy-api-key">{{trans('admin_default.aba_payway_api_key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.aba_payway_api_key')}}"
										       name="aba_payway_for_purchase[api_key]"
										       id="bongloy-api-key"
										       value="{{ old("aba_payway_for_purchase.api_key",@$property->ABA_PAYWAY_API_KEY_FOR_PURCHASE) }}"
										       class="form-control"/>
									</div>
									<div class="form-group">
										<label for="bongloy-api-key">{{trans('admin_default.ABA_PAYWAY_MERCHANT_ID')}}</label>
										<input type="text" placeholder="{{trans('admin_default.ABA_PAYWAY_MERCHANT_ID')}}"
										       name="aba_payway_for_purchase[merchant_id]"
										       id="bongloy-api-key"
										       value="{{ old("aba_payway_for_purchase.merchant_id",@$property->ABA_PAYWAY_MERCHANT_ID_FOR_PURCHASE) }}"
										       class="form-control"/>
									</div>
								</fieldset>

								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-comments" style="font-size: 18px"></i>
										{{trans('admin_default.chat_integration')}}
									</legend>
									<div class="form-group">
										<label for="chat-secret-key">{{trans('admin_default.secret-key')}}</label>
										<input type="text" placeholder="{{trans('admin_default.secret-key')}}"
										       name="chat[secret_key]" id="chat-secret-key"
										       value="{{ old("chat.secret_key", @$property->CHAT_SECRET_KEY) }}"
										       class="form-control"/>
									</div>
								</fieldset>
								<fieldset>
									<legend class="text-semibold">
										<i class="fa fa-cloud" style="font-size: 18px"></i>
										{{trans('admin_default.firebase_integration')}}
									</legend>
									<div class="form-group">
										<label for="firebase-project-id">{{trans('admin_default.project-id')}}</label>
										<input type="text" placeholder="{{trans('admin_default.project-id')}}"
										       name="firebase[project_id]" id="firebase-project-id"
										       value="{{ old("firebase.project_id", @$property->FIREBASE_PROJECT_ID) }}"
										       class="form-control"/>
									</div>
								</fieldset>
							</div>
						</div>

						<div class="text-right">

							<button type="button" class="btn btn-primary" data-toggle="modal"
							        data-target="#myModal">{{trans('admin_default.map')}}</button>
							<button type="submit" class="btn btn-primary">{{trans('admin_default.update')}}<i
										class="icon-arrow-right14 position-right"></i></button>

						</div>

						<!-- Modal -->
						<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<h4 class="modal-title"
										    id="myModalLabel">{{trans('admin_default.location')}}</h4>
										<span>(Right click on map to select location)</span>
									</div>
									<div class="modal-body">

										<!-- Address pickers -->
										<div class="row">
											<div class="col-md-12">
												<div class="panel panel-flat">

													<div class="panel-body">

														<div class="form-group">
															<div id="us3" class="map-wrapper"></div>
														</div>

													</div>
												</div>
											</div>
										</div>
										<!-- /address pickers -->

									</div>
									<div class="modal-footer">

										<button type="button" class="btn btn-primary"
										        data-dismiss="modal">{{trans('admin_default.add_location')}}</button>

									</div>

								</div>
							</div>
							<!-- cloth model -->
						</div>

					</div>
				</div>
			</form>
			<!-- /2 columns form -->

		</div>
		<!-- /main content -->

	</div>
	<!-- /page content -->

	<style type="text/css">
        .image-container {
            margin: 10px 0;
        }

        .small-mrg-left {
            margin-left: 10px;
        }
	</style>

@endsection

@section('script')

	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key={{config('global.google_key')}}"></script>
	<script type="text/javascript">

        $(document).ready(function () {

            var marker = null;

            $(".selectCountry").on("change", function () {
                $('.selectProvince,.selectCity,.selectArea').html('');
                $('.selectProvince,.selectCity,.selectArea').append($("<option/>", {
                    value: '',
                    text: 'Select an option'
                }));

                var val = this.value;
                var token = $('.token').val();
                $.ajax({

                    type: "post",
                    url: "{{URL::to('get-country')}}",
                    data: {'val': val, '_token': token},

                    success: function (data) {
                        $.each(data, function (index, value) {
                            var name = value.name,
                                id = value.id;
                            $('.selectProvince').append($("<option/>", {
                                value: id,
                                text: name
                            }));
                        });
                    }
                });
            });


            $(".selectProvince").on("change", function () {
                $('.selectCity,.selectCity,.selectArea').html('');
                $('.selectCity,.selectCity,.selectArea').append($("<option/>", {
                    value: '',
                    text: 'Select an option'
                }));
                var val = this.value;
                var token = $('.token').val();
                $.ajax({

                    type: "post",
                    url: "{{URL::to('get-province')}}",
                    data: {'val': val, '_token': token},

                    success: function (data) {
                        $.each(data, function (index, value) {
                            var name = value.name,
                                id = value.id;
                            console.log(data);

                            $('.selectCity').append($("<option/>", {
                                value: id,
                                text: name
                            }));
                        });
                    }

                });
            });

            $(".selectCity").on("change", function () {
                $('.selectArea').html('');
                $('.selectArea').append($("<option/>", {
                    value: '',
                    text: 'Select an option'
                }));

                var val = this.value;
                var token = $('.token').val();
                $.ajax({

                    type: "post",
                    url: "{{URL::to('get-city')}}",
                    data: {'val': val, '_token': token},
                    success: function (data) {
                        // console.log(data);

                        $.each(data, function (index, value) {
                            var name = value.name,
                                id = value.id;
                            $('.selectArea').append($("<option/>", {
                                value: id,
                                text: name
                            }));
                        });
                    }

                });
            });

            $("#myModal").on('shown.bs.modal', function () {


                var map;
                var marker = true;
                var mylat = $('#lat').val();
                var mylng = $('#lng').val();

                if (mylat == "" && mylng == "") {

                    mylat = 11.549998444541841;
                    mylng = 104.90570068359375;
                }
                ;

                //The center location of our map.
                var centerOfMap = new google.maps.LatLng(mylat, mylng);

                //Map options.
                var options = {
                    center: centerOfMap,
                    zoom: 15
                };

                //Create the map object.
                map = new google.maps.Map(document.getElementById('us3'), options);

                marker = new google.maps.Marker({
                    map: map,
                    position: centerOfMap,
                    title: ''
                });

                google.maps.event.addListener(map, 'rightclick', function (event) {
                    var lat = event.latLng.lat();
                    var lng = event.latLng.lng();
                    setMarker(lat, lng, map, marker);
                });

            });

            // set marker
            function setMarker(lat, lng, map, marker) {
                var myLatLng = {lat: lat, lng: lng};
                // edit input location
                $('input#lat').val(lat);
                $('input#lng').val(lng);
                if (marker == null) {
                    marker = new google.maps.Marker();
                    marker.setPosition(myLatLng);
                } else {
                    marker.setPosition(myLatLng);
                }
            }

        });

	</script>

@endsection