@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" style="min-height: 625px">
            <div class="ibox-content forum-container h-100">
            <div class="col-lg-12">
                <div class="forum-title">
                    <h3 class="text-primary">{{ config('tools.A1')}}</h3>
                    {{ Breadcrumbs::render('tools.selfAssessment' ) }}
                   <hr>
                    <div class="row">
                        <div class="bd-example">
                          <div class="pull-right forum-desc"> 
                            @if($complete_status == 0)
                              <div class="align-item-right"><button class="btn btn-primary btn-sm btn-rounded px-3 mb-3" id="btn-new-assesment">Create New Assessment </button></div>
                            @endif
                        </div>
                        
                            <table class="table table-responsive table-bordered">
                                <thead>
                                    <th>#</th>
                                    <th>Date</th>
                                    <th width="15%" class="text-center"></th>
                                    <th width="15%" class="text-center"></th>
                                    <th width="auto" class="text-center"></th>
                                </thead>
                                <tbody>
                                    @foreach( $evaluation_list as $key=> $list)
                                        <tr>
                                            <td scope="row" width="5%">{{ $key+1 }}</td>
                                            <td>
                                                {{ \App\Helpers\Helper::formatDateTime($list->date_time_started) }}
                                            </td>
                                            <td class="text-center">
                                                @if($list->status_id == 2)
                                                    <a target="_blank" class="text-primary" href="{{url('report/createPDF?evaluation='.\App\Helpers\Helper::encriptId($list->evaluation_id))}}" >Report</a>
                                                @else
                                                <a class="text-primary" href="{{url('focus-area')}}"><i class="fa fa-arrow-right"></i> Continue</a>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <a class="text-primary" href="{{ url('report/compaire-evaluation?evaluation='.\App\Helpers\Helper::encriptId($list->evaluation_id)) }}">Chart</a>
                                            </td>
                                            <td class="text-center">
                                              <a data-id="{{$list->evaluation_id}}" class="text-primary delete-assessment" href="#"><i class="fa fa-trash"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                          
                            </table>
                          </div>
                    </div> 
                </div>
                {{-- @include('report/reportview') --}}
            </div>  
            </div>
          </div>                 
          </div>
        </div>
        @include('includes.confirmation_popup')
@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", ".delete-assessment", function (e) {
        var data_id= $(this).attr('data-id');
        $('.confirmation-modal').modal('show');
        $(document).on("click", ".delete-confirmation", function (e) {
            $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden"></span> Deleting...')
            $.ajaxSetup({
               headers: {
                   'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
               }
           });   
           e.preventDefault();
           $.ajax({
               data:{evaluation_id: data_id},
               url: APP_URL + "/tools/self-assessment/delete-assessment",
               type: "POST",
               dataType:"json",
               beforeSend: function(){},
               success: function(result) {
                   location.reload()
               },
               error:function (response){},
               complete:function(data){}
           });
        });
    });

    
    $(document).on("click", "#btn-new-assesment", function (e) {
      $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden"></span> Create New Assesment')
       $.ajaxSetup({
               headers: {
                   'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
               }
           });   
           e.preventDefault();
           $.ajax({
               data:{},
               url: APP_URL + "/evaluation/storeEvaluationByMember",
               type: "POST",
               dataType:"json",
               beforeSend: function(){},
               success: function(result) {
                   window.location.href=APP_URL + "/focus-area";
               },
               error:function (response){},
               complete:function(data){}
           });
    });
  });
</script>