@extends('layouts.admin')
@section('content')
    <div class="card">
        <div class="card-header small-box bg-info">
            <h5> <strong>{!! $reviewerOne->abstract_title !!}</strong></h5>
        </div>

        <div class="card-body">
            <form method="POST" action="{{ route('admin.reviewer-ones.update', [$reviewerOne->id]) }}"
                enctype="multipart/form-data">
                @method('PUT')
                @csrf
                <div class="d-none">
                    <div class="form-group">
                        <label for="submitter_name">{{ trans('cruds.reviewerOne.fields.submitter_name') }}:
                        </label> {{ $reviewerOne->submitter_name }}
                        <input class="form-control {{ $errors->has('submitter_name') ? 'is-invalid' : '' }}" type="hidden"
                            name="submitter_name" id="submitter_name"
                            value="{{ old('submitter_name', $reviewerOne->submitter_name) }}">

                    </div>
                    <div class="form-group">
                        <label for="submitter_designation">{{ trans('cruds.reviewerOne.fields.submitter_designation') }}:
                        </label> {{ $reviewerOne->submitter_designation }}
                        <input class="form-control {{ $errors->has('submitter_designation') ? 'is-invalid' : '' }}"
                            type="hidden" name="submitter_designation" id="submitter_designation"
                            value="{{ old('submitter_designation', $reviewerOne->submitter_designation) }}">

                    </div>
                    <div class="form-group">
                        <label class="required"
                            for="submitter_email_address">{{ trans('cruds.reviewerOne.fields.submitter_email_address') }}:</label>
                        {{ $reviewerOne->submitter_email_address }}
                        <input class="form-control {{ $errors->has('submitter_email_address') ? 'is-invalid' : '' }}"
                            type="hidden" name="submitter_email_address" id="submitter_email_address"
                            value="{{ old('submitter_email_address', $reviewerOne->submitter_email_address) }}" required>

                    </div>
                    <div class="form-group">
                        <label for="first_author_title">First Author: </label>
                        {{ ucfirst($reviewerOne->first_author_title) }}.
                        {{ $reviewerOne->first_author_fiirst_name }} {{ $reviewerOne->first_author_last_name }} (
                        {{ App\Models\ReviewerOne::FIRST_AUTHOR_GENDER_SELECT[$reviewerOne->first_author_gender] ?? '' }})
                        <input class="form-control {{ $errors->has('first_author_title') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_title" id="first_author_title"
                            value="{{ old('first_author_title', $reviewerOne->first_author_title) }}">

                        <input class="form-control {{ $errors->has('first_author_fiirst_name') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_fiirst_name" id="first_author_fiirst_name"
                            value="{{ old('first_author_fiirst_name', $reviewerOne->first_author_fiirst_name) }}">

                        <input class="form-control {{ $errors->has('first_author_last_name') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_last_name" id="first_author_last_name"
                            value="{{ old('first_author_last_name', $reviewerOne->first_author_last_name) }}">

                        <div class="d-none">
                            <select class="form-control {{ $errors->has('first_author_gender') ? 'is-invalid' : '' }}"
                                name="first_author_gender" id="first_author_gender">
                                <option value disabled {{ old('first_author_gender', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::FIRST_AUTHOR_GENDER_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('first_author_gender', $reviewerOne->first_author_gender) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach
                            </select>
                        </div>


                    </div>

                    <div class="form-group">
                        <label
                            for="first_author_country">{{ trans('cruds.reviewerOne.fields.first_author_country') }}:</label>
                        {{ ucfirst($reviewerOne->first_author_country) }}
                        <input class="form-control {{ $errors->has('first_author_country') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_country" id="first_author_country"
                            value="{{ old('first_author_country', $reviewerOne->first_author_country) }}">

                    </div>
                    <div class="form-group">
                        <label class="required"
                            for="first_author_email">{{ trans('cruds.reviewerOne.fields.first_author_email') }}:</label>
                        {{ $reviewerOne->first_author_email }}
                        <input class="form-control {{ $errors->has('first_author_email') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_email" id="first_author_email"
                            value="{{ old('first_author_email', $reviewerOne->first_author_email) }}" required>

                    </div>
                    <div class="form-group">
                        <label
                            for="first_author_affiliation">{{ trans('cruds.reviewerOne.fields.first_author_affiliation') }}:</label>
                        {!! $reviewerOne->first_author_affiliation !!}
                        <div class="d-none">
                            <textarea class="form-control ckeditor  {{ $errors->has('first_author_affiliation') ? 'is-invalid' : '' }}"
                                name="first_author_affiliation" id="first_author_affiliation">{!! old('first_author_affiliation', $reviewerOne->first_author_affiliation) !!}</textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label
                            for="first_author_category">{{ trans('cruds.reviewerOne.fields.first_author_category') }}:</label>
                        {{ ucfirst($reviewerOne->first_author_category) }} - {{ $reviewerOne->first_author_fetp_level }}

                        @if (!empty($reviewerOne->forst_author_alumni_completion))
                            (completed : {{ $reviewerOne->forst_author_alumni_completion }})
                        @else
                        @endif
                        <input class="form-control {{ $errors->has('first_author_category') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_category" id="first_author_category"
                            value="{{ old('first_author_category', $reviewerOne->first_author_category) }}">

                        <input class="form-control {{ $errors->has('first_author_other_category') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_other_category" id="first_author_other_category"
                            value="{{ old('first_author_other_category', $reviewerOne->first_author_other_category) }}">

                        <input
                            class="form-control {{ $errors->has('forst_author_alumni_completion') ? 'is-invalid' : '' }}"
                            type="hidden" name="forst_author_alumni_completion" id="forst_author_alumni_completion"
                            value="{{ old('forst_author_alumni_completion', $reviewerOne->forst_author_alumni_completion) }}">

                        <input class="form-control {{ $errors->has('first_author_fetp_level') ? 'is-invalid' : '' }}"
                            type="hidden" name="first_author_fetp_level" id="first_author_fetp_level"
                            value="{{ old('first_author_fetp_level', $reviewerOne->first_author_fetp_level) }}">
                    </div>
                </div>


                <div class="form-group">
                    <label
                        for="abstract_sub_theme">{{ trans('cruds.reviewerOne.fields.abstract_sub_theme') }}:</label>{{ $reviewerOne->abstract_sub_theme }}
                    <input class="form-control {{ $errors->has('abstract_sub_theme') ? 'is-invalid' : '' }}" type="hidden"
                        name="abstract_sub_theme" id="abstract_sub_theme"
                        value="{{ old('abstract_sub_theme', $reviewerOne->abstract_sub_theme) }}">
                    @if ($errors->has('abstract_sub_theme'))
                        <span class="text-danger">{{ $errors->first('abstract_sub_theme') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.abstract_sub_theme_helper') }}</span>
                </div>
                <div class="form-group">
                    <label for="co_authors">{{ trans('cruds.reviewerOne.fields.co_authors') }}</label>
                    <p>{{ $reviewerOne->co_authors }}</p>
                    <div class="d-none">
                        <textarea class="form-control {{ $errors->has('co_authors') ? 'is-invalid' : '' }}" name="co_authors"
                            id="co_authors">{{ old('co_authors', $reviewerOne->co_authors) }}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="abstract_title">{{ trans('cruds.reviewerOne.fields.abstract_title') }}</label>
                    <p> {!! $reviewerOne->abstract_title !!}</p>
                    <div class="d-none">
                        <textarea class="form-control ckeditor {{ $errors->has('abstract_title') ? 'is-invalid' : '' }}"
                            name="abstract_title" id="abstract_title">{!! old('abstract_title', $reviewerOne->abstract_title) !!}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="abstract_backgound">{{ trans('cruds.reviewerOne.fields.abstract_backgound') }}</label>
                    <p>
                        {!! $reviewerOne->abstract_backgound !!}
                    </p>
                    <div class="d-none">
                        <textarea class="form-control ckeditor {{ $errors->has('abstract_backgound') ? 'is-invalid' : '' }}"
                            name="abstract_backgound" id="abstract_backgound">{!! old('abstract_backgound', $reviewerOne->abstract_backgound) !!}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="abstract_methods">{{ trans('cruds.reviewerOne.fields.abstract_methods') }}</label>
                    <p>
                        {!! $reviewerOne->abstract_methods !!}
                    </p>
                    <div class="d-none">
                        <textarea class="form-control ckeditor {{ $errors->has('abstract_methods') ? 'is-invalid' : '' }}"
                            name="abstract_methods" id="abstract_methods">{!! old('abstract_methods', $reviewerOne->abstract_methods) !!}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="abstract_results">{{ trans('cruds.reviewerOne.fields.abstract_results') }}</label>
                    <p>
                        {!! $reviewerOne->abstract_results !!}
                    </p>
                    <div class="d-none">
                        <textarea class="form-control ckeditor {{ $errors->has('abstract_results') ? 'is-invalid' : '' }}"
                            name="abstract_results" id="abstract_results">{!! old('abstract_results', $reviewerOne->abstract_results) !!}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="abstract_conclusion">{{ trans('cruds.reviewerOne.fields.abstract_conclusion') }}</label>
                    <p>
                        {!! $reviewerOne->abstract_conclusion !!}
                    </p>
                    <div class="d-none">
                        <textarea class="form-control ckeditor {{ $errors->has('abstract_conclusion') ? 'is-invalid' : '' }}"
                            name="abstract_conclusion" id="abstract_conclusion">{!! old('abstract_conclusion', $reviewerOne->abstract_conclusion) !!}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="key_words">{{ trans('cruds.reviewerOne.fields.key_words') }}</label>
                    <p>
                        {!! $reviewerOne->key_words !!}
                    </p>
                    <div class="d-none">
                        <textarea class="form-control ckeditor {{ $errors->has('key_words') ? 'is-invalid' : '' }}" name="key_words"
                            id="key_words">{!! old('key_words', $reviewerOne->key_words) !!}</textarea>
                    </div>
                </div>
                <div class="form-groupm d-none">
                    <label for="reviewer_id">{{ trans('cruds.reviewerOne.fields.reviewer') }}</label>
                    <select class="form-control select2 {{ $errors->has('reviewer') ? 'is-invalid' : '' }}"
                        name="reviewer_id" id="reviewer_id">
                        @foreach ($reviewers as $id => $entry)
                            <option value="{{ $id }}"
                                {{ (old('reviewer_id') ? old('reviewer_id') : $reviewerOne->reviewer->id ?? '') == $id ? 'selected' : '' }}>
                                {{ $entry }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('reviewer'))
                        <span class="text-danger">{{ $errors->first('reviewer') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_helper') }}</span>
                </div>
                <script>
                    function calculate() {
                        //var month_input = document.getElementById('month').value;
                        //var select_fee = document.getElementById('fee');
                        var bg_study = document.getElementById('reviewer_1_background_study');
                        var meth_app = document.getElementById('reviewer_1_method_apporpriate');
                        var res_pres = document.getElementById('reviewer_1_results_presentable');
                        var res_conc = document.getElementById('reviewer_1_results_conclusion');
                        var ph_sign = document.getElementById('reviewer_1_ph_signicance');
                        var overall = document.getElementById('reviewer_1_overall_clarity');

                        var bg_input = parseInt(bg_study.options[bg_study.selectedIndex].value);
                        var meth_input = parseInt(meth_app.options[meth_app.selectedIndex].value);
                        var resp_input = parseInt(res_pres.options[res_pres.selectedIndex].value);
                        var resc_input = parseInt(res_conc.options[res_conc.selectedIndex].value);
                        var ph_sign_input = parseInt(ph_sign.options[ph_sign.selectedIndex].value);
                        var over_input = parseInt(overall.options[overall.selectedIndex].value);

                        var total = bg_input + meth_input + resp_input + resc_input + ph_sign_input + over_input;
                        document.getElementById('reviewer_1_totals').value = total;
                    }
                </script>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>{{ trans('cruds.reviewerOne.fields.reviewer_1_background_study') }}</label>
                            <select class="form-control" name="reviewer_1_background_study"
                                id="reviewer_1_background_study" onchange="calculate()">
                                {{-- <option value disabled
                                    {{ old('reviewer_1_background_study', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::REVIEWER_1_BACKGROUND_STUDY_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reviewer_1_background_study', $reviewerOne->reviewer_1_background_study) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach --}}
                                <option value="0">Please Select</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                            @if ($errors->has('reviewer_1_background_study'))
                                <span class="text-danger">{{ $errors->first('reviewer_1_background_study') }}</span>
                            @endif
                            <span
                                class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_background_study_helper') }}</span>
                        </div>
                        <div class="col-md-12 small-box bg-info">

                            <i class="fas fa-check-circle fa-xs"></i>Absent/poor = 1, <i
                                class="fas fa-check-circle fa-xs"></i>Fair=2,
                            <i class="fas fa-check-circle fa-xs"></i>Good=3, <i class="fas fa-check-circle fa-xs"></i>Very
                            Good=4,
                            <i class="fas fa-check-circle fa-xs"></i>Excellent=5

                        </div>
                    </div>
                    <div class="col-md-6 d-flex align-items-center">
                        <div id="accordion">
                            <div class="card card-warning">
                                <div class="card-header">
                                    <h4 class="card-title w-100">
                                        <a class="d-block w-100 collapsed" data-toggle="collapse" href="#collapseOne"
                                            aria-expanded="false">
                                            <i>{{ trans('cruds.reviewerOne.fields.score_guide') }}</i>:
                                            {{ trans('cruds.reviewerOne.fields.bg_rationale_title') }} <i
                                                class="fas fa-arrow-down fa-xs"></i>
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="collapse" data-parent="#accordion" style="">
                                    <div class="card-body">
                                        {{ trans('cruds.reviewerOne.fields.bg_rationale_body') }}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>{{ trans('cruds.reviewerOne.fields.reviewer_1_method_apporpriate') }}</label>
                            <select
                                class="form-control {{ $errors->has('reviewer_1_method_apporpriate') ? 'is-invalid' : '' }}"
                                name="reviewer_1_method_apporpriate" id="reviewer_1_method_apporpriate"
                                onchange="calculate()">
                                {{-- <option value disabled
                                    {{ old('reviewer_1_method_apporpriate', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::REVIEWER_1_METHOD_APPORPRIATE_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reviewer_1_method_apporpriate', $reviewerOne->reviewer_1_method_apporpriate) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach --}}
                                <option value="0">Please Select</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                            @if ($errors->has('reviewer_1_method_apporpriate'))
                                <span class="text-danger">{{ $errors->first('reviewer_1_method_apporpriate') }}</span>
                            @endif
                            <span
                                class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_method_apporpriate_helper') }}</span>
                        </div>
                        <div class="col-md-12 small-box bg-info">

                            <i class="fas fa-check-circle fa-xs"></i>Absent/poor = 1, <i
                                class="fas fa-check-circle fa-xs"></i>Fair=2,
                            <i class="fas fa-check-circle fa-xs"></i>Good=3, <i class="fas fa-check-circle fa-xs"></i>Very
                            Good=4,
                            <i class="fas fa-check-circle fa-xs"></i>Excellent=5

                        </div>
                    </div>
                    <div class="col-md-6  d-flex align-items-center">
                        <div id="accordion">
                            <div class="card card-warning">
                                <div class="card-header">
                                    <h4 class="card-title w-100">
                                        <a class="d-block w-100 collapsed" data-toggle="collapse" href="#collapseOne1"
                                            aria-expanded="false">
                                            <i>{{ trans('cruds.reviewerOne.fields.score_guide') }}</i>:
                                            {{ trans('cruds.reviewerOne.fields.approp_title') }} <i
                                                class="fas fa-arrow-down fa-xs"></i>
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne1" class="collapse" data-parent="#accordion" style="">
                                    <div class="card-body">
                                        {{ trans('cruds.reviewerOne.fields.approp_body') }}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>{{ trans('cruds.reviewerOne.fields.reviewer_1_results_presentable') }}</label>
                            <select
                                class="form-control {{ $errors->has('reviewer_1_results_presentable') ? 'is-invalid' : '' }}"
                                name="reviewer_1_results_presentable" id="reviewer_1_results_presentable"
                                onchange="calculate()">
                                {{-- <option value disabled
                                    {{ old('reviewer_1_results_presentable', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::REVIEWER_1_RESULTS_PRESENTABLE_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reviewer_1_results_presentable', $reviewerOne->reviewer_1_results_presentable) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach --}}
                                <option value="0">Please Select</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                            @if ($errors->has('reviewer_1_results_presentable'))
                                <span class="text-danger">{{ $errors->first('reviewer_1_results_presentable') }}</span>
                            @endif
                            <span
                                class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_results_presentable_helper') }}</span>
                        </div>
                        <div class="col-md-12 small-box bg-info">

                            <i class="fas fa-check-circle fa-xs"></i>Absent/poor = 1, <i
                                class="fas fa-check-circle fa-xs"></i>Fair=2,
                            <i class="fas fa-check-circle fa-xs"></i>Good=3, <i class="fas fa-check-circle fa-xs"></i>Very
                            Good=4,
                            <i class="fas fa-check-circle fa-xs"></i>Excellent=5

                        </div>
                    </div>
                    <div class="col-md-6  d-flex align-items-center">
                        <div id="accordion">
                            <div class="card card-warning">
                                <div class="card-header">
                                    <h4 class="card-title w-100">
                                        <a class="d-block w-100 collapsed" data-toggle="collapse" href="#collapseOne2"
                                            aria-expanded="false">
                                            <i>{{ trans('cruds.reviewerOne.fields.score_guide') }}</i>:Presentation of
                                            Results {{ trans('cruds.reviewerOne.fields.pres_results_title') }}<i
                                                class="fas fa-arrow-down fa-xs"></i>
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne2" class="collapse" data-parent="#accordion" style="">
                                    <div class="card-body">
                                        {{ trans('cruds.reviewerOne.fields.pres_results_body') }}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>{{ trans('cruds.reviewerOne.fields.reviewer_1_results_conclusion') }}</label>
                            <select
                                class="form-control {{ $errors->has('reviewer_1_results_conclusion') ? 'is-invalid' : '' }}"
                                name="reviewer_1_results_conclusion" id="reviewer_1_results_conclusion"
                                onchange="calculate()">
                                {{-- <option value disabled
                                    {{ old('reviewer_1_results_conclusion', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::REVIEWER_1_RESULTS_CONCLUSION_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reviewer_1_results_conclusion', $reviewerOne->reviewer_1_results_conclusion) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach --}}
                                <option value="0">Please Select</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                            @if ($errors->has('reviewer_1_results_conclusion'))
                                <span class="text-danger">{{ $errors->first('reviewer_1_results_conclusion') }}</span>
                            @endif
                            <span
                                class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_results_conclusion_helper') }}</span>
                        </div>
                        <div class="col-md-12 small-box bg-info">

                            <i class="fas fa-check-circle fa-xs"></i>Absent/poor = 1, <i
                                class="fas fa-check-circle fa-xs"></i>Fair=2,
                            <i class="fas fa-check-circle fa-xs"></i>Good=3, <i class="fas fa-check-circle fa-xs"></i>Very
                            Good=4,
                            <i class="fas fa-check-circle fa-xs"></i>Excellent=5

                        </div>
                    </div>
                    <div class="col-md-6  d-flex align-items-center">
                        <div id="accordion">
                            <div class="card card-warning">
                                <div class="card-header">
                                    <h4 class="card-title w-100">
                                        <a class="d-block w-100 collapsed" data-toggle="collapse" href="#collapseOne3"
                                            aria-expanded="false">
                                            <i>{{ trans('cruds.reviewerOne.fields.score_guide') }}</i>:
                                            {{ trans('cruds.reviewerOne.fields.conc_title') }} <i
                                                class="fas fa-arrow-down fa-xs"></i>
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne3" class="collapse" data-parent="#accordion" style="">
                                    <div class="card-body">
                                        {{ trans('cruds.reviewerOne.fields.conc_body') }}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>{{ trans('cruds.reviewerOne.fields.reviewer_1_ph_signicance') }}</label>
                            <select
                                class="form-control {{ $errors->has('reviewer_1_ph_signicance') ? 'is-invalid' : '' }}"
                                name="reviewer_1_ph_signicance" id="reviewer_1_ph_signicance" onchange="calculate()">
                                {{-- <option value disabled
                                    {{ old('reviewer_1_ph_signicance', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::REVIEWER_1_PH_SIGNICANCE_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reviewer_1_ph_signicance', $reviewerOne->reviewer_1_ph_signicance) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach --}}
                                <option value="0">Please Select</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                            @if ($errors->has('reviewer_1_ph_signicance'))
                                <span class="text-danger">{{ $errors->first('reviewer_1_ph_signicance') }}</span>
                            @endif
                            <span
                                class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_ph_signicance_helper') }}</span>
                        </div>
                        <div class="col-md-12 small-box bg-info">

                            <i class="fas fa-check-circle fa-xs"></i>Absent/poor = 1, <i
                                class="fas fa-check-circle fa-xs"></i>Fair=2,
                            <i class="fas fa-check-circle fa-xs"></i>Good=3, <i class="fas fa-check-circle fa-xs"></i>Very
                            Good=4,
                            <i class="fas fa-check-circle fa-xs"></i>Excellent=5

                        </div>
                    </div>
                    <div class="col-md-6  d-flex align-items-center">
                        <div id="accordion">
                            <div class="card card-warning">
                                <div class="card-header">
                                    <h4 class="card-title w-100">
                                        <a class="d-block w-100 collapsed" data-toggle="collapse" href="#collapseOne4"
                                            aria-expanded="false">
                                            <i>{{ trans('cruds.reviewerOne.fields.score_guide') }}</i>:
                                            {{ trans('cruds.reviewerOne.fields.ph_sig_title') }} <i
                                                class="fas fa-arrow-down fa-xs"></i>
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne4" class="collapse" data-parent="#accordion" style="">
                                    <div class="card-body">
                                        {{ trans('cruds.reviewerOne.fields.ph_sig_body') }}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>{{ trans('cruds.reviewerOne.fields.reviewer_1_overall_clarity') }}</label>
                            <select
                                class="form-control {{ $errors->has('reviewer_1_overall_clarity') ? 'is-invalid' : '' }}"
                                name="reviewer_1_overall_clarity" id="reviewer_1_overall_clarity" onchange="calculate()">
                                {{-- <option value disabled
                                    {{ old('reviewer_1_overall_clarity', null) === null ? 'selected' : '' }}>
                                    {{ trans('global.pleaseSelect') }}</option>
                                @foreach (App\Models\ReviewerOne::REVIEWER_1_OVERALL_CLARITY_SELECT as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ old('reviewer_1_overall_clarity', $reviewerOne->reviewer_1_overall_clarity) === (string) $key ? 'selected' : '' }}>
                                        {{ $label }}</option>
                                @endforeach --}}
                                <option value="0">Please Select</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                            @if ($errors->has('reviewer_1_overall_clarity'))
                                <span class="text-danger">{{ $errors->first('reviewer_1_overall_clarity') }}</span>
                            @endif
                            <span
                                class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_overall_clarity_helper') }}</span>
                        </div>
                        <div class="col-md-12 small-box bg-info">

                            <i class="fas fa-check-circle fa-xs"></i>Absent/poor = 1, <i
                                class="fas fa-check-circle fa-xs"></i>Fair=2,
                            <i class="fas fa-check-circle fa-xs"></i>Good=3, <i class="fas fa-check-circle fa-xs"></i>Very
                            Good=4,
                            <i class="fas fa-check-circle fa-xs"></i>Excellent=5

                        </div>
                    </div>
                    <div class="col-md-6  d-flex align-items-center">
                        <div id="accordion">
                            <div class="card card-warning">
                                <div class="card-header">
                                    <h4 class="card-title w-100">
                                        <a class="d-block w-100 collapsed" data-toggle="collapse" href="#collapseOne5"
                                            aria-expanded="false">
                                            <i>{{ trans('cruds.reviewerOne.fields.score_guide') }}</i>:
                                            {{ trans('cruds.reviewerOne.fields.overall_title') }} <i
                                                class="fas fa-arrow-down fa-xs"></i>
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne5" class="collapse" data-parent="#accordion" style="">
                                    <div class="card-body">
                                        {{ trans('cruds.reviewerOne.fields.overall_body') }}
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>


                <div class="form-group">
                    <label for="reviewer_1_total">{{ trans('cruds.reviewerOne.fields.reviewer_1_total') }}</label>
                    <input class="form-control {{ $errors->has('reviewer_1_total') ? 'is-invalid' : '' }}"
                        type="text" name="reviewer_1_total" id="reviewer_1_totals" {{-- value="{{ old('reviewer_1_total', $reviewerOne->reviewer_1_total) }}" step="1" --}} disabled>
                    @if ($errors->has('reviewer_1_total'))
                        <span class="text-danger">{{ $errors->first('reviewer_1_total') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_total_helper') }}</span>
                </div>
                <div class="form-group d-none">
                    <label for="reviewer_1_complete">{{ trans('cruds.reviewerOne.fields.reviewer_1_complete') }}</label>
                    <input class="form-control {{ $errors->has('reviewer_1_complete') ? 'is-invalid' : '' }}"
                        type="text" name="reviewer_1_complete" id="reviewer_1_complete" value="Yes">
                    @if ($errors->has('reviewer_1_complete'))
                        <span class="text-danger">{{ $errors->first('reviewer_1_complete') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_complete_helper') }}</span>
                </div>
                <div class="form-group">
                    <label for="reviewer_1_comments">{{ trans('cruds.reviewerOne.fields.reviewer_1_comments') }}</label>
                    <textarea class="form-control ckeditor {{ $errors->has('reviewer_1_comments') ? 'is-invalid' : '' }}"
                        name="reviewer_1_comments" id="reviewer_1_comments">{!! old('reviewer_1_comments', $reviewerOne->reviewer_1_comments) !!}</textarea>
                    @if ($errors->has('reviewer_1_comments'))
                        <span class="text-danger">{{ $errors->first('reviewer_1_comments') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.reviewer_1_comments_helper') }}</span>
                </div>
                <div class="form-group">
                    <label class="required">{{ trans('cruds.reviewerOne.fields.reject_accept') }}</label>
                    <select class="form-control {{ $errors->has('reject_accept') ? 'is-invalid' : '' }}"
                        name="reject_accept" id="reject_accept" required>
                        <option value disabled {{ old('reject_accept', null) === null ? 'selected' : '' }}>
                            {{ trans('global.pleaseSelect') }}</option>
                        @foreach (App\Models\ReviewerOne::REJECT_ACCEPT_SELECT as $key => $label)
                            <option value="{{ $key }}"
                                {{ old('reject_accept', $reviewerOne->reject_accept) === (string) $key ? 'selected' : '' }}>
                                {{ $label }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('reject_accept'))
                        <span class="text-danger">{{ $errors->first('reject_accept') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.reject_accept_helper') }}</span>
                </div>
                <div class="form-group">
                    <label class="required">{{ trans('cruds.reviewerOne.fields.presentation_type') }}</label>
                    <select class="form-control {{ $errors->has('presentation_type') ? 'is-invalid' : '' }}"
                        name="presentation_type" id="presentation_type" required>
                        <option value disabled {{ old('presentation_type', null) === null ? 'selected' : '' }}>
                            {{ trans('global.pleaseSelect') }}</option>
                        @foreach (App\Models\ReviewerOne::PRESENTATION_TYPE_SELECT as $key => $label)
                            <option value="{{ $key }}"
                                {{ old('presentation_type', $reviewerOne->presentation_type) === (string) $key ? 'selected' : '' }}>
                                {{ $label }}</option>
                        @endforeach
                    </select>
                    @if ($errors->has('presentation_type'))
                        <span class="text-danger">{{ $errors->first('presentation_type') }}</span>
                    @endif
                    <span class="help-block">{{ trans('cruds.reviewerOne.fields.presentation_type_helper') }}</span>
                </div>
                <div class="form-group">
                    <button class="btn btn-danger" type="submit">
                        {{ trans('global.save') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            function SimpleUploadAdapter(editor) {
                editor.plugins.get('FileRepository').createUploadAdapter = function(loader) {
                    return {
                        upload: function() {
                            return loader.file
                                .then(function(file) {
                                    return new Promise(function(resolve, reject) {
                                        // Init request
                                        var xhr = new XMLHttpRequest();
                                        xhr.open('POST',
                                            '{{ route('admin.reviewer-ones.storeCKEditorImages') }}',
                                            true);
                                        xhr.setRequestHeader('x-csrf-token', window._token);
                                        xhr.setRequestHeader('Accept', 'application/json');
                                        xhr.responseType = 'json';

                                        // Init listeners
                                        var genericErrorText =
                                            `Couldn't upload file: ${ file.name }.`;
                                        xhr.addEventListener('error', function() {
                                            reject(genericErrorText)
                                        });
                                        xhr.addEventListener('abort', function() {
                                            reject()
                                        });
                                        xhr.addEventListener('load', function() {
                                            var response = xhr.response;

                                            if (!response || xhr.status !== 201) {
                                                return reject(response && response
                                                    .message ?
                                                    `${genericErrorText}\n${xhr.status} ${response.message}` :
                                                    `${genericErrorText}\n ${xhr.status} ${xhr.statusText}`
                                                );
                                            }

                                            $('form').append(
                                                '<input type="hidden" name="ck-media[]" value="' +
                                                response.id + '">');

                                            resolve({
                                                default: response.url
                                            });
                                        });

                                        if (xhr.upload) {
                                            xhr.upload.addEventListener('progress', function(
                                                e) {
                                                if (e.lengthComputable) {
                                                    loader.uploadTotal = e.total;
                                                    loader.uploaded = e.loaded;
                                                }
                                            });
                                        }

                                        // Send request
                                        var data = new FormData();
                                        data.append('upload', file);
                                        data.append('crud_id', '{{ $reviewerOne->id ?? 0 }}');
                                        xhr.send(data);
                                    });
                                })
                        }
                    };
                }
            }

            var allEditors = document.querySelectorAll('.ckeditor');
            for (var i = 0; i < allEditors.length; ++i) {
                ClassicEditor.create(
                    allEditors[i], {
                        extraPlugins: [SimpleUploadAdapter]
                    }
                );
            }
        });
    </script>
@endsection