@extends('layouts.app', [
'class' => '',
'activePage' => 'listUser', 'titlePage' => __('Edit User')])

@section('content')
<div class="content">

@if (count($errors) > 0)
    @if($errors->any())
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{$errors->first()}}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
          </div>
 @endif
@endif
</br>

    <div class="container-fluid">
    <div class="card-header">

        <div class="row">

            <div class="col-md-12">
                <form method="post" action="{{ route('user.updateUser') }}" autocomplete="off"  enctype="multipart/form-data">
                    @csrf
                    <input class="form-control{{ $errors->has('id') ? ' is-invalid' : '' }}" name="id" id="input-id" type="text"   value="{{ old('id', $editUser->id) }}" hidden/>
                     <input class="form-control{{ $errors->has('id') ? ' is-invalid' : '' }}" name="type" id="type" type="text"   value="{{ old('type', $editUser->type) }}" hidden/>
                    <input class="form-control{{ $errors->has('id') ? ' is-invalid' : '' }}" name="oldpassword" id="oldpassword" type="text"   value="{{ old('password', $editUser->password) }}" hidden/>

                    <div class="pl-lg-4">
                        <div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
                            <label class="form-control-label" for="input-name">{{ __('pages.name') }} </label>
                            <input type="text" name="name" id="input-name"
                                class="form-control form-control-alternative{{ $errors->has('name') ? ' is-invalid' : '' }}"
                               value="{{$editUser->name}}" required >

                        </div>


                      
                        
                        <div class="form-group">
                            <label class="form-control-label" for="input-name">{{ __('pages.email') }} </label>
                            <input type="email" name="email" id="email"
                                class="form-control form-control-alternative"
                                 value="{{$editUser->email}}"  >

                        </div>


                        <div class="form-group">
                            <label class="form-control-label" for="input-name">{{ __('pages.password') }} </label>
                            <input type="text" name="password" id="input-name"
                                class="form-control form-control-alternative"
                                placeholder="{{ __('Enter Password') }}" value=""  >

                        </div>
                   
                   
                 
                   
                        <div class="form-group" >
                            <label class="form-control-label" for="input-name">{{ __('pages.phone') }}</label>
                            <input type="number" name="phone" id="input-name"
                                class="form-control form-control-alternative"
                                placeholder="{{ __('Enter Phone Number') }}" value="{{isset($editUser->phone) ?$editUser->phone : NULL}}" required >

                        </div>
                        
                     



                        <div class="text-center">
                            <a href="{{ route('user.listUser') }}"  class="btn btn-warning mt-4">{{ __('pages.back') }}</a>

                            <button type="submit" class="btn btn-success mt-4">{{ __('pages.save') }}</button>
                        </div>
                    </div>
                </form>
            </div>
            </div>
        </div>
    </div>
    </br>
</div>
@endsection

@push('js')
    <script>


 if($('#type').val() == '2'){
     
      $('#all :input').each(function(){
           
           $(this).attr('required',true);
           
       })
    // $('#address_special_instruction1').hide();
    // $('#address_apartment_number1').hide();
    // $('#address_floor1').hide();
    // $('#address_building1').hide();
    // $('#address_street1').hide();
    // $('#address_city1').hide();
    // $('#username1').hide();
    $('#all').show();
    
 }
 else{
      $('#all :input').each(function(){
           
           $(this).attr('required',false);
           
       })
    // $('#address_special_instruction1').show();
    // $('#address_apartment_number1').show();
    // $('#address_floor1').show();
    // $('#address_building1').show();
    // $('#address_street1').show();
    // $('#address_city1').show();
    // $('#username1').show();
      $('#all').hide();
 }

if($('#type').val()=='1'){
    
            $("#username").attr('required',false);
            
            $('#username1').hide();

            $("#email").attr('required',true);
            
            


}   

else{
        $("#username").attr('required',true);

        $('#username1').show();

        $("#email").attr('required',false);

          
}

	
	
	var markerPosition ={lat:'',lng:''};
    var map;
	var markers = [];
 


    var lebanon = {lat:33.8547, lng: 35.8623};
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: lebanon,
          zoom: 10
        });
	google.maps.event.addListener(map, 'click', function(event) {
	if(markers.length <1) 
          addMarker(event.latLng, map);
        });
		
	//Edit Map 
	
	var x=document.getElementById("address_latitude").value ;
	var y=document.getElementById("address_longitute").value ;
 
	if(x>0){
	var siteLatLng = new google.maps.LatLng(x, y);
     addMarker(siteLatLng,map);
	 }
	 
     }
 initMap();
    function addMarker(location, map) {


	markerPosition.lat=location.lat();
	    markerPosition.lng=location.lng();
		console.log(markerPosition);
		
	  document.getElementById("address_latitude").value = markerPosition.lat;
	  document.getElementById("address_longitute").value= markerPosition.lng;
      
		//var variableToSend = markerPosition;
        //$.post('offer-add.php', {variable: variableToSend});
        var marker = new google.maps.Marker({
         position: location ,
         map: map
        });
   markers.push(marker);
   marker.addListener("click", function() {
			deleteMarkers(marker);
		
        });
      }
	  
	  
	  
	  
 function deleteMarkers(marker) {
       marker.setMap(null);
 
        markers = [];
	document.getElementById("address_latitude").value = '';
	   document.getElementById("address_longitute").value= '';
      }
      
      
      
      function selectLocation(){
          var lat=document.getElementById("address_latitude").value
          var lng=document.getElementById("address_longitute").value
 
          
      var siteLatLng = new google.maps.LatLng(lat, lng);
       map = new google.maps.Map(document.getElementById('map'), {
          center: lebanon,
          zoom: 10
        });
     addMarker(siteLatLng,map);
         
          
      }
         
    </script>
    @endpush