@extends('layouts.admin')

@section('page-header')
    Posts
    <a href="{{ route('admin.posts.create') }}" class="btn btn-outline-primary">
        Add New
    </a>
@endsection

@section('content')
    <div class="white-component">
    <table class="table">
        <thead>
            <tr>
                <th>Title</th>
                <th>Owner</th>
                <th>Posted at</th>
                <th>Updated at</th>
                <th ># of Comments</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
          
            @forelse ($posts as $post)
            <tr>
                <td>{{ $post->title }}</td>
              
                <td>{{$post->user->fname}} {{$post->user->sname}}</td>
               
                <td>{{ $post->created_at }}</td>
                <td>{{ $post->updated_at }}</td>
                <td width="50px">{{ $post->comments_count }}</td>
                <td >
                    <a href="{{ route('admin.posts.show', $post->id) }}" class="btn btn-outline-secondary btn-sm">View</a>
                    <a href="{{ route('admin.posts.edit', $post->id) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
                    <button class="btn btn-outline-danger btn-sm"
                        data-confirm-reject
                        data-confirm-action="{{ route('admin.posts.delete', $post->id) }}"
                        data-confirm-title="Remove Post"
                        data-confirm-text="Are you sure you want to remove post &quot;{{ $post->title }}&quot;?">Remove</button>
                </td>
            </tr>
            @empty
            <tr>
                <td><div class="no-data">No posts yet</div></td>
            </tr>
            @endforelse
        </tbody>
    </table>
   
    </div>
@endsection
@section('scripts')

<script>

    CKEDITOR.replace( 'summary-ckeditor' );




    function deletBlog(id) {

        swal({
              title: "Are you sure?",
              text: "Once deleted, you will not be able to recover this Blog!",
              icon: "warning",
              buttons: true,
              dangerMode: true,

        })
        .then((willDelete) => {
              if (willDelete) {
                    $.ajax({
                        type: "POST",
                        url: '/deletBlogFuntion',
                        data: {id: id},
                        success: function( msg ) {
                            swal("Poof! This Blog has been deleted!", {
                                icon: "success",
                            });
                        }
                    });
                    setTimeout(function(){
                       window.location.reload(1);
                    }, 3000);
                } else {
                swal("This Blog is safe!");
              }
        });
    }





        //  setTimeout(function(){
        //                window.location.reload(1);
        //             }, 5000);
        //  swal({
        //       title: "Are you sure?",
        //       text: "Once deleted, you will not be able to recover this member!",
        //       icon: "warning",
        //       buttons: true,
        //       dangerMode: true,

        // })
        // .then((willDelete) => {
        //       if (willDelete) {
        //             $.ajax({
        //                 type: "POST",
        //                 url: '/deletComment',
        //                 data: {id: id},
        //                 success: function( msg ) {
        //                     swal("Poof! This member has been deleted!", {
        //                         icon: "success",
        //                     });
        //                 }
        //             });
        //             setTimeout(function(){
        //                window.location.reload(1);
        //             }, 3000);
        //         } else {
        //         swal("This member is safe!");
        //       }
        // });
    // }




</script>
@endsection