@extends('evaluator.proposals.single-proposal')

@section('page-content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="proposal-section-content consortium-content">
        <div class="proposals-consortium evaluator-evaluation-form row">
            <form
                action="{{route('evaluator.evaluation.proposals.single.evaluation.store',['call'=>$proposal->call(),'proposal'=>$proposal])}}"
                method="POST" enctype="multipart/form-data">
                @csrf
                <div class="main-card col-12 ">
                    @if(!empty(auth()->user()->hash_id))
                        <h2 class="form-inner-title">Unique code: <b>{{auth()->user()->hash_id}}</b></h2>
                    @endif
                    <div class="row">
                        <div class="col-12 col-xl-6 my-2">
                            <div class="main-card--inner row ">
                                <h2 class="form-inner-title">Set Evaluation Score</h2>
                                <div class="card-text Excellence">
                                    <div class="card-text--inner row">
                                        <label for="excellence" class="form-check-label range-label col-3">Excellence
                                            Score:</label>
                                        <div class="radios-container range col-9 row">
                                            <input type="range" class="form-range" name="excellence" min="0" step="0.1" max="5" id="excellence"
                                               @if($individual_evaluation->is_finalized == 1 || $proposal->call->evaluation_phase != 2) disabled @endif
                                               @if(filled($individual_evaluation))
                                               @if($individual_evaluation->getExcellenceScore())
                                               value="{{$individual_evaluation->getExcellenceScore()}}" @endif @endif>
                                            <div class="show-score">{{$individual_evaluation->getExcellenceScore()}}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-text Impact">
                                    <div class="card-text--inner row">
                                        <label for="impact" class="form-check-label range-label col-3">Impact
                                            Score:</label>
                                        <div class="radios-container range col-9 row">
                                            <input type="range" class="form-range" name="impact" min="0" step="0.1" max="5" id="impact"
                                               @if($individual_evaluation->is_finalized == 1 || $proposal->call->evaluation_phase != 2) disabled @endif
                                               @if(filled($individual_evaluation))
                                               @if($individual_evaluation->getImpactScore())
                                               value="{{$individual_evaluation->getImpactScore()}}" @endif @endif>
                                            <div class="show-score">{{$individual_evaluation->getImpactScore()}}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-text Implementation score">
                                    <div class="card-text--inner row">
                                        <label for="implementation" class="form-check-label range-label col-3">Implementation
                                            Score:</label>
                                        <div class="radios-container range col-9 row">
                                            <input type="range" class="form-range" name="implementation" min="0" step="0.1" max="5" id="implementation"
                                               @if($individual_evaluation->is_finalized == 1 || $proposal->call->evaluation_phase != 2) disabled @endif
                                               @if(filled($individual_evaluation))
                                               @if($individual_evaluation->getImplementationScore())
                                               value="{{$individual_evaluation->getImplementationScore()}}" @endif @endif>
                                            <div class="show-score">{{$individual_evaluation->getImplementationScore()}}</div>
                                        </div>
                                    </div>
                                </div>
                                <h4 class="form-inner-title">Total Evaluation Score</h4>
                                @if($individual_evaluation->total_score)
                                <div style="justify-items: center;align-self: center;background-color: #70e1ae;border-radius: 6px;display: flex;justify-content: center;align-items: flex-end;" >
                                    <h3 style="margin: 5px;font-size: 22px;color: white;font-weight: bold;">{{$individual_evaluation->total_score}}</h3>
                                </div>
                                @endif

{{--                                <div class="card-text Alignment score">--}}
{{--                                    <div class="card-text--inner row">--}}
{{--                                        <label for="alignment" class="form-check-label range-label col-3">Alignment--}}
{{--                                            Score:</label>--}}
{{--                                        <div class="radios-container range col-9 row">--}}
{{--                                            <input type="range" class="form-range" name="alignment" min="0" step="0.1" max="5" id="alignment"--}}
{{--                                                   @if($individual_evaluation->is_finalized == 1 || $proposal->call->evaluation_phase != 2) disabled @endif--}}
{{--                                                   @if(filled($individual_evaluation))--}}
{{--                                                       @if($individual_evaluation->getAlignmentScore())--}}
{{--                                                           value="{{$individual_evaluation->getAlignmentScore()}}" @endif @endif>--}}
{{--                                            <div class="show-score">{{$individual_evaluation->getAlignmentScore()}}</div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                                <div class="form-field col-sm-12">--}}
{{--                                    <div class="card-text--inner row align-items-center ethical-evaluation">--}}
{{--                                        <label class="form-check-label" for="ethicalEvaluation">Ethical Evaluation :</label>--}}
{{--                                        <div class="form-check">--}}
{{--                                            <label class="form-check-label" for="ethicalEvaluation">Yes</label>--}}
{{--                                            <input class="form-check-input" name="ethical" type="radio"--}}
{{--                                               id="ethicalEvaluationIs" value=1--}}
{{--                                               @if($individual_evaluation->is_finalized == 1 || $proposal->call->evaluation_phase != 2) disabled @endif--}}
{{--                                               @if(filled($individual_evaluation))--}}
{{--                                               @if($individual_evaluation->getEthicalEvaluation() == true) checked @endif @endif>--}}
{{--                                        </div>--}}
{{--                                        <div class="form-check">--}}
{{--                                            <label class="form-check-label" for="ethicalEvaluation">No</label>--}}
{{--                                            <input class="form-check-input" name="ethical" type="radio"--}}
{{--                                               id="ethicalEvaluationIsnot" value=0--}}
{{--                                               @if($individual_evaluation->is_finalized == 1 || $proposal->call->evaluation_phase != 2) disabled @endif--}}
{{--                                               @if(filled($individual_evaluation))--}}
{{--                                               @if($individual_evaluation->getEthicalEvaluation() == false) checked @endif @endif>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                            </div>
                        </div>
                        <div class="col-12 col-xl-6 my-2">
                            <div class="main-card--inner">
                                <div class="upload-box col-sm-12">
                                    <div class="inner">
                                        <h2 class="form-inner-title">Upload Evaluation File</h2>
                                        <div class="form-container upload-file">
                                            @if ($individual_evaluation->is_finalized == 0 && $proposal->call->evaluation_phase == 2)
                                                <input id="evaluators" type="file" name="the_file">
                                            @endif
                                        </div>
                                        <div class="get-file">
                                            @if(filled($individual_evaluation) && $individual_evaluation->hasFile())
                                                <div class="already-uploaded">
                                                    <a href="{{route('evaluator.evaluation.proposals.single.evaluation.file.download', ['proposal' => $proposal, 'user' => auth()->user(), time()])}}">
                                                        <i class="fas fa-download"></i> {{$individual_evaluation->filename}}
                                                    </a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if(filled($individual_evaluation))
                            @if ($individual_evaluation->is_finalized == 0 && $proposal->call->evaluation_phase == 2)
                                <div class="form-buttons inline col-sm-6 justify-content-end">
                                    <button type="submit" name="update" value="Update"><i class="fas fa-save"></i> SUBMIT</button>
                                </div>
                                @if(filled($individual_evaluation) && $individual_evaluation->isFinalizeReady() && $proposal->call->evaluation_phase == 2)
                                    <div class="form-buttons inline col-sm-6 justify-content-start">
                                        @csrf
                                        <button type="submit" name="finalize" value="finalize"><i class="fas fa-lock"></i>
                                            FINALIZE
                                        </button>
                                    </div>
                                @endif
                            @endif
                        @endif
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('javascripts')
    <script>
        $r = jQuery.noConflict();
        $r(document).ready(function(){
            $r('input[type="range"]').each(function(){
                let theValue = $r(this).attr('value');
                console.log(theValue);
                if(theValue === undefined){
                    $r(this).val(0);
                    $r(this).next('.show-score').text('0');
                }
            });
            $r('input[type="range"]').on('input', function(){
                let rangeValue = $r(this).val();
                $r(this).next('.show-score').text(rangeValue);
            });
        });
    </script>
@endsection