@extends('layouts.backend.app')

@section('content')

<div class="main-content stock">
            <div class="page-content">
                <div class="container-fluid">
                    <div class="page-title-box">
                        <div class="row align-items-center">
                            <div class="col-md-8">
                                <h6 class="page-title">Profile</h6>
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="#">Home </a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Profile</li>
                                </ol>
                            </div>
                           
                        </div>
                    </div>
                    <!-- Add Mobile row  -->
                    <!-- end row -->
                    <!-- Mobile visible table  -->
                    <!-- End row  -->
                </div>

                <div class="row">
                    <div class="col-md-12">
                   <div class="card">
                    <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 profile-update-section">
                            @if(!empty(Auth::user()->image))
                         <div class="profile-img-update"><img src="{{asset(Auth::user()->image)}}" alt="" class="img-fluid"></div>
                         @endif
                         <div><h3>{{!empty(Auth::user()->name) ? Auth::user()->name:''}}</h3></div>
                         <div><p>{{!empty(Auth::user()->email) ? Auth::user()->email:''}}</p></div>
                         <div><p >{{!empty(Auth::user()->phone_no) ? Auth::user()->phone_no:''}}</p></div>
                         <div><p >{{!empty(Auth::user()->address) ? Auth::user()->address:''}}</p></div>

                        </div>
                        <div class="col-md-6 px-5">
                        <form id="profileUpdate" enctype="multipart/form-data">
                            @csrf
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Name</label>
                                <input type="text" class="form-control" name="name" id="exampleInputEmail1" value="{{!empty(Auth::user()->name) ? Auth::user()->name:''}}" aria-describedby="emailHelp">
                                <span class="text-danger name"></span>
                             
                            </div>
                            <div class="mb-3">
                                <label for="exampleInputPassword1" class="form-label">Email</label>
                                <input type="text" class="form-control" name="email" value="{{!empty(Auth::user()->email) ? Auth::user()->email:''}}" id="exampleInputPassword1">
                                <span class="text-danger email"></span>
                            </div>

                            <div class="mb-3">
                                <label for="exampleInputPassword1" class="form-label">Phone Number</label>
                                <input type="text" class="form-control" name="phone_no" value="{{!empty(Auth::user()->phone_no) ? Auth::user()->phone_no:''}}" id="exampleInputPassword1">
                                <span class="text-danger phone_no"></span>
                            </div>

                            <div class="mb-3">
                                <label for="exampleInputPassword1" class="form-label">Password (<a href="javascript:(0)" onclick="alert(document.getElementById('password').value)">view</a>)</label>
                                <input type="password" class="form-control" name="password" id="password" value="{{ encrypt_decrypt('decrypt', Auth::user()->hidepass) }}"  id="exampleInputPassword1">
                                <span class="text-danger password"></span>
                            </div>

                            <div class="mb-3">
                                <label for="exampleInputPassword1" class="form-label">Address</label>
                                <textarea class="form-control" name="address"  id="exampleFormControlTextarea1" rows="3">{{!empty(Auth::user()->address) ? Auth::user()->address:''}}</textarea>
                                <span class="text-danger address"></span>
                            </div>
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Image</label>
                                <input type="file" class="form-control" name="image" id="exampleInputEmail1" aria-describedby="emailHelp">
                             
                            </div>
                           
                            <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                       </div>
                    </div>
                   </div>
                    </div>
                </div>
            </div>
        </div>

@endsection

@section('scripts')
<script>
    
    $(document).on("submit","#profileUpdate",function(e){
	e.preventDefault();
	$('.remove_err').html("");
	var form = $('#profileUpdate')[0];
	var formData = new FormData(form);
	

	$('.btn-primary').attr('disabled',true);
	$.ajax({
		url: "{{route('settings.update')}}",
		type:'POST',
		processData: false,
		contentType: false,
		data: formData,
		success: function(data) {
		if(data.success==true){
		    $('.btn-primary').attr('disabled',false);
			window.location.reload();
		}
		},error: function (xhr) {
			$('.btn-primary').attr('disabled',false);
			$('.user_err').html('');
			var i=0;

			$.each(xhr.responseJSON.errors, function(key,value) {

			  //console.log(key);
	
			//console.log(key);
			replaced_key = key.replace(".", "_");
			//console.log(value[0]);
			// console.log(typeof value);
			value = value[0].replace(key,replaced_key);
			//console.log(replaced_key);
			$('.'+replaced_key).append('<div class="text-danger user_err">'+value+'</div');
			i++;
		  }); 
		 },
	});

})

</script>
@endsection