@extends('template')


@section('page-title') {{$questionSet->title}} @endsection

@section('tag-title') Completion @endsection

@section('page-sub-title')

@endsection

@section('main-content')
        <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-8">
                            <div class="row">
                                <div class="col-sm-4 mb-3">
                                    <label class="top-info-label">Checklist</label>
                                    <div class="top-info">{{$questionSet->title}}</div>
                                </div>
                                <div class="col-sm-2 mb-3">
                                    <label class="top-info-label">Status</label>
                                    <div class="top-info">{!! $questionSetJob->getStatus() !!}</div>
                                </div>

                                <div class="col-sm-4 mb-3">
                                    <label class="top-info-label">Completed by</label>
                                    <div class="top-info">{{$questionSetJob->user->firstname. ' '.$questionSetJob->user->lastname }} ({{$questionSetJob->user->email}})</div>
                                 
                                </div>

                                <div class="col-sm-2 mb-3">
                                    <label class="top-info-label">Location</label>
                                    <div class="top-info">{{$questionSetJob->location->name}}</div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-3 mb-3">
                                    <label class="top-info-label">Score</label>
                                    <div class="top-info">{{$questionSetJob->getScore()}} ({{$questionSetJob->getScorePercentText()}})</div>
                                </div>

                                <div class="col-sm-3 mb-3">
                                    <label class="top-info-label">Start at</label>
                                    <div class="top-info">{{date('d/m/Y H:i', strtotime($questionSetJob->start_at))}}</div>
                                </div>

                                @if($questionSetJob->end_at)
                                    <div class="col-sm-2 mb-3">
                                        <label class="top-info-label">Finished at</label>
                                        <div class="top-info">{{date('d/m/Y H:i', strtotime($questionSetJob->end_at))}}</div>
                                    </div>

                                    <div class="col-sm-2 mb-3">
                                        <label class="top-info-label">Duration</label>
                                        <div class="top-info">{{$questionSetJob->getDuration()}}</div>
                                    </div>
                                   
                                @endif
                                @if($questionSetJob->finished_at)
                                    <div class="col-sm-2 mb-3">
                                        <label class="top-info-label">Completed Duration</label>
                                        <div class="top-info">{{$questionSetJob->getDurationBeforeFinished()}}</div>
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="col-sm-4" style="text-align: right">
                            @if(in_array($questionSetJob->status_id, QuestionSetJob::PROCESSING_STATUTES))
                                <a  href="{{url('checklists/'.$questionSetJob->question_set_id.'/process/'.$questionSetJob->id)}}" class="btn btn-success action-btn">Continue</a>
                                <a href-redirect="{{url('checklist-job/closed')}}" data-msg-success="Successfully rejected" data-msg="Do you want to reject this checklist completion?"  href="{{url('checklist-job/reject'.$questionSetJob->id)}}" class="btn btn-danger action-btn ml-2 btn-remove-record">Rejected</a>
                            @else
                                <a  href="{{url('checklist-job/reporting/'.$questionSetJob->id)}}" class="btn btn-primary text-white action-btn mr-2">Show  reporting</a>
                                <!--a id="btn-share" class="btn btn-primary action-btn text-white">Share</a-->
                                <a href="mailto:?subject=Watch%20this%20checklist%20report&body=here%20is%20the%20link%20%20: {{ url()->current() }}" target="_blank" class="btn btn-primary action-btn text-white">
                                    Share
                                </a>
                                <a id="btn-print" onclick="window.print()"  class="btn btn-secondary text-white action-btn ml-2">Print</a>
                                
                                @if($questionSetJob->is_finished==0)

                                    <a href="" id="btn-finished"  data-href="{{url('checklist-job-finished')}}" data-id="{{$questionSetJob->id}}" class="btn btn-success text-white action-btn ml-2">Finished</a>
                                @else
                                    <a href="" id="btn-finished"  data-href="{{url('checklist-job-finished')}}" data-id="{{$questionSetJob->id}}" class="btn btn-warning text-white action-btn ml-2 disabled">Finished</a>
                                @endif
                            @endif
                        </div>
                    </div>
                    
                    <div class="rating-list mt-3">

                        @if($rating = $questionSetJob->getDecision())
                            <div class="item main">
                                <div class="item-title"><i class="fa fa-info-circle"></i> Overall rating</div>
                                @if($rating)<span class="rating-badge" style="background-color: {{$rating->color}}">{{$rating->label}}</span>@endif
                            </div>
                        @endif

                        @foreach($ratingFamilies as $ratingFamily)