@extends('layouts.app')

@section('content')


<div class="container">
    <div class="row">
        <div class="col-md-3">
            @include('includes/dashboard/left_menu')
        </div>
        <div class="col-md-9">
            <div class="col-lg-12">
                <div class="wrapper wrapper-content animated fadeInRight" >
                    <div class="ibox-content forum-container h-100" style="min-height: 600px">
                        <div class="forum-title">
                            <div class="pull-right forum-desc">   
                            </div>
                            <h3>Manage Post</h3>
                        </div>
                       
                        <div class="forum-item active border-0">        
                 
                                <div class="my-2">
                                    <div class="">
                                        <div class="row">
                                            <div class="col-md-11">
                                            </div>
                                           
                                            <div class="col-md-1 forum-info">
                                                <span class="views-number">
                                                   {{ $post->member_post_count}}
                                                </span>
                                                <div>
                                                    <small>Comments</small>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-12 mb-4">
                                              <input type="hidden" id="parent_id" name="parent_id" value="{{ \App\Helpers\Helper::encriptId($post->parent_id)}}">
                                              {{-- <textarea cols="50" rows="6"  class="form-control" id="post">
                                                {{$post->post}}
                                              </textarea> --}}
                                              <div id="editor" style="height:150px">
                                                {!! html_entity_decode($post->post) !!}
                                              </div>  
                                            </div>
                                            <div class="col-12 mt-auto">
                                              <a  href="#" class="btn btn-primary" id="editPost" post-id="{{ app('request')->input('key_title') }}">Save Changes</a>
                                              <a  href="#" class="btn btn-primary" id="deletePost" post-id="{{ app('request')->input('key_title') }}"></span> Delete Post</a>
                                              <a  href="#" class="btn btn-secondary" id=""> Cancel</a>
                                            </div>
                                        </div>
                                        {{-- <div class="row mb-3">
                                            <div class="d-flex justify-content-end">
                                                <button data-bs-toggle="modal" data-bs-target="#exampleModal" title="Edit" type="button" class="btn btn-default">
                                                    <span class="fa fa-pencil"></span> 
                                                </button>
                                                <button title="Delete" type="button" class="btn btn-default">
                                                    <span class="fa fa-trash"></span> Delete Post
                                                </button>
                                            </div>
                                        </div> --}}
                                      
                                    </div>
                                    
                                </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>    
</div>
  
  <!-- Modal -->
  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          ...
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div>
  

@endsection


<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script>
  var APP_URL  = "{{ url('')}}";

  $(document).ready(function() {

      //edit
      $(document).on("click", "#editPost", function (e) {
      $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden"></span> Save Changes...');
      // var post = $('#post').val();
      var myEditor = document.querySelector('#editor')
      var post = myEditor.children[0].innerHTML
      var parent_id = $('#parent_id').val();
      var post_id = $(this).attr('post-id');
      $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });   
      
            $.ajax({
                data:{post : post, post_id : post_id, parent_id: parent_id},
                url: APP_URL + "/admin/discussion-forum/edit-post",
                type: "POST",
                dataType: 'json',
                beforeSend: function(){
                    
                },
                success: function(result) {
                    window.location.href =APP_URL + "/admin/discussion-forum/sub-topic?key_title="+parent_id;
                },
                error:function (response){},
                complete:function(data){
                    
                }
          });
      });

      //delete
      $(document).on("click", "#deletePost", function (e) {
      $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden"></span> Deleting...');
      var post = $('#post').val();
      var parent_id = $('#parent_id').val();
      var post_id = $(this).attr('post-id');
      $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });   
      
            $.ajax({
                data:{post_id : post_id, parent_id: parent_id},
                url: APP_URL + "/admin/discussion-forum/delete-post",
                type: "POST",
                dataType: 'json',
                beforeSend: function(){
                    
                },
                success: function(result) {
                    console.log(result);
                    window.location.href =APP_URL + "/admin/discussion-forum/sub-topic?key_title="+parent_id;
                },
                error:function (response){
                  
                  
                },
                complete:function(data){
                    
                }
          });
      });
  });
</script>