@extends('layout.masterBlog')
@section('title',"Profil ayarlarım")

@section('content')

 <div class="row">
            <div class="col-12">
              <div class="card mb-3 btn-reveal-trigger">
                <div class="card-header position-relative min-vh-25 mb-8">
                  <div class="cover-image">
                    <div class="bg-holder rounded-3 rounded-bottom-0" style="background-image:url(https://www.cmysoftware.com/assets/img/generic/ccs.png);"></div>
                    <!--/.bg-holder-->
                    <input class="d-none" id="upload-cover-image" type="file" /><label class="cover-image-file-input" for="upload-cover-image"><span class="fas fa-camera me-2"></span><span>Change cover photo</span></label>
                  </div>
                  <div class="avatar avatar-5xl avatar-profile shadow-sm img-thumbnail rounded-circle">
                    <div class="h-100 w-100 rounded-circle overflow-hidden position-relative"> 
                      <img src="{{ asset('assets/img/user/'.$userDetails->image)}}" width="200" alt="" data-dz-thumbnail="data-dz-thumbnail" /><input class="d-none" id="profile-image" type="file" /><label class="mb-0 overlay-icon d-flex flex-center" for="profile-image"><span class="bg-holder overlay overlay-0"></span><span class="z-index-1 text-white dark__text-white text-center fs--1"><span class="fas fa-camera"></span><span class="d-block">Update</span></span></label></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row g-0">
            <div class="col-lg-8 pe-lg-2">
              <div class="card mb-3">
                <div class="card-header">
                  <h5 class="mb-0">@lang('general.my_profile_settings')</h5>
                </div>
                <div class="card-body bg-light">
                  <form class="row g-3" method="post" action="{{route('account.settings')}}" enctype="multipart/form-data">
                    @csrf

                    <div class="col-lg-12">
                      <label class="form-label" for="image">@lang('general.photo')</label>
                      <input class="form-control" type="file" name="image" id="formFile">
                    </div>
                    @if(!empty($userDetails->image))
                          <input type="hidden" name="current_image" value="{{ $userDetails->image }}" class="form-control">
                        @endif
                    <div class="col-lg-6">
                      <label class="form-label" for="first-name">@lang('general.name')</label>
                      <input class="form-control" id="first-name" name="name" type="text" value="{{$userDetails->name}}" />
                    </div>

                    <div class="col-lg-6"> 
                      <label class="form-label" for="last-name">@lang('general.lastname')</label>
                      <input class="form-control" id="last-name" name="lastname" type="text" value="{{$userDetails->lastname}}" />
                    </div>

                    <div class="col-lg-6"> 
                      <label class="form-label" for="email1">@lang('general.email')</label>
                      <input class="form-control" id="email1" name="email" type="text" value="{{$userDetails->email}}" />
                    </div>

                    <div class="col-lg-6"> 
                      <label class="form-label" for="email2">@lang('general.phone')</label>
                      <input class="form-control" id="email2" name="mobile" type="text" value="{{$userDetails->mobile}}" />
                    </div>

                    <div class="col-lg-12">
                      <label class="form-label" for="email3">@lang('general.your_job')</label>
                      <input class="form-control" id="email3" name="job" type="text" value="{{$userDetails->job}}" />
                    </div>

                    <div class="col-lg-12"> 
                      <label class="form-label" for="intro">@lang('general.about_me')</label>
                      <textarea class="form-control" id="intro" name="intro" cols="30" rows="13" placeholder="Kendinden bahsedebilirsin"></textarea>
                    </div>
                    <div class="col-12 d-flex justify-content-end">
                      <button class="btn btn-primary" type="submit">@lang('general.update') </button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <div class="col-lg-4 ps-lg-2">
              <div class="sticky-sidebar">
                <div class="card mb-3 overflow-hidden">
                  <div class="card-header">
                    <h5 class="mb-0">@lang('general.change_password')</h5>
                  </div>
                  <div class="card-body bg-light">
                    <form>
                      <div class="mb-3">
                        <label class="form-label" for="old-password">@lang('general.old_password')</label>
                        <input class="form-control" id="old-password" placeholder="@lang('general.old_password')" type="password" />
                      </div>
                      <div class="mb-3">
                        <label class="form-label" for="new-password">@lang('general.new_password')</label>
                        <input class="form-control" id="new-password" placeholder="@lang('general.new_password')" type="password" />
                      </div>
                      <div class="mb-3">
                        <label class="form-label" for="confirm-password">@lang('general.confirm_password')</label>
                        <input class="form-control" id="confirm-password" placeholder="@lang('general.confirm_password')" type="password" /></div>
                        <button class="btn btn-primary d-block w-100" type="submit">@lang('general.update_pass') </button>
                    </form>
                  </div>
                </div>
                <div class="card">
                  <div class="card-body bg-light">
                    <a class="deactiveAccount btn btn-falcon-danger d-block" data-id="{{$userDetails->id}}" href="javascript:void(0)">
                      @lang('general.de_active_account')
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
  @endsection
    @section('javascript')

<script>
  $(document).on('click','.deactiveAccount',function () {
    var id = $(this).data('id');
    //alert(id);

    Swal.fire({
        title: 'Hesap dondurulacaktır, kabul ediyor musunuz?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Evet, Kabul ediyorum.',
        cancelButtonText:'Vazgeç!'
    }).then((result) => {
        if (result.value) {

        $.ajax({
            url: 'profil-ayarlari/deactive/' + id,
            method: 'get',
            success: function (data) {
                if (data.success) {
                    Swal.fire(data.success);
                    window.location.reload(2000);
                } else {
                    if (data.Unsuccessful) {
                        Swal.fire(data.Unsuccessful)
                    }
                }
            }
        });
    }
});
});
</script>
@endsection