@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">SEO Dashboard</h1>
      <a href="{{ route('content.seo.add') }}" class="btn btn-primary">
          + Create Research Task
      </a>
      @if(Auth::user()->role == 1)<a href="{{ route('seo.reports') }}" style="background-color: #58e3e1;border-color: #58e3e1;" class="btn btn-primary">Report</a>@endif
  </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">SEO Dashboard</li>
                        </ol>
                    </nav>
                </div>
                @php $pnm = ""; $title = ""; $wnm = ""; $cnm = ""; @endphp
                @if(request()->has('pnm'))
                  @php $pnm = request('pnm'); @endphp
                @endif

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

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

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

                @php 
                  $categories = [
                                        1 => 'Forums',
                                        2 => 'Blogs',
                                        3 => 'Website Content',
                                        4 => "FAQ's",
                                        5 => 'Tools',
                                        6 => 'Others',
                                        7 => 'US Blog'
                                    ];
                @endphp

                <div class="col-md-1 float-left">
                  <select name="proNm" id="proNm" class="form-control col-md-12 mb-12">
                      <option value=""> - project -</option>
                      <option value="Visament" @if($pnm == "Visament") selected @endif>Visament</option>
                      <option value="Savetaxs" @if($pnm == "Savetaxs") selected @endif>Savetaxs</option>
                      <option value="Armonia Gems" @if($pnm == "Armonia Gems") selected @endif>Armonia Gems</option>
                  </select>
                </div>

                <div class="col-md-2 float-left">
                  <select name="cnt_writer" id="cnt_writer" onchange="data_filter();" class="form-control col-md-12 mb-12">
                      <option value="">select content writer</option>
                      <option value="1" @if($wnm == 1) selected @endif>Admin</option>
                      @if(!empty($contents_person))
                        @foreach($contents_person as $cp)
                          <option value="{{$cp->id}}" @if($wnm == $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 content type</option>
                      @foreach($categories as $kk => $ct)
                          <option value="{{$kk}}" @if($cnm == $kk) selected @endif>{{$ct}}</option>
                      @endforeach
                  </select>
                </div>

                <div class="col-md-2 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-3 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 == 2) style="background-color: #007bff;border-color: #007bff;" @else style="background-color: #afbac7;border-color: #afbac7;" @endif onclick="for_approved();">Approved</a> 

                  <a href="{{ route('content.seo.rej') }}" class="btn btn-warning float-md-center ml-2">Rejected</a>
                </div>
            </div>

        </div>

        <div class="card-body">
          <div class="alert alert-success alert-dismissible" style="display:none;" id="succ_msg" role="alert">testing </div>  
          <div class="alert alert-danger alert-dismissible" style="display:none;" id="err_msg" role="alert">error</div>  
          <div class="table-responsive">
                <table class="table table-bordered w-100" id="dataTable" cellspacing="0">
                    <thead>
                        <tr>
                          <th>No.</th>
                          <th>Project</th>
                          <th>Assigned By</th>
                          <th>Content Type</th>
                          <th>Title</th>
                          <th>Primary Keywords</th>
                          <th>Writer Name</th>
                          <th>Published URL</th>
                          <th>Deadline</th>
                          <th>Created At</th>
                          <th>Status</th>
                          <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                      @php $i= 1; @endphp
                      
                      @foreach($content as $value)
                          <tr>
                              <td style="width:1%">{{$i}}.</td>
                              <td style="width:2%">{{$value->project_nm}}</td>
                              <td style="width:3%">{{$value->seo_nm->name ?? ''}}</td>
                              <td style="width:3%">NaN</td>
                              <td style="width:10%">{{$value->title}}</td>
                              <td style="width:10%">{{$value->primary_keywords}}</td>
                              <td style="width:3%">{{$value->writer_nm->name ?? ''}}</td>
                              <td style="width:5%">{{$value->published_url ?? ''}}</td>
                              <td style="width:3%">{{ date('d-M-Y',strtotime($value->deadline)) }}</td>
                              <td style="width:3%">{{ date('d-M-Y',strtotime($value->created_at)) }}</td>
                              <td style="width:2%">@if($value->published_url != null and $value->task_status == 2) <span class="text-success fw-bold">Closed</span> @else @if($value->task_status == 0) <span class="text-primary fw-bold">Assigned</span> @elseif($value->task_status == 1) <span class="text-info fw-bold">Submitted</span> @elseif($value->task_status == 2) <span class="text-secondary fw-bold">Approved</span> @else <span class="text-danger fw-bold">Rejected</span> @endif @endif</td>
                              <td style="width:5%"><a href="{{ route('content.seo.edit',['id'=>$value->id]) }}" class="btn-sm d-inline-block ml-2" role="button" aria-pressed="true"><i class="fas fa-edit text-info"></i></a> <a href="javascript:;" class="btn-sm d-inline-block ml-2 delete-btn" data-id="{{ $value->id }}" role="button" aria-pressed="true"><i class="fas fa-trash text-danger"></i></a></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')

@stop

@section('js')

<script>
function getrow(rid){ 
  $("#rowid").val(rid);
  var remark_txt = $("#remarkrow_"+rid).val();   
  $('#remark').val(remark_txt);  
}

var BASE_URL = $("#urlBase").val();
{{--function save_remark(){  
  var rowid = $('#rowid').val();
  var remark =$('#remark').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 proNm = $("#proNm").val(); 
	var cnt_writer = $("#cnt_writer").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 == 2){
    window.location.href = baseUrl+'/admin/content/seo/dash?pnm='+proNm+'&title='+ctn_title+'&cat='+cat_nm+'&writer='+cnt_writer+'&approve=2';   
  }
  else { 
    window.location.href = baseUrl+'/admin/content/seo/dash?pnm='+proNm+'&title='+ctn_title+'&cat='+cat_nm+'&writer='+cnt_writer;   
  }
}


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


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


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

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
$(document).on('click', '.delete-btn', function () {
    let id = $(this).data('id'); 

    Swal.fire({
        title: "Are you sure?",
        text: "This action cannot be undo!",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#d33",
        cancelButtonColor: "#3085d6",
        confirmButtonText: "Yes, delete it!"
    }).then((result) => {
        if (result.isConfirmed) {
          var form_data = new FormData();                   
          form_data.append('id', id);
          $.ajax({
            url: BASE_URL+'/admin/content/seo/remove',  
            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") { 
                  $("#succ_msg").css("display","block").html(obj_res.message).fadeOut(1500);
                  setTimeout(function() {
                      window.location.reload();
                  }, 1800);
                }
                else {
                  $("#err_msg").css("display","block").html(obj_res.message).fadeOut(2500);
                }
            },
            error: function (response) {
                console.log(response);
            }
          });
        }
    });
});
</script>

@stop