@extends('admin.layouts.main')

@section('title')
Mystery Program Detail
@endsection

@push('pageCss')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/vendor/material-gauge.css') }}">
@endpush

@section('content')

<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec detail-page">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.mystery-programs.indexpageload', ['panel' => Session::get('panel')]) }}">{{ @trans('mystery_program.mystery_programs') }}</a></li>
                    <li class="breadcrumb-item active"><a href="{{ route('admin.mystery-programs.detail', ['panel' => Session::get('panel'), 'id' => $mp_id]) }}">{{ @trans('mystery_program.results') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('mystery_program.detail') }}</li>
                </ol>
            </nav>
            <div class="profile-detail">
                <span class="act-btn">
                    <a href="{{ route('admin.mystery-programs.detail', ['panel' => Session::get('panel'), 'id' => $mp_id]) }}" title="Back" class="btn btn-back">
                        <i class="material-icons">keyboard_arrow_left</i>
                    </a>
                </span>
                <div class="person-details">
                    <div class="about pl-3">
                        <h2 class="cndidate-name">{{ $detail->mPlus->first_name }} {{ $detail->mPlus->last_name }}</h2>
                        <div class="franchise-tags">
                            <span class="admin-tag">{{ $detail->mpClientBranch->company->name }}</span>
                            <span class="date"><i class="material-icons">date_range</i>
                                {{ \Carbon\Carbon::parse($detail->start_date)->format( config('custom.formats.date'))}}
                            </span>
                            @if($detail->status == 'rejected')
                            <span class="badge badge-pill red">{{ ucfirst($detail->status) }}</span>
                            @else
                            <span class="badge badge-pill green">{{ ucfirst($detail->status) }}</span>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="right-table-container ml-auto">
                    @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected')
                    <label class="control-label mr-2 text-right">Overall Assessment Score</label>
                    <div class="gauge-label-div mt-3 mt-md-0 ml-md-auto d-flex align-items-sm-center flex-wrap flex-column flex-sm-row">
                        <div class="gauge-container">
                            <div class="gauge gauge--liveupdate style-two" id="gauge">
                                <div class="gauge__container">
                                    <div class="gauge__background"></div>
                                    <div class="gauge__center"></div>
                                    <div class="gauge__data" style="transform: rotate(-0.5turn);"></div>
                                </div>
                            </div>
                            <p class="bold small-font-size">{{ $detail->oas }}</p>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <div class="detail-content mt-4">
				<div class="card">
                    <div class="container-fluid">
                        <div class="card-body">
                            <p class="gray  semibold">{{ $detail->mpClientBranch->clientBranch->name }}</p>
                            <hr>
                            <div class="container-fluid mt-5">
                                @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected' && isset($mpResult))
                                <div class="row">
                                    <div class="col-sm-6 col-lg-3">
                                        <div class="form-group date">
                                            <label class="control-label">{{ @trans('mystery_program.visitong_date') }}</label>
                                            <p class="display-info">{{ $mpResult->visiting_date_formatted }}</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-3">
                                        <div class="form-group time">
                                            <label class="control-label">{{ @trans('mystery_program.visiting_start_time') }}</label>
                                            <p class="display-info">{{ $mpResult->visiting_start_time_formatted }}</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-3">
                                        <div class="form-group time">
                                            <label class="control-label">{{ @trans('mystery_program.visiting_end_time') }}</label>
                                            <p class="display-info">{{ $mpResult->visiting_end_time_formatted }}</p>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-lg-3">
                                        <div class="form-group">
                                            <label class="control-label">{{ @trans('mystery_program.who_serve_you') }}?</label>
                                            @isset($mpResult->visiting_person)
                                            <p class="display-info">{{ $mpResult->visiting_person }}</p>
                                            @else
                                            <p class="display-info ml-5">-</p>
                                            @endisset
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if(count($assessmentList))
                                <div class="row">
                                    <div class="col-12">
                                        <div class="title-wrapper">
                                            <h3 class="h3 h3-title mt-2">{{ @trans('mystery_program.assessment_setails') }}</h3>
                                            <hr>
                                        </div>
                                        <div class="assessment-box">
                                            @foreach($assessmentList as $assessment)
                                            <div class="info mt-3 pl-3">
                                                <div class="row">
                                                    <div class="col-lg-3 col-sm-6">
                                                        <div class="form-group">
                                                            <label class="control-label">{{ @trans('mystery_program.pillar') }}</label>
                                                            <p class="display-info">{{ $assessment->pillar->name }}</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3 col-sm-6">
                                                        <div class="form-group">
                                                            <label class="control-label">{{ @trans('mystery_program.focus_area') }}</label>
                                                            <p class="display-info">{{ $assessment->focusArea->title   }}</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3 col-sm-6">
                                                        <div class="form-group">
                                                            <label class="control-label">{{ @trans('mystery_program.focus_detail') }}</label>
                                                            <p class="display-info">{{ $assessment->focusDetail->title }}</p>
                                                        </div>
                                                    </div>
                                                    @isset($assessment->description)
                                                    <div class="col-lg-9">
                                                        <label class="control-label">{{ @trans('mystery_program.description') }}</label>
                                                        <p class="display-info">{!! $assessment->description !!}</p>
                                                    </div>
                                                    @endisset
                                                    @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected' && isset($mpAssessmentResult))
                                                    @foreach($mpAssessmentResult as $result)
                                                        @if($result->assessment_id == $assessment->id)
                                                            <div class="col-lg-9">
                                                                <div class="form-group">
                                                                        <label class="control-label">{{ @trans('mystery_program.feedback_for') }} '{{ $assessment->focusDetail->title }}'</label>
                                                                        <p class="display-info">{{ $result->assessment_feedback }}</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <div class="form-group">
                                                                    <label class="control-label">{{ @trans('mystery_program.rate') }} '{{ $assessment->focusDetail->title }}'</label>
                                                                    <p class="display-info">{{ $result->assessment_rate }}</p>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if(count($customQuestionList))
                                <div class="row mt-3">
                                    <div class="col-12">
                                        <div class="title-wrapper">
                                            <h3 class="h3 h3-title mt-2">{{ @trans('mystery_program.custom_question') }}</h3>
                                            <hr>
                                        </div>
                                        <div class="assessment-box">
                                        @foreach($customQuestionList as $question)
                                            <div class="info mt-3 pl-3">
                                                <div class="row">
                                                    <div class="col-12 pl-5">
                                                        <label class="control-label">{{ @trans('mystery_program.question') }}</label>
                                                        <p class="">{{ $question->question }}</p>
                                                    </div>
                                                @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected' && isset($mpCustomQuestionResult))
                                                    @foreach($mpCustomQuestionResult as $result)
                                                        @if($result->custom_question_id == $question->id)
                                                            @if($question->question_type == 'radio')
                                                            <div class="col-12 pl-5">
                                                                <label class="control-label">{{ @trans('mystery_program.answer') }}</label>
                                                                <p class="display-info">@if($result->answer == '1')  Yes  @elseif($result->answer == '0') No @endif</p>
                                                            </div>
                                                            @else
                                                            <div class="col-12 pl-5">
                                                                <label class="control-label">{{ @trans('mystery_program.answer') }}</label>
                                                                <p class="display-info">{{ $result->answer }}</p>
                                                            </div>
                                                            @endif
                                                        @endif
                                                    @endforeach
                                                @endif
                                                </div>
                                            </div>
                                        @endforeach
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if(count($redFlagQuestionList))
                                <div class="row mt-3">
                                    <div class="col-12">
                                        <div class="title-wrapper">
                                            <h3 class="h3 h3-title mt-2">{{ @trans('mystery_program.red_flag_question') }}</h3>
                                            <hr>
                                        </div>
                                        <div class="assessment-box">
                                        @foreach($redFlagQuestionList as $question)
                                            <div class="info mt-3 pl-3">
                                                <div class="row">
                                                    <div class="col-12 pl-5">
                                                        <label class="control-label">{{ @trans('mystery_program.question') }}</label>
                                                        <p class="display-info">{{ $question->question }}</p>
                                                    </div>
                                                    @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected' && isset($mpCustomQuestionResult))
                                                        @foreach($mpCustomQuestionResult as $result)
                                                            @if($result->custom_question_id == $question->id)
                                                                <div class="col-12 pl-5">
                                                                    <label class="control-label">{{ @trans('mystery_program.answer') }}</label>
                                                                    <p class="display-info">@if($result->is_red_flag == '1')  Yes <i class="material-icons text-danger">warning</i>  @elseif($result->is_red_flag == '0') No @endif</p>
                                                                </div>
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if(count($starRatedQuestionList))
                                <div class="row mt-3">
                                    <div class="col-12">
                                        <div class="title-wrapper">
                                            <h3 class="h3 h3-title mt-2">{{ @trans('mystery_program.service_start_question') }}</h3>
                                            <hr>
                                        </div>
                                        <div class="assessment-box">
                                        @foreach($starRatedQuestionList as $question)
                                            <div class="info mt-3 pl-3">
                                                <div class="row">
                                                    <div class="col-12 pl-5">
                                                        <label class="control-label">{{ @trans('mystery_program.question') }}</label>
                                                        <p class="display-info">{{ $question->question }}</p>
                                                    </div>
                                                    @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected' && isset($mpCustomQuestionResult))
                                                        @foreach($mpCustomQuestionResult as $result)
                                                            @if($result->custom_question_id == $question->id)
                                                                <div class="col-12 pl-5">
                                                                    <label class="control-label">{{ @trans('mystery_program.answer') }}</label>
                                                                    <p class="display-info">@if($result->is_star_rate == '1')  Yes <i class="material-icons text-success">star</i> @elseif($result->is_star_rate == '0') No @endif</p>
                                                                </div>
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if($detail->status == 'submitted' || $detail->status == 'approved' || $detail->status == 'rejected' && $documents)
                                <div class="row mt-3">
                                    <div class="col-12">
                                        <div class="title-wrapper mb-3 flex-nowrap">
                                            <h3 class="h3 h3-title mt-2">{{ @trans('mystery_program.reference_documents') }}</h3>
                                            <hr>
                                        </div>
                                        @foreach($documents as $document)
                                            <div class="col-md-12 documentList">
                                                <div class="form-group file-upload">
                                                    <label class="control-label">{{ $document->orig_file_name }}</label>
                                                    <div class="file-act">
                                                        <a href="{{ $document->mp_document_proof_link }}" title="download" class="gray mr-3" target="_blank"><i class="material-icons">print</i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                @endif
                            </div>
                            @permission('mystery-program-write')
                            @if($detail->status == 'submitted')
                            <form method="post" id="approvalFeedback" action="{{ route('admin.mystery-programs.approval-feedback', ['panel' => Session::get('panel')]) }}">@csrf
                                <input type="hidden" name="id" id="id" value="{{ request()->id }}">
                                <div class="row mt-3 ml-3">
                                    <button type="submit" class="btn btn-em approvalStatus" name="status" id="status" value="approved">{{ @trans('mystery_program.approve_feedback') }}</button>
                                    <button type="button" class="btn btn-em btn-danger ml-3" data-toggle="modal" data-target="#reject_feedback">{{ @trans('mystery_program.reject_feedback') }}</button>
                                </div>
                            </form>
                            @endif
                            @endpermission
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</main>
@endsection

@push('pageModals')
    @include('admin.modules.mystery_program.results.reject_modal')
@endpush

@push('pageJs')
    <script type="text/javascript" src="{{ asset('js/vendor/material-gauge.js') }}"></script>
    <script>
        $(document).ready(function(){
            var gauge = new Gauge(document.getElementById("gauge"));
            gauge.value({{ ($detail->oas == 100) ? 1 : '0.' . round($detail->oas) }});
        });
        $('.approvalStatus').on('click', function() {
            $('.approvalStatus').addClass('disabled');
            $('.approvalStatus').html('Please Wait...');
        });
        $('.rejectionStatus').on('click', function() {
            $('.rejectionStatus').addClass('disabled');
            $('.rejectionStatus').html('Please Wait...');
        });
    </script>
@endpush