@php
$serverOrigin = $_SERVER['HTTP_ORIGIN'];
$id = $cand->id;

$awarenessFirst = '';
$awarenessSecond = '';
$awarenessThird = '';

if ($cand->selfAwareness != '') {
    $rsD = json_decode($cand->selfAwareness, true);
    $awarenessFirst = $rsD[0];
    $awarenessSecond = $rsD[1];
    $awarenessThird = $rsD[2];
}

@endphp
<style type="text/css">
.text-center {
    text-align: center !important;
}
.inboxDivHead {
    background-color: #f0f3f7;
    padding:20px;
    box-shadow:rgb(34 34 34) -2px 3px 6px -6px
}
.rowCus {
    width: 100%;
	margin-bottom: 20px;
    /*padding:20px;
    padding-bottom:0px;
    box-shadow:rgb(34 34 34) -2px 3px 6px -6px;*/
}
.rowCusSub {
    width: 100%;
	margin-bottom: 20px;
	border: solid 1px rgb(34 34 34);
    padding: 20px;
    border-radius: 4px;
    /*padding:20px;
    padding-bottom:0px;
    box-shadow:rgb(34 34 34) -2px 3px 6px -6px;*/
}
.rowMarg {
    margin: 0;
    margin-bottom: -10px;
}
.evalName {
	padding: 20px !important;
    font-size: 20px !important;
}
.cardSubHeadPDF {
	padding-bottom: 0px !important;
}
.warnName {
	padding: 15px !important;
    font-size: 15px !important;
}
</style>
<div class="card card-custom card-stretch">
<div class="card-header align-items-center flex-wrap justify-content-between py-5 h-auto">
    <div class="d-flex align-items-center my-2">
        <a href="#" class="btn btn-clean btn-icon btn-sm mr-6" data-inbox="back">
            <i class="flaticon2-left-arrow-1"></i>
        </a>
    </div>
</div>
<div class="modal fade modCust" id="selfAawareness" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="selfAawareness" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content" style="width:700px;">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel2">Add Self Awareness Notes</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i aria-hidden="true" class="ki ki-close"></i>
                </button>
            </div>
            <div class="modal-body">
                <form id="addAwarenessForm">
                    <input type="hidden" value="{{$id}}" id="idResponse" name="idResponse">
                    <div class="form-group">
                        <label>Reflect on the DC today, what do you think are the criteria we observed and measured?</label>
                        <textarea style="height:150px;resize:none;" class="form-control" name="awarenessFirst" id="awarenessFirst" >{{$awarenessFirst}}</textarea>
                    </div>
                    <div class="form-group">
                        <label>How will you rate your DC performance? Why did you select this rating?</label>
                        <textarea style="height:150px;resize:none;" class="form-control" name="awarenessSecond" id="awarenessSecond" >{{$awarenessSecond}}</textarea>
                    </div>
                    <div class="form-group">
                        <label>If you were given the oppurtinity to take the DC again, what will you do differently? Why?</label>
                        <textarea style="height:150px;resize:none;" class="form-control" name="awarenessThird" id="awarenessThird" >{{$awarenessThird}}</textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light-danger font-weight-bold" data-dismiss="modal">Close</button>
                <button type="button" id="updateAwareness" class="btn btn-primary font-weight-bold">Submit</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery('#updateAwareness').click(function() {
        KTApp.block('#selfAawareness', {});
        var data = jQuery('#addAwarenessForm').serialize();
        var form = $('#addAwarenessForm')[0]; 
        var formData = new FormData(form);
        jQuery.ajax({
            url: "public/updateAwareness",
            data: formData,
            type: 'POST',
            processData: false, 
            contentType: false,
            success: function(data) {
                var obj = JSON.parse(data);
                Swal.fire({
                    icon: 'success',
                    title: 'Updated',
                    text: obj['content'],
                }).then(function() {
                    KTApp.unblock('#selfAawareness');
                    jQuery('#selfAawareness').modal('hide');
                    jQuery('.spinnerPrint').show();
                    jQuery('.printThis').hide();
                    jQuery(".mb-3-data").load('/pdfReportsData/-0', function(data){
                        var id = jQuery('#idResponse').val();
                        jQuery.post('/public/savePDFReport', {id:id, data:data}, function(dar) {
                            jQuery('.spinnerPrint').hide();
                            jQuery('.printThis').show();
                        });
                    });
                });
            }
        });
    });
</script>
<div class="card-body p-0" style="overflow:hidden;">
    <div class="d-flex align-items-center justify-content-between flex-wrap card-spacer-x py-5">
        <div class="d-flex align-items-center mr-2 py-2">
            <div class="font-weight-bold font-size-h3 mr-3">{{$cand->candidate_name}}</div>
            <span class="label label-light-primary font-weight-bold label-inline mr-2">{{$cand->role}}</span>
            @if ($cand->role_assessed != '')
                <span class="label label-light-danger font-weight-bold label-inline">{{$cand->role_assessed}}</span>
            @endif
        </div>
        <div class="d-flex py-2">
            @if($build->assestmentBody == 1)
                <a class="btn btn-default btn-sm btn-icon awarenessBtn dtoggle" data-toggle="modal" data-target="#selfAawareness" data-card-tool="toggle" data-placement="top" title="Add Awareness Notes">
                    <i class="far fa-list-alt"></i>
                </a>
            @endif
            &nbsp;&nbsp;&nbsp;
            <a class="btn btn-default btn-sm btn-icon printThis dtoggle" style="display:none" data-card-tool="toggle" data-toggle="tooltip" data-placement="top" title="Export to PDF">
                <i class="fas fa-file-pdf"></i>
            </a>
            <div class="spinner spinner-track spinner-success mr-15 spinnerPrint"></div>
        </div>
    </div>
    <div class="mb-3">
        <div class="inboxDiv">
            <div class="row inboxDivHead">
                <div class="col-md-4">
                    <div class="subComp">
                        <h3 class="card-label">Competencies</h3>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="subComp">
                        <h3 class="card-label">Target Score</h3>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="subComp">
                        <h3 class="card-label">Overall Score</h3>
                    </div>
                </div>
            </div>
            @if (empty($resEvalComps))
                <div style="width:100%;padding:20px">
                    <center>
                        <h1>No Data To Show</h1>
                    </center>
                </div>
                <script type="text/javascript">
                    setTimeout(function () {
                        jQuery('.spinnerPrint').hide();
                    }, 1000);
                </script>
            @else
            <script type="text/javascript">
                setTimeout(function () {
                    jQuery(".mb-3-data").load('/pdfReportsData/-0', function(data){
                        var id = jQuery('#idResponse').val();
                        jQuery.post('/public/savePDFReport', {id:id, data:data}, function(dar) {
                            jQuery('.spinnerPrint').hide();
                            jQuery('.printThis').show();
                        });
                    });
                }, 1000);
            </script>
                @foreach($comps as $compData)
                    @if(in_array($compData->type, $resEvalComps))
                        <div class="cursor-pointer shadow-xs toggle-off" data-inbox="message">
                            <div class="d-flex card-spacer-x py-6 flex-column flex-md-row flex-lg-column flex-xxl-row justify-content-between" style="padding-bottom:0px!important;">
                                <div class="row rowCus">
                                    <div class="col-md-4">
                                        <div class="subComp">
                                            <span class="font-size-lg font-weight-bolder text-dark-75 text-hover-primary mr-2">
                                                {{$compData->title}}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row rowMarg">
                                            <div class="col-md-2" style="padding-top:10px">
                                                <h5>{{$compData->target_score}}/{{$compData->totalStars}}</h5>
                                            </div>
                                            <div class="col-md-10">
                                                <p>
                                                    <div class="placeholder" style="color: #B5B5C3;">
                                                        @for($iCountStar = 1; $iCountStar <= $compData->totalStars; $iCountStar++)
                                                            <i class="far fa-star"></i>
                                                        @endfor
                                                    </div>
                                                    <div class="overlay" style="position: relative;top: -20px;">
                                                        @php $targetScore = $compData->target_score @endphp
                                                        @while($targetScore>0)
                                                                <i class="fas fa-star" style="color:#ffc107"></i>
                                                            @php 
                                                                $targetScore--; 
                                                            @endphp
                                                        @endwhile
                                                    </div> 
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="row rowMarg">
                                            @php
                                                // if (empty($getEvaluator)) {
                                                //     $average = 0;
                                                // }
                                                // else {
                                                //     if (isset($getEvaluator[$compData->type])) {
                                                //         foreach ($getEvaluator[$compData->type] as $key => $value) {
                                                //             $getEvaluator[$compData->type][$key] = (($value == 0)?$value:$compData->totalStars);
                                                //         }
                                                //         $average = array_sum($getEvaluator[$compData->type])/count($getEvaluator[$compData->type]);
                                                //     }
                                                //     else {
                                                //         $average = 0;
                                                //     }
                                                // }

                                                if (empty($getEvaluator)) {
                                                    $average = 0;
                                                    $newAve = 0;
                                                }
                                                else {
                                                    if (isset($getEvaluator[$compData->type])) {
                                                        foreach ($getEvaluator[$compData->type] as $key => $value) {
                                                            $getEvaluator[$compData->type][$key] = (($value == 0)?$value:$compData->totalStars);
                                                        }
                                                        // $average = array_sum($getEvaluator[$compData->type])/count($getEvaluator[$compData->type]);
                                                        $newAverageFIlter = array_filter($evalutarHeadRaw[$compData->type]);
                                                        $average = count($newAverageFIlter);
                                                        $percentInDecimal = $cand->talegentWeigh / 100;
                                                        $newTgscore = $percentInDecimal * $compData->tgScore;
                                                        $newTgWeigh = 100 - $cand->talegentWeigh;
                                                        $percentInDecimal2 = $newTgWeigh / 100;
                                                        $newAverage = $percentInDecimal2 * $average;
                                                        $newAve =  $newTgscore+$newAverage;
                                                    }
                                                    else {
                                                        $newAve = 0;
                                                    }
                                                }

                                                $numFormAve = number_format($newAve, 2);
                                                $totalAve = str_replace('.00', '', $numFormAve);
                                            @endphp
                                            <div class="col-md-2" style="padding-top:10px">
                                                <h5>{{$totalAve}}/{{$compData->totalStars}}</h5>
                                            </div>
                                            <div class="col-md-10">
                                                <p>
                                                    <div class="placeholder" style="color: #B5B5C3;">
                                                        @for($iCountStar = 1; $iCountStar <= $compData->totalStars; $iCountStar++)
                                                            <i class="far fa-star"></i>
                                                        @endfor
                                                    </div>
                                                    <div class="overlay" style="position: relative;top: -20px;">
                                                        @while($totalAve>0)
                                                            @if($totalAve >0.5)
                                                                <i class="fas fa-star" style="color:#ffc107"></i>
                                                            @else
                                                                <i class="fas fa-star-half" style="color:#ffc107"></i>
                                                            @endif
                                                            @php 
                                                                $totalAve--; 
                                                            @endphp
                                                        @endwhile
                                                    </div> 
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-spacer-x py-3 toggle-off-item">
                                <div class="d-block">
                                    <div class="text-dark-50" style="font-size:20px;margin-right:15px;">
                                        Evaluators: 
                                        <span class="warnName label label-warning label-inline font-size-lg font-weight-bolder">
                                            Note: To edit the evaluator, just click the name of the evaluator you want to edit.
                                        </span>
                                    </div>
                                    <hr>
                                    @foreach($getEvaluators as $evalData)
                                        <div class="row rowCusSub">
                                            <div class="col-md-4">
                                                <div class="subComp">
                                                    <a data="{{$evalData->id}}" class="evalName label label-primary label-inline font-size-lg font-weight-bolder">
                                                        {{$evalData->lname.', '.$evalData->fname}}
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="row rowMarg">
                                                    @php
                                                        if (empty($rsEvalArray)) {
                                                            $ResAverage = 0;
                                                        }
                                                        else {
                                                            $ResAverage = 0;
                                                            if (isset($rsEvalArray[$evalData->id][$compData->type]['head'])) {
                                                                $getEvalSubVal = $rsEvalArray[$evalData->id][$compData->type]['head'];
                                                                if (isset($getEvalSubVal)) {
                                                                    foreach ($getEvalSubVal as $key => $value) {
                                                                        $getEvalSubVal[$key] = (($value == 0)?$value:$compData->totalStars);
                                                                    }
                                                                    $ResAverage = array_sum($getEvalSubVal)/count($getEvalSubVal);
                                                                }
                                                                else {
                                                                    $ResAverage = 0;
                                                                }
                                                            }
                                                        }
                                                        $numForm = number_format($ResAverage, 2);
                                                        $totalRes = str_replace('.00', '', $numForm);
                                                    @endphp
                                                    <div class="col-md-4" style="padding-top:10px">
                                                        <h5>Evaluator Overall Score: {{$totalRes}}/{{$compData->totalStars}}</h5>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <p>
                                                            <div class="placeholder" style="color: #B5B5C3;">
                                                                @for($iCountStar = 1; $iCountStar <= $compData->totalStars; $iCountStar++)
                                                                    <i class="far fa-star"></i>
                                                                @endfor
                                                            </div>
                                                            <div class="overlay" style="position: relative;top: -20px;">
                                                                @while($ResAverage>0)
                                                                    @if($ResAverage >0.5)
                                                                        <i class="fas fa-star" style="color:#ffc107"></i>
                                                                    @else
                                                                        <i class="fas fa-star-half" style="color:#ffc107"></i>
                                                                    @endif
                                                                    @php 
                                                                        $ResAverage--; 
                                                                    @endphp
                                                                @endwhile
                                                            </div> 
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <center>Comments</center>
                                                @php
                                                    $compDataValFooter = ((isset($compData->dataFooter))?$compData->dataFooter:'');
                                                    $jsDecFoot = json_decode($compDataValFooter, true);
                                                    if (isset($rsEvalArray[$evalData->id][$compData->type]['foot'])) {
                                                        $rsEvalRaw = $rsEvalArray[$evalData->id][$compData->type]['foot'];
                                                        $evalDataFooter = json_decode($rsEvalRaw, true);
                                                        print '<div class="card-footer" style="padding:0;">
                                                            <div class="row" style="margin:0">';

                                                                switch ($compData->totalComments) {
                                                                    case '1':
                                                                            $col = 'col-md-12';
                                                                        break;
                                                                    case '2':
                                                                            $col = 'col-md-6';
                                                                        break;
                                                                    case '3':
                                                                            $col = 'col-md-4';
                                                                        break;
                                                                }

                                                                for ($i=0; $i < $compData->totalComments; $i++) {
                                                                    $footData = isset($evalDataFooter[$i])?$evalDataFooter[$i]:'';
                                                                    $jsDecKey = isset($jsDecFoot[$i])?$jsDecFoot[$i]:'Comment '.($i+1);
                                                                    print '<div class="'.$col.'" style="padding:0">
                                                                        <div class="card" style="border-radius:0">
                                                                            <div class="card-body cardSubHeadPDF border-right border-left">
                                                                                <center>
                                                                                    <p><h2><b>'.$jsDecKey.'</b></h2></p>
                                                                                </center>
                                                                            </div>
                                                                            <div class="card-body" style="height:250px;">
                                                                                <textarea class="form-control" style="height:100%;resize:none;" disabled>'.$footData.'</textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>';
                                                                }
                                                        print '</div>
                                                            </div>';
                                                    }
                                                @endphp
                                            </div>
                                        </div>
                                    @endforeach         
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            @endif
        </div>
    </div>
</div>
</div>
<div class="mb-3-data" style="display:none"></div>  
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.dtoggle').tooltip();
	jQuery('.evalName').click(function(e) {
		e.preventDefault();
		var data = jQuery(this).attr('data');
		var res = '.messageRes_'+data;
		jQuery('#responsesTabBtn').click();
		setTimeout(function() {
			jQuery(res).click();
		}, 1500);

	});

	jQuery('.printThis').click(function(e) {
		e.preventDefault();
		var id = jQuery('#idResponse').val();
		window.open('/public/PDFViewer?id='+id+'&tp='+1, '_blank');
	});

});
</script>