@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 h-100">
            <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.A8')}}</h3>
                            {{ Breadcrumbs::render('tools.businessImpact' ) }}
                            <hr>
                            <div class="row">
                                {{-- <div class="col"><h4>Event List</h4></div> --}}
                                <div class="col-auto ms-auto">
                                    <a data-id=""  href="#hrfAssesmentModal" data-bs-toggle="modal" class="createUrgencyImpactAssesment btn btn-primary btn-rounded btn-sm px-4 mb-3">Add New Assessment</a>
                                </div>
                            </div>
                            
                            <table class="table table-responsive table-bordered">
                                <thead>
                                    <th class="text-center" width="5%">#</th>
                                    <th>Date</th>
                                    <th width="20%"></th>
                                    <th width="20%"></th>
                                    <th width=""></th>
                                </thead>
                                <tbody>
                                    @foreach( $assesments as $key=> $list)
                                        <tr>
                                            <td class="text-center">{{$key + 1}}</td>
                                            <td>{{\App\Helpers\Helper::formatDate($list->created_at)}}</td>
                                            <td class="text-center"><a class="text-primary" href="{{url('tools/hrf-urgency-impact-assesment/view-assesment?id='.\App\Helpers\Helper::encriptId($list->id))}}">View</td>
                                            <td class="text-center"><a class="text-primary" href="{{url('tools/hrf-urgency-impact-assesment/view-matrix-chart?id='.\App\Helpers\Helper::encriptId($list->id))}}">View Matrix</td>
                                            <td class="text-center">
                                                <a class="text-primary" href=""><i class="fa fa-trash"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>  
                </div>
              </div>                 
          </div>
    </div>
</div>

<div class="modal" id="hrfAssesmentModal" tabindex="-1" aria-labelledby="hrfAssesmentModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered  modal-xl">
        <div class="modal-content">
            <div class="modal-body" id="hrfAssesmentModalBody">
                <div class="modal-header px-0">
                    <h5 class="modal-title text-primary">Select HR Functional Urgency Impact Assessment</h5>
                    <button type="button" class="btn-close" onclick="location.reload()" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                @include('tools.hrf_urgency_impact_assesment.assesment_form')
            </div>
        </div>
    </div>
</div>
@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", ".createUrgencyImpactAssesment", function (e) {
            // $('#hrfAssesmentModal').show();
        });

        $(document).on("click", "#saveAssesmentBtn", function (e) {
            $('.is-invalid').removeClass('is-invalid');
            $('.invalid-feedback').remove();
            e.preventDefault();
            let formData =$('#saveAssesmentForm').serialize();
            $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    data:formData,
                    url: APP_URL + "/tools/hrf-urgency-impact-assesment/save-urgency-impact-assesment",
                    type: "POST",
                    dataType: 'json',
                    success: function(result) {
                      location.reload();
                    },
                    error:function (response){
                        $('.is-invalid').removeClass('is-invalid');
                        $('.invalid-feedback').remove();
                        var obj = response.responseJSON.json;
                        $.each(obj, function(key,value) {
                            var key = key.split('.').join("");
                            $('#'+key).addClass('is-invalid');
                            $('#'+key).after('<div class="invalid-feedback">'+value+'</div>')
                        });
                    },
                    complete:function(data){
                        
                    }
                });  
        });

    });
</script>