@extends('layouts.app_discussion')

@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="wrapper wrapper-content animated fadeInRight pb-4">
            <div class="ibox-content forum-container">
                <div class="forum-title">
                    <div class="pull-right forum-desc">   
                    </div>
                    @include('discussion_forum/include/title')
                    {{ Breadcrumbs::render('sub-topic', $title) }}
                </div>
                <div class="forum-item active">
                    <div class="row">
                        <div class="col-md-12">
                            <a href="" class="forum-item-title forum-sub-title mt-2">{{ $title->accountabilities}}</a>
                            {{-- <div class="forum-sub-title">{{ $title->description}}</div> --}}
                          </div>
                    </div>
                </div>
            </div>
            <div class="forum-item active">
                <div class="row">
                  <div class="col-md-12">
                    <div class="d-flex justify-content-between  border-bottom">
                        <div>
                          <a href="{{url('/discussion-forum/third-level?id='.\App\Helpers\Helper::encriptId($title->parent_id))}}" class="forum-item-title  pb-2">{{ $title['subject'] }}</a>
                        </div>
                        <div class="row">
                          <div class="col-auto my-auto">
                            <a href="{{url('tools')}}"><i class="fa fa-wrench" title="Tools" aria-hidden="true"></i></a>
                          </div>
                          <div class="col-auto my-auto">
                            <i class="fa fa-calendar-o" aria-hidden="true"></i>
                          </div>
                          <div class="col-auto my-auto">
                            <i class="fa fa-file-o" aria-hidden="true"></i>
                          </div>
                        </div>
                    </div>
                    @if(count($topics) == 0)
                      <div class="card row-hover pos-relative px-3 py-3 w-100 mb-3">No post available.</div>
                    @endif
                    <div class="overflow-auto"> @include('admin/fourthleveltopic/post_list')</div>
                  </div>
                </div>
                {{ $topics->appends(request()->query())->links() }}
                   
                <div class="row">
                  <div class="col d-flex justify-content-end mt-3">
                    <a data-id="{{ app('request')->input('key_title')}}" id="createFourthLevelButton" class="btn btn-outline-primary btn-rounded btn-sm px-4">Add New Post</a>
                  </div>
                </div> 
                    
              </div>
          


          </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() {
    $(document).on("click", "#addNewPost", function (e) {
      $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden"></span> Posting...');
      var parent_id = $('#parent_id').val();
      var myEditor = document.querySelector('#editor')
      var post = myEditor.children[0].innerHTML
      // var post = $('#post').val();
      $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });   
      
            $.ajax({
                data:{post : post, parent_id : parent_id},
                url: APP_URL + "/admin/discussion-forum/add-post",
                type: "POST",
                dataType: 'json',
                beforeSend: function(){
                    
                },
                success: function(result) {
                  $('#post').val('');
                    location.reload();
                },
                error:function (response){
                  
                  
                },
                complete:function(data){
                    
                }
          });
      });
      
      //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> Posting...');
      var id = $('#parent_id').val();
      var post = $('#post').val();
      $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });   
      
            $.ajax({
                data:{post : post, post_id : post_id},
                url: APP_URL + "/admin/discussion-forum/edit-post",
                type: "POST",
                dataType: 'json',
                beforeSend: function(){
                    
                },
                success: function(result) {
                    console.log(result);
                    location.reload();
                },
                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> Posting...');
      var id = $('#parent_id').val();
      var post = $('#post').val();
      $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });   
      
            $.ajax({
                data:{post_id : post_id},
                url: APP_URL + "/admin/discussion-forum/edit-post",
                type: "POST",
                dataType: 'json',
                beforeSend: function(){
                    
                },
                success: function(result) {
                    console.log(result);
                    location.reload();
                },
                error:function (response){
                  
                  
                },
                complete:function(data){
                    
                }
          });
      });
  });
</script>