@extends('adminlte::page')

@section('title', 'SEO Task Manager')

@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">Task Manager</h1>
      <div class="d-flex gap-2">
        @php 
          $isshow_btn = "block";
          if(Auth::user()->role == 2 and (Auth::user()->user_type == 3 or Auth::user()->user_type == 2)){ $isshow_btn = "none"; }
        @endphp
        @if(Auth::user()->role == 1 or Auth::user()->role == 3)<a href="{{ route('content.common.dash') }}" style="display:;margin-right:10px;" class="btn btn-secondary">
            Common Task Manager
        </a>@endif
        @if($role == 1 or $role == 3)<a href="{{ route('task.seo.add') }}" class="btn btn-success" style="margin-right:10px;">
            + Create Self Task
        </a>
        <a href="{{ route('assign-task.seo.add') }}" class="btn btn-warning" style="margin-right:10px;">
            + Create Assign Task
        </a>@endif
        {{--@if(Auth::user()->role == 1)<a href="{{ route('seo-task.reports') }}" style="background-color: #58e3e1;border-color: #58e3e1;margin-right:10px;" class="btn btn-info me-2">Report</a>@endif--}}
      </div>
  </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 Task Manager</li>
                        </ol>
                    </nav>
                </div>
                @php $pnm = ""; $title = ""; $wnm = ""; $cnm = ""; $uType="" @endphp
                @if(request()->has('pnm'))
                  @php $pnm = request('pnm'); @endphp
                @endif

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

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

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

                <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="uType" id="uType" onchange="updt_user(this.id);" class="form-control col-md-12 mb-12">
                      <option value=""> - select usertype -</option>
                      <option value="1" @if($uType == 1) selected @endif>SEO</option>
                      <option value="2" @if($uType == 2) selected @endif>Social Media</option>
                      <option value="3" @if($uType == 3) selected @endif>Graphic Designer</option>
                      <option value="4" @if($uType == 4) selected @endif>Designer</option>
                      <option value="5" @if($uType == 5) selected @endif>Developer</option>
                  </select>
                </div>

                <div class="col-md-2 float-left" @if($role == 2) style="display:none;"@endif>
                  <select name="cnt_writer" id="cnt_writer" onchange="data_filter();" class="form-control col-md-12 mb-12">
                      <option value="">- select user -</option>
                      {{--@if(Auth::user()->role == 1)<option value="1" @if($wnm == 1) selected @endif>Admin</option>@endif
                      @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">
                  <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>Assignor</th>
                          <th>Assign To</th>
                          <th>Title</th>
                          <th>Category</th>
                          <th>Assign Type</th>
                          <th>Status</th>
                          <th>Created At</th>
                          <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                      @php $i= 1; 

                      $seoTaskStatus = [
                          0 => '<span class="text-secondary fw-bold">Pending</span>',
                          1 => '<span class="text-success fw-bold">Completed</span>',
                          2 => '<span class="text-primary fw-bold">Approved</span>',
                          3 => '<span class="text-info fw-bold">In Progress</span>',
                          4 => '<span class="text-warning fw-bold">Review</span>',
                          5 => '<span class="text-danger fw-bold">On Hold</span>',
                          6 => '<span class="text-dark fw-bold">Revision Needed</span>',
                      ];

                      $seoSelfCat = [
                          1 => 'On-Page SEO',
                          2 => 'Off-Page SEO',
                          3 => 'Technical SEO',
                          4 => 'Content',
                          5 => 'Analytics',
                          6 => 'Miscellaneous',
                          7 => 'Not Defined',
                      ];
                      @endphp
                      @foreach($content as $value) 
                          <tr>
                              <td style="width:1%">{{$i}}.</td>
                              <td style="width:1%">{{$value->project_nm}}</td>
                              <td style="width:3%">@if($role == 2 and $user_type == 3) @if($value->assign_to == $loginid) {{$value->assignor->name ?? ''}} @else {{$value->assignee->name ?? ''}} @endif @else {{$value->assignor->name ?? ''}}@endif</td>
                              <td style="width:3%">@if($role == 2 and $user_type == 3) @if($value->assign_to == $loginid) {{$value->assignee->name ?? ''}} @else {{$value->reassignee->name ?? ''}} @endif @else {{$value->assignee->name ?? ''}} @endif</td>
                              <td style="width:10%">{{$value->title}}</td>
                              <td style="width:10%">
                                @if($value->assign_to == $value->createdby) 
                                  {!! $seoSelfCat[$value->seo_task_type] !!}
                                @else 
                                  @switch($value->assign_for)
                                    @case(1)     Social ({{$value->assign_task_type}})    @break
                                    @case(3)     Graphic ({{$value->assign_task_type}})    @break
                                    @case(4)     Designer ({{$value->assign_task_type}})    @break
                                    @case(5)     Developer ({{$value->assign_task_type}})    @break
                                    @default
                                    Not Defined
                                  @endswitch
                                @endif
                              </td>
                              <td style="width:10%">@if($value->assign_to == $value->createdby)<span class="text-success">Self Task</span>@else <span class="text-warning">Assign Task</span> @endif</td>
                              <td style="width:2%">
                                @if($value->assign_to == $value->createdby)
                                  @if($value->task_status == 1) <span class="text-info fw-bold">Pending</span> @elseif($value->task_status == 2) <span class="text-success fw-bold">Done</span> @else <span class="text-danger fw-bold">Rejected</span> @endif
                                @else {!!$seoTaskStatus[$value->assign_task_status]!!} @endif
                              </td>
                              <td style="width:3%">{{ date('d-M-Y',strtotime($value->created_at)) }}</td>
                              <td style="width:5%">
                                <a @if($value->assign_to == $value->createdby) href="{{ route('self.task.edit',['id'=>$value->id]) }}" @else href="{{ route('assign.task.edit',['id'=>$value->id]) }}" @endif class="btn-sm d-inline-block ml-2" role="button" aria-pressed="true"><i class="fas fa-edit text-info"></i></a> 
                                @if(Auth::user()->role == 1)
                                  <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>
                                @endif
                              </td> 
                          </tr>
                          @php $i++; @endphp
                      @endforeach
                    </tbody>
                </table>
              
            </div>
            <div class="mt-3">{!! $content->appends(request()->query())->links('pagination::bootstrap-5') !!}<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 go_filter(){
	var proNm = $("#proNm").val(); 
	var cnt_writer = $("#cnt_writer").val(); 
	var cat_nm = $("#cnt_writer").val(); 
	var uType = $("#uType").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/seo/task/manager?pnm='+proNm+'&title='+ctn_title+'&cat='+cat_nm+'&writer='+cnt_writer+'&approve=2&uType='+uType;   
  }
  else { 
    window.location.href = baseUrl+'/admin/seo/task/manager?pnm='+proNm+'&title='+ctn_title+'&cat='+cat_nm+'&writer='+cnt_writer+'&uType='+uType;   
  }
}


$('#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/common/task/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);
            }
          });
        }
    });
});


var emps = null;
var wnm = null;
function updt_user(uid){
  var uType = $("#uType").val();
  $("#cnt_writer").html("<option value=''>- select user -</option>");

  const uTypeMap = {
    1: { role: 3 },
    2: { role: 2, user_type: 3 },
    3: { role: 2, user_type: 2 },
    4: { role: 2, user_type: 5 },
    5: { role: 2, user_type: 4 }
  };

  const condition = uTypeMap[uType];

  if (condition) {
      emps.forEach(emp => {
          const matches = Object.keys(condition).every(key => emp[key] == condition[key]);
          if (matches) {
              const selected = (emp.id == wnm) ? "selected" : "";
              $("#cnt_writer").append(`<option value='${emp.id}' ${selected}>${emp.name}</option>`);
          }
      });
  }
}


$(document).ready(function () {
    updt_user();
});
</script>

@stop