@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.A3')}}</h3>
                    {{ Breadcrumbs::render('tools.leaderAssessment' ) }}
                   <hr>
                    <div class="row">
                        <div class="col mb-3"><label for="">Department/Leader</label><input type="text" id="leader_name" name="leader_name" class="form-control form-control-sm"></div>
                        <div class="col mt-4">
                            <button class="btn btn-primary btn-sm btn-rounded px-3 mb-3" id="btn-new-assesment">Create New Assessment </button>
                        </div>
                        <div class="bd-example">
                           
                            
                        
                            <table class="table table-responsive table-bordered">
                                <thead>
                                    <th>#</th>
                                    <th>Date</th>
                                    <th>Leader Name</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>{{ $list->leader_name}}</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/leader-assesment-list?evaluation_id='.\App\Helpers\Helper::encriptId($list->evaluation_id))}}"><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= $(this);
        $('.is-invalid').removeClass('is-invalid');
        $('.invalid-feedback').remove();
        $(this).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="visually-hidden"></span> Create New Assessment')
       $.ajaxSetup({
               headers: {
                   'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
               }
           });   
           e.preventDefault();
           $.ajax({
               data:{leader_name: $('#leader_name').val()},
               url: APP_URL + "/evaluation/storeEvaluationByMemberForLeader",
               type: "POST",
               dataType:"json",
               beforeSend: function(){},
               success: function(result) {
                    window.location.href=APP_URL + "/focus-area/leader-assesment-list?evaluation_id="+result.evaluation_id;
               },
               error:function (response){
                $(_this).html('Create New Assessment')
                    var obj = response.responseJSON.json;
                    $.each(obj, function(key,value) {
                      $('#'+key).addClass('is-invalid');
                      $('#'+key).after('<div class="invalid-feedback">'+value+'</div>')
                    });
               },
               complete:function(data){}
           });
    });
  });
</script>