@extends('layouts.master')

@section('content')
<!-- Main content -->
<div class="content mt-4 mb-5 bg-white">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-7">
						</div>

			<div class="col-lg-5">
				
				 <section class="img-rounded fondo mb-5 bg-secondary p-4 mt-5" style="background: url('{{ Auth::user()->fondo_usuario }}'); background-size: cover;">
                  
                  @if(empty(Auth::user()->avatar_usuario))
                  <div class="row">
                    <div class="col-md-12 text-center">
                        
                        <img class="avatar img-circle img-thumbnail mb-3 w-25" src="{{ asset('/img/user-photo-default.png') }}" alt="">

                    </div>
                  </div>
                  @else
                  <div class="row">
                    <div class="col-md-12 text-center">

                      <img class="avatar img-circle img-thumbnail w-25 mb-3" src="{{ Auth::user()->avatar_usuario }}" alt="">

                    </div>
                  </div>
                  @endif
                  <div class="profile-data">
                    <p class="nombre_persona bg-light img-rounded p-2"><span class="font-weight-bold">Nombre:</span> {{ Auth::user()->nombre_usuario }}</p>
                  	<p class="correo_persona bg-light img-rounded p-2"><span class="font-weight-bold">Correo:</span> {{ Auth::user()->correo_usuario }}</p>
                  </div>
                </section>

			</div>
		</div>
	</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<script>
     $(document).on("pdocrud_after_submission",function(event,obj,data){
        
      $('.alert-danger').hide();
      $('.alert-success').hide();


        if(data == "error_clave"){
          Swal.fire({
              icon: 'error',
              title: 'Lo siento!',
              text: '!La contraseña ingresada no coincide con la del usuario actual'
            });
        } else {

        	$.ajax({
	        type:'POST',
	        url: "{{ route('avatar') }}",
	        dataType: "json",
	        data:{ _token: "{{ csrf_token() }}"},
	        success: function(value){
	          console.log(value);
	            $(".avatar").attr('src', value[0].avatar_usuario);
	            $(".nombre_persona").html('<span class="font-weight-bold">Nombre:</span>' + ' ' + value[0].nombre_usuario);
	            $(".correo_persona").html('<span class="font-weight-bold">Correo:</span>' + ' ' + value[0].correo_usuario);
	            $('.fondo').css('background', 'url('+ value[0].fondo_usuario +')');
	            $('.fondo').css('background-size', 'cover');
	            $(".clave_usuario").val('');
	            }

	          });


        		Swal.fire(
	              'Genial!',
	              'Datos guardados con éxito!',
	              'success'
	            )

        	}

      });
</script>
@endsection