@extends('adminlte::page')

@section('title', 'Content')

@php $is_appv = 0; @endphp
@if(request()->has('approve'))
  @php $is_appv = request('approve'); @endphp
@endif

@section('content_header')

    <div class="d-flex justify-content-between align-items-center my-2">
        <h1 class="text-dark text-bold mb-0">
            Content List (<span id="c_for" style="color:#007bff;">@if($is_appv != 0) Approved Contents @else All Contents @endif</span>)
        </h1>
        <a href="{{ route('content.common.dash') }}" class="btn btn-primary">
            Task Manager
        </a>
        <a href="{{ route('content.seo.dash') }}" class="btn btn-primary">
            Content Writer Dashboard
        </a>
    </div>

@stop

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
<input type="hidden" value="{{ URL::to('/') }}" id="urlBase" />
    <div class="card shadow rounded-lg mb-3 p-2">
        <div class="card-header">
            <div class="row mt-3">
                <div class="col-md-2 float-left ">
                  <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-white">
                      <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                      <li class="breadcrumb-item text-bold active" aria-current="page">Content </li>
                    </ol>
                  </nav>
                </div>
                @php $nm = ""; $title = ""; $ct = ""; @endphp
                @if(request()->has('nm'))
                  @php $nm = request('nm'); @endphp
                @endif

                @if(request()->has('cat'))
                  @php $ct = request('cat'); @endphp
                @endif

                @if(request()->has('title'))
                  @php $title = request('title'); @endphp
                @endif

                <div class="col-md-2 float-left ">
                  <select name="cnt_nm" id="cnt_nm" onchange="data_filter();" class="form-control col-md-12 mb-12">
                      <option value="">select content writer</option>
                      <option value="1" @if($nm == 1) selected @endif>Admin</option>
                      @if(!empty($contents_person))
                        @foreach($contents_person as $cp)
                          <option value="{{$cp->id}}" @if($nm == $cp->id) selected @endif>{{$cp->name}}</option>
                        @endforeach
                      @endif
                  </select>
                </div>

                <input type="hidden" id="is_approve" value="{{$is_appv}}" />

                <div class="col-md-2 float-left ">
                  <select name="cat_nm" id="cat_nm" class="form-control col-md-12 mb-12">
                      <option value="">select category</option>
                      <option value="1" @if($ct == 1) selected @endif>Forums</option>
                      <option value="2" @if($ct == 2) selected @endif>Blogs</option>
                      <option value="3" @if($ct == 3) selected @endif>Website Content</option>
                      <option value="4" @if($ct == 4) selected @endif>FAQ's</option>
                      <option value="5" @if($ct == 5) selected @endif>Tools</option>
                      <option value="6" @if($ct == 6) selected @endif>Others</option>
                      <option value="7" @if($ct == 7) selected @endif>US Blog</option>
                  </select>
                </div>

                <div class="col-md-3 float-left">
                  <input type="text" id="ctn_title" value="{{$title}}" class="form-control" name="ctn_title" placeholder="search by title">
                </div>

                <div class="col-md-2 float-left">
                  <a href="javascript:;" class="btn btn-primary float-md-center" @if($is_appv == 0) style="background-color: #007bff;border-color: #007bff;" @else style="background-color: #afbac7;border-color: #afbac7;" @endif onclick="all_data();">Filter</a>

                  <a href="javascript:;" class="btn btn-primary float-md-center ml-2" @if($is_appv == 1) style="background-color: #007bff;border-color: #007bff;" @else style="background-color: #afbac7;border-color: #afbac7;" @endif onclick="for_approved();">Approved</a> 
                </div>

                @if(Auth::user()->role == 1)
                  <div class="col-md-1 float-left">
                    <a href="{{ route('content.reports') }}" style="background-color: #58e3e1;border-color: #58e3e1;" class="btn btn-primary">Report</a>  
                  </div>
                @endif
            </div>

        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered w-100" id="dataTable"  cellspacing="0">
                    <thead>
                        <tr>
                          <th>No.</th>
                          <th>Category</th>
                          <th>Title</th>
                          <th>Writer Name</th>
                          <th>Created Date</th>
                          <th>View & Edit</th>
                          <th>Remark</th>
                          <th style="min-width: 170px;">Quality Check</th>
                          <th>Description</th>
                        </tr>
                    </thead>

                    <tbody>
                      @php $i= 1; @endphp
                      
                      @foreach($content as $value)
                          <tr>
                              <td style="width:1%">{{$i}}.</td>
                              <td style="width:3%">Others</td>
                              <td style="width:10%">{{$value->title}}</td>
                              <td style="width:3%">{{$value->getAttrubute->name ?? ''}}</td>
                              <td style="width:3%">{{ $value->created_at->format('d-M-Y') }}</td>
                              <td style="width:0%"><a href="{{url('admin/content/admin/edit',$value->id)}}" class="btn btn-primary float-md-right ml-2" role="button" aria-pressed="true"><i ></i>view</a></td>
                              <td style="width:10%">@if($value->remarkby == 0)<a href="javascript:;" class="btn btn-info float-md-center ml-2" role="button" onclick="getrow({{$value->id}});" aria-pressed="true" data-toggle="modal" data-target="#modal-xl"><i></i>Remark</a>@else {{$value->remark}} <a href="javascript:;" class="btn btn-primary float-md-right ml-2" role="button" onclick="getrow({{$value->id}});" aria-pressed="true" data-toggle="modal" data-target="#modal-xl"><i></i>Edit</a> @endif<input type="hidden" value="{{$value->remark}}" id="remarkrow_{{$value->id}}" /></td> 
                              
                              <!-- Quality Check Column -->
                              <td style="width:12%;">
                                <div id="quality-box-{{$value->id}}" class="quality-checker-box">
                                  <div style="text-align:center; padding:15px; color:#888;">
                                    <i class="fas fa-spinner fa-spin"></i> Checking...
                                  </div>
                                </div>
                                <textarea id="content-text-{{$value->id}}" style="display:none !important;">{!! $value->content !!}</textarea>
                              </td>
                              
                              <td style="width:18%">
                                <div style="height:130px;overflow:auto;" class="_table_mail">{!! $value->content !!}</div></td>
                          </tr>
                          @php $i++; @endphp
                      @endforeach
                    </tbody>
                </table>
              
            </div>
            <div class="mt-3">{!! $content->appends(request()->query())->links('pagination::bootstrap-5') !!}<div>
        </div>
    </div>

  <div class="modal fade" id="modal-xl">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Content Remark</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <span style="font-size:16px;color:green;" id="res_msg"></span>
          <div class="form-group">
            <label>Remark</label>
            <input type="hidden" value="" id="rowid" />
            <textarea class="form-control" name="remark" id="remark" rows="5" placeholder="Enter remark ..."></textarea>
          </div>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" onclick="save_remark();">Submit</button>
        </div>
      </div>
    </div>
  </div>

@stop

@section('css')
<style>
  ._table_mail h1{font-size:18px;font-weight:600;}
  ._table_mail h2{font-size:16px;font-weight:600;}
  ._table_mail p{margin-bottom:0.4rem;}
/* Quality Checker Box */
.quality-checker-box {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 10px;
  min-width: 160px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.quality-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  margin-bottom: 5px;
  background-color: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.quality-row:last-child {
  margin-bottom: 0;
}

.quality-row-label {
  font-size: 11px;
  font-weight: 600;
  color: #495057;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.quality-row-value {
  padding: 4px 10px;
  border-radius: 15px;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  min-width: 75px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Green Badge */
.qv-green {
  background-color: #28a745 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3);
}

/* Yellow Badge */
.qv-yellow {
  background-color: #ffc107 !important;
  color: #212529 !important;
  box-shadow: 0 2px 4px rgba(255, 193, 7, 0.3);
}

/* Red Badge */
.qv-red {
  background-color: #dc3545 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}
</style>
@stop

@section('js')

<script>
// ============================================
// IMPROVED AI CONTENT DETECTION (More Accurate)
// ============================================
function detectAIContent(text) {
  if (!text || text.trim().length < 100) return 0;
  
  let aiScore = 0;
  const lowerText = text.toLowerCase();
  const words = lowerText.match(/\b[a-z]+\b/g) || [];
  const sentences = text.split(/[.!?]+/).filter(s => s.trim().length > 15);
  
  if (words.length < 30) return 0;
  
  // 1. AI PHRASES DETECTION (Most Important - 40% weight)
  const aiPhrases = [
    // Opening phrases
    'in today\'s world', 'in this day and age', 'in the modern era', 'in today\'s digital age',
    'in today\'s fast-paced world', 'in recent years', 'in the current scenario',
    
    // Transition phrases (AI overuses these)
    'it is important to note', 'it is worth noting', 'it is essential to', 'it is crucial to',
    'it is worth mentioning', 'it should be noted', 'it is interesting to note',
    'furthermore', 'moreover', 'additionally', 'in addition to this', 'on top of that',
    'on the other hand', 'having said that', 'that being said', 'with that said',
    'nevertheless', 'nonetheless', 'however it is', 'be that as it may',
    
    // Conclusion phrases
    'in conclusion', 'to conclude', 'to summarize', 'in summary', 'to sum up', 'to wrap up',
    'all in all', 'in a nutshell', 'the bottom line is', 'at the end of the day',
    'when all is said and done', 'taking everything into account',
    
    // Filler/Padding phrases
    'it goes without saying', 'needless to say', 'without a doubt', 'there is no doubt',
    'it is safe to say', 'one can argue', 'it can be argued', 'it is widely known',
    'as we all know', 'as is well known', 'it is commonly believed',
    
    // AI-specific patterns
    'plays a crucial role', 'plays a vital role', 'plays an important role', 'plays a key role',
    'serves as a', 'acts as a', 'functions as a',
    'comprehensive guide', 'complete guide', 'ultimate guide', 'definitive guide',
    'everything you need to know', 'all you need to know', 'here\'s what you need to know',
    'let\'s dive in', 'let\'s explore', 'let\'s take a look', 'let\'s get started',
    'without further ado', 'with that in mind', 'keeping this in mind',
    'in this article', 'in this blog', 'in this post', 'in this guide',
    'key takeaways', 'main takeaways', 'important points',
    'first and foremost', 'last but not least', 'above all',
    
    // Overused AI words/phrases
    'delve into', 'delve deeper', 'deep dive', 'dive deep',
    'leverage', 'utilize', 'harness', 'optimize', 'streamline', 'facilitate',
    'robust', 'seamless', 'cutting-edge', 'state-of-the-art', 'groundbreaking',
    'game-changer', 'paradigm shift', 'synergy', 'holistic', 'comprehensive',
    'plethora', 'myriad', 'multitude', 'vast array',
    'embark on', 'embarking on', 'navigate through', 'navigating',
    'realm', 'landscape', 'sphere', 'arena',
    'pivotal', 'paramount', 'imperative', 'indispensable',
    'foster', 'cultivate', 'nurture', 'bolster',
    'elevate', 'enhance', 'amplify', 'augment',
    'tailor', 'tailored', 'bespoke', 'curated',
    'unpack', 'unpacking', 'break down', 'breaking down',
    'touch upon', 'shed light on', 'bring to light',
    'at its core', 'when it comes to', 'in terms of',
    'not only but also', 'whether it be', 'be it',
    'ever-evolving', 'ever-changing', 'ever-growing',
    'a wide range of', 'a broad range of', 'a variety of',
    'it\'s important to remember', 'it\'s worth remembering',
    'ensure that', 'make sure that', 'rest assured'
  ];
  
  let phraseMatches = 0;
  let matchedPhrases = [];
  aiPhrases.forEach(phrase => {
    const regex = new RegExp(phrase.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'gi');
    const matches = lowerText.match(regex);
    if (matches) {
      phraseMatches += matches.length;
      matchedPhrases.push(phrase);
    }
  });
  
  // Weight based on phrase density
  const phraseDensity = (phraseMatches / (words.length / 100));
  aiScore += Math.min(phraseDensity * 15, 40);
  
  // 2. SENTENCE STRUCTURE ANALYSIS (25% weight)
  if (sentences.length >= 5) {
    const sentenceLengths = sentences.map(s => s.trim().split(/\s+/).length);
    const avgLen = sentenceLengths.reduce((a, b) => a + b, 0) / sentenceLengths.length;
    
    // Calculate standard deviation
    const variance = sentenceLengths.reduce((sum, len) => sum + Math.pow(len - avgLen, 2), 0) / sentenceLengths.length;
    const stdDev = Math.sqrt(variance);
    
    // AI tends to have lower standard deviation (more uniform sentences)
    if (stdDev < 4) aiScore += 15;
    else if (stdDev < 6) aiScore += 10;
    else if (stdDev < 8) aiScore += 5;
    
    // Check for consistent sentence patterns
    let similarLengthCount = 0;
    for (let i = 1; i < sentenceLengths.length; i++) {
      if (Math.abs(sentenceLengths[i] - sentenceLengths[i-1]) < 5) {
        similarLengthCount++;
      }
    }
    if (similarLengthCount / sentenceLengths.length > 0.6) aiScore += 10;
  }
  
  // 3. SENTENCE STARTERS ANALYSIS (15% weight)
  if (sentences.length >= 6) {
    const starters = sentences.map(s => {
      const firstWords = s.trim().split(/\s+/).slice(0, 3).join(' ').toLowerCase();
      return firstWords;
    });
    
    const starterCount = {};
    starters.forEach(s => {
      starterCount[s] = (starterCount[s] || 0) + 1;
    });
    
    // Count repeated starters
    let repeatedStarters = 0;
    Object.values(starterCount).forEach(count => {
      if (count >= 2) repeatedStarters += (count - 1);
    });
    
    const repetitionRatio = repeatedStarters / sentences.length;
    if (repetitionRatio > 0.3) aiScore += 15;
    else if (repetitionRatio > 0.2) aiScore += 10;
    else if (repetitionRatio > 0.1) aiScore += 5;
  }
  
  // 4. VOCABULARY DIVERSITY (10% weight)
  if (words.length >= 50) {
    // Filter out common stop words for better analysis
    const stopWords = new Set(['the','a','an','and','or','but','in','on','at','to','for','of','with','by','from','is','are','was','were','be','been','have','has','had','this','that','these','those','it']);
    const contentWords = words.filter(w => !stopWords.has(w) && w.length > 3);
    
    if (contentWords.length > 20) {
      const uniqueContentWords = new Set(contentWords);
      const ttr = uniqueContentWords.size / contentWords.length;
      
      // AI typically has lower TTR (more repetitive)
      if (ttr < 0.35) aiScore += 10;
      else if (ttr < 0.45) aiScore += 6;
      else if (ttr < 0.55) aiScore += 3;
    }
  }
  
  // 5. PARAGRAPH STRUCTURE (10% weight)
  const paragraphs = text.split(/\n\s*\n/).filter(p => p.trim().length > 50);
  if (paragraphs.length >= 3) {
    const paraLengths = paragraphs.map(p => p.length);
    const avgParaLen = paraLengths.reduce((a, b) => a + b, 0) / paraLengths.length;
    
    // Check paragraph uniformity
    let uniformParas = 0;
    paraLengths.forEach(len => {
      if (Math.abs(len - avgParaLen) < avgParaLen * 0.3) uniformParas++;
    });
    
    if (uniformParas / paraLengths.length > 0.7) aiScore += 10;
  }
  
  return Math.min(Math.round(aiScore), 100);
}

// ============================================
// IMPROVED READABILITY (Flesch-Kincaid)
// ============================================
function calculateReadability(text) {
  if (!text || text.trim().length < 50) return 50;
  
  // Clean text
  const cleanText = text.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
  
  const words = cleanText.split(/\s+/).filter(w => w.match(/[a-zA-Z]/));
  const sentences = cleanText.split(/[.!?]+/).filter(s => s.trim().length > 5);
  
  if (words.length < 10 || sentences.length === 0) return 50;
  
  // Count syllables more accurately
  let totalSyllables = 0;
  words.forEach(word => {
    totalSyllables += countSyllables(word);
  });
  
  const avgWordsPerSentence = words.length / sentences.length;
  const avgSyllablesPerWord = totalSyllables / words.length;
  
  // Flesch Reading Ease Formula
  let score = 206.835 - (1.015 * avgWordsPerSentence) - (84.6 * avgSyllablesPerWord);
  
  // Clamp to 0-100
  score = Math.max(0, Math.min(100, Math.round(score)));
  
  return score;
}

function countSyllables(word) {
  word = word.toLowerCase().replace(/[^a-z]/g, '');
  if (word.length <= 2) return 1;
  
  // Handle special endings
  word = word.replace(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, '');
  word = word.replace(/^y/, '');
  
  // Count vowel groups
  const matches = word.match(/[aeiouy]{1,2}/g);
  let count = matches ? matches.length : 1;
  
  // Ensure minimum 1 syllable
  return Math.max(1, count);
}

// ============================================
// IMPROVED DUPLICATE CHECKER
// ============================================
function checkDuplicate(text) {
  if (!text || text.trim().length < 100) return 0;
  
  let dupScore = 0;
  const lowerText = text.toLowerCase();
  
  // 1. EXACT SENTENCE REPETITION (40% weight)
  const sentences = lowerText.split(/[.!?]+/)
    .map(s => s.trim().replace(/\s+/g, ' '))
    .filter(s => s.length > 40 && s.split(' ').length > 6);
  
  if (sentences.length > 0) {
    const sentenceSet = new Set();
    let duplicateSentences = 0;
    
    sentences.forEach(sentence => {
      if (sentenceSet.has(sentence)) {
        duplicateSentences++;
      }
      sentenceSet.add(sentence);
    });
    
    dupScore += Math.round((duplicateSentences / sentences.length) * 40);
  }
  
  // 2. REPEATED PHRASES (4-6 words) (30% weight)
  const words = lowerText.split(/\s+/).filter(w => w.length > 2);
  
  if (words.length >= 20) {
    const phraseMap = {};
    
    // Check 5-word phrases
    for (let i = 0; i < words.length - 4; i++) {
      const phrase = words.slice(i, i + 5).join(' ');
      // Skip if phrase contains common filler
      if (!phrase.match(/^(the|and|but|for|with|this|that|from|have|will)/)) {
        phraseMap[phrase] = (phraseMap[phrase] || 0) + 1;
      }
    }
    
    let repeatedPhrases = 0;
    Object.values(phraseMap).forEach(count => {
      if (count >= 2) repeatedPhrases += (count - 1);
    });
    
    const repeatRatio = repeatedPhrases / (words.length / 5);
    dupScore += Math.min(Math.round(repeatRatio * 100), 30);
  }
  
  // 3. PARAGRAPH SIMILARITY (30% weight)
  const paragraphs = text.split(/\n\s*\n/)
    .map(p => p.trim().toLowerCase())
    .filter(p => p.length > 100);
  
  if (paragraphs.length >= 2) {
    let similarParas = 0;
    
    for (let i = 0; i < paragraphs.length; i++) {
      for (let j = i + 1; j < paragraphs.length; j++) {
        const similarity = calculateSimilarity(paragraphs[i], paragraphs[j]);
        if (similarity > 0.7) similarParas++;
      }
    }
    
    if (similarParas > 0) {
      dupScore += Math.min(similarParas * 15, 30);
    }
  }
  
  return Math.min(Math.round(dupScore), 100);
}

// Calculate text similarity (Jaccard)
function calculateSimilarity(text1, text2) {
  const words1 = new Set(text1.split(/\s+/).filter(w => w.length > 3));
  const words2 = new Set(text2.split(/\s+/).filter(w => w.length > 3));
  
  const intersection = new Set([...words1].filter(x => words2.has(x)));
  const union = new Set([...words1, ...words2]);
  
  return union.size > 0 ? intersection.size / union.size : 0;
}

// ============================================
// DISPLAY RESULTS
// ============================================
function displayQualityBox(elementId, aiScore, readScore, dupScore) {
  // AI Label & Class
  let aiLabel, aiClass;
  if (aiScore <= 15) {
    aiLabel = 'Human';
    aiClass = 'qv-green';
  } else if (aiScore <= 40) {
    aiLabel = 'Mixed';
    aiClass = 'qv-yellow';
  } else {
    aiLabel = 'AI';
    aiClass = 'qv-red';
  }
  
  // Readability Label & Class
  let readLabel, readClass;
  if (readScore >= 60) {
    readLabel = 'Good';
    readClass = 'qv-green';
  } else if (readScore >= 40) {
    readLabel = 'Avg';
    readClass = 'qv-yellow';
  } else {
    readLabel = 'Poor';
    readClass = 'qv-red';
  }
  
  // Duplicate Label & Class
  let dupLabel, dupClass;
  if (dupScore <= 10) {
    dupLabel = 'Unique';
    dupClass = 'qv-green';
  } else if (dupScore <= 25) {
    dupLabel = 'Review';
    dupClass = 'qv-yellow';
  } else {
    dupLabel = 'Copied';
    dupClass = 'qv-red';
  }
  
  const html = `
    <div class="quality-row">
      <span class="quality-row-label">AI</span>
      <span class="quality-row-value ${aiClass}">${aiScore}% ${aiLabel}</span>
    </div>
    <div class="quality-row">
      <span class="quality-row-label">Readability</span>
      <span class="quality-row-value ${readClass}">${readScore} ${readLabel}</span>
    </div>
    <div class="quality-row">
      <span class="quality-row-label">Duplicate</span>
      <span class="quality-row-value ${dupClass}">${dupScore}% ${dupLabel}</span>
    </div>
  `;
  
  document.getElementById(elementId).innerHTML = html;
}

// ============================================
// STRIP HTML TAGS
// ============================================
function stripHtml(html) {
  const tmp = document.createElement('div');
  tmp.innerHTML = html;
  return tmp.textContent || tmp.innerText || '';
}

// ============================================
// AUTO RUN ON PAGE LOAD
// ============================================
document.addEventListener('DOMContentLoaded', function() {
  var contentElements = document.querySelectorAll('textarea[id^="content-text-"]');
  
  contentElements.forEach(function(element, index) {
    var idMatch = element.id.match(/content-text-(\d+)/);
    
    if (idMatch) {
      var contentId = idMatch[1];
      var rawContent = element.value || element.textContent || '';
      var contentText = stripHtml(rawContent);
      
      setTimeout(function() {
        var aiScore = detectAIContent(contentText);
        var readScore = calculateReadability(contentText);
        var dupScore = checkDuplicate(contentText);
        
        displayQualityBox('quality-box-' + contentId, aiScore, readScore, dupScore);
      }, index * 150);
    }
  });
});

// ============================================
// EXISTING FUNCTIONS
// ============================================
function getrow(rid){ 
  $("#rowid").val(rid);
  var remark_txt = $("#remarkrow_"+rid).val();   
  $('#remark').val(remark_txt);  
}

function save_remark(){  
  var rowid = $('#rowid').val();
  var remark =$('#remark').val();
  var BASE_URL = $("#urlBase").val(); 
  $(".fill_err").remove(); 
  var is_err = 0;
    
  if(remark == ""){ 
      $("#remark").after("<span style='color:red;margin-top:6px;display:block;font-size:13px;' class='fill_err'>Enter remark</span>").focus(); is_err = 1;
  }

  if(is_err == 0){  
    var form_data = new FormData();                   
    form_data.append('rowid', rowid);
    form_data.append('remark', remark);  
    $.ajax({
      url: BASE_URL+'/admin/content/admin/remarks',  
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      dataType: 'json',  
      processData: false,
      cache:false,
      data: form_data,
      contentType:false,                         
      type: 'post',
      success: function(obj_res){ 
          if(obj_res.result == "true") {
            $("#res_msg").html(obj_res.message);  
            window.location.reload();
          }
      },
      error: function (response) {
          console.log(response);
      }
    });
  }
}

function go_filter(){
  var cnt_nm = $("#cnt_nm").val(); 
  var cat_nm = $("#cat_nm").val(); 
  var ctn_title = $("#ctn_title").val(); 
  var is_approve = $("#is_approve").val();  
  var baseUrl = window.location.origin;
  if(is_approve == 1){
    $("#c_for").html("Approved Contents");
    window.location.href = baseUrl+'/admin/content/index?nm='+cnt_nm+'&title='+ctn_title+'&cat='+cat_nm+'&approve=1';   
  }
  else { 
    $("#c_for").html("All Contents");
    window.location.href = baseUrl+'/admin/content/index?nm='+cnt_nm+'&title='+ctn_title+'&cat='+cat_nm;   
  }
}

$('#ctn_title').on('keypress', function(e) { 
    if (e.which === 13) { 
        e.preventDefault(); 
        go_filter(); 
    }
});

function for_approved(){
  $("#is_approve").val(1); 
  go_filter();
}

function all_data(){  
  $("#is_approve").val(0);
  go_filter();
}
</script>

@stop