@extends('layout.masterBlog')
@section('title',$title)
@section('description',$description)
@section('keywords',$keywords)
@section('og:locale',app()->getLocale())
@section('og:type',$og_type)
@section('og:title',$og_title)
@section('og:description',$og_description)
@section('og:url',$og_url)
@section('og:site_name',$og_sitename)
@section('twitter:title',$twitter_title)
@section('twitter:description',$twitter_desc)
@section('content')

<div class="row g-3">
            <div class="col-lg-8" id="categoryData">
              @include('dataBlogHome')
               
            </div>
            <div class="col-lg-4">
              <div class="card mb-3">
                <div class="card-body fs--1">
                  <div class="d-flex"><span class="fa fa-question-circle fs-0 text-warning"></span>
                    <div class="flex-1 ms-2"><a class="fw-semi-bold" href="#!">
                    Soru / Cevap</a> <b>v.1.1</b> - yakında </div>
                  </div>
                </div>
              </div>
              
              <div class="card mb-3">
                <div class="card-header bg-light d-flex justify-content-between align-items-center">
                  <h6 class="mb-0">@lang('general.last_user')</h6>
                </div>
                <div class="card-body">
                  @foreach($users as $user)
                  <div class="d-flex">
                    <div class="avatar avatar-3xl">
                      @if(!empty($user->image))
                      <img class="rounded-circle" src="{{ asset('assets/img/user/'.$user->image)}}">
                      @else
                       <img class="rounded-circle" src="{{ asset('assets/img/user/avatar.png') }}" >
                      @endif
                    </div>
                    <div class="flex-1 ms-2">
                      <h6 class="mb-0">
                        <a href="#!">
                          {{ $user->name}} <b>{{ $user->lastname}}</b>
                        </a>
                      </h6>
                      <button class="btn btn-light btn-sm py-0 mt-1 border" type="button">
                        <span class="fas fa-user-plus" data-fa-transform="shrink-5 left-2"></span>
                        <span class="fs--1">@lang('general.follow')</span>
                      </button>
                      <div class="border-dashed-bottom my-3"></div>
                    </div>
                  </div>
                  @endforeach
                </div>
              </div>
               @if($allComment->count() > 0)
              <div class="card mb-3 mb-lg-0">
                <div class="card-header bg-light">
                  <h6 class="mb-0">@lang('general.last_comments')</h6>
                </div>
                <div class="card-body fs--1">
                  @foreach($allComment as $comment)
                    @if($comment->status == 1)
                      <div class="d-flex btn-reveal-trigger">
                         <div class="avatar avatar-3xl">
                          @if($comment->user->image == "")
                          <img class="rounded-circle" src="{{ asset('assets/img/user/avatar.png') }}" >
                          @else
                          <img class="rounded-circle" src="{{ asset('assets/img/user/'.$comment->user->image)}}">
                          @endif
                        </div>
                        <div class="flex-1 position-relative ps-3">
                          <h6 class="fs-0 mb-0">
                            <a href="{{ route('detail',$comment->post->slug) }}">
                              {{ $comment->post->post_name }}
                             </a>
                        </h6>
                          <p class="text-1000 mb-0">{{ $comment->created_at }}</p>
                          <p class="text-1000 mb-0">{{ $comment->comment }}</p>
                          <div class="border-dashed-bottom my-3"></div>
                        </div>
                      </div>
                      @endif
                  @endforeach
                </div>
                <div class="card-footer bg-light p-0 border-top">
                  <a class="btn btn-link d-block w-100" href="#!">
                    @lang('general.all_comments')
                    <span class="fas fa-chevron-right ms-1 fs--2"></span>
                  </a>
                </div>
              </div>
              @endif
            </div>
          </div>
@endsection

@section('javascript')
<script data-cfasync="false" src="//acscdn.com/script/ippg.js" data-adel="inpage" zid="6154874" rr="0" mads="2"></script>
<script>

  var token = $('meta[name="csrf-token"]').attr('content')

  load_more('', token);

  function load_more(id = "", token){

    $.ajax({
      url: '{{ route('loadmoreData') }}',
      method: 'POST',
      data: {id:id, _token:token},
      success:function(data){
        $('#loadMoreButton').remove();
        $('#categoryData').append(data);
        }
      });
  }

  $('body').on('click', '#loadMoreButton', function(){
    var id = $(this).data('id');
    $('#loadMoreButton').html("yükleniyor..");
    load_more(id, token);
  });

</script>

<script>
  $(document).on('click', '.ajax-comment', function() {
    var post_id   = $(this).data('id');
    var comment   = $(this).parent().children('input').val(); 
    
    $.ajax({
      headers:{
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      type: 'post',
      url:  "{{ route('addComment') }}",
      data: {
        comment: comment,
        post_id: post_id,
      },
      success: function(data) {
        // alert(data)
        if (data.success) {
            Swal.fire({
                title: data.success,
                icon: 'success',
                focusConfirm: true,
                confirmButtonText:
                  '<i class="fa fa-thumbs-up"></i> Tamam!',
          })
          $('input[type="text"]').val(''); 
            
        } else {
              Swal.fire({
                title: data.error,
                icon: 'info',
                focusConfirm: false,
                confirmButtonText:
                  '<i class="fa fa-thumbs-up"></i> Anladım!',
            
          })
        }
      }
    });
  });
</script>

 <script>
                $(document).ready(function(){
                    $(document).on('click', '.productFav', function() {
                        var link_data = $(this).data('id');
                        //alert(link_data);
                        $.ajax({
                            headers:{
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            type: 'post',
                            url:  'wishlist/'+link_data,
                            data: {product_id: link_data},
                            success: function(data) {
                                //alert(data.giris)
                                if (data.giris) {
                                    swal.fire(data.giris);
                                    window.setTimeout(function() {
                                          window.location.href = '{{ route('login') }}';
                                      }, 600);
                                }
                                 else if(data.var) {
                                    swal.fire(data.var);
                                } else {
                                    swal.fire(data.eklendi);
                                }

                            }
                        });
                    });

                });
    </script>

@endsection