@extends('layouts.dashboard')

@section('nav-top-left')
    <div class="page-title">Proposal by {{$proposal->applicant->firstname .' '. $proposal->applicant->lastname}}</div>
    <div class="page-subtitle">Review Proposal Data</div>
@endsection

@section('content')
    @include('proposal.proposal-parts.proposal-view')
@endsection

@section('javascripts')
    <script>
        $n = jQuery.noConflict();
        $n(document).ready(function () {
            // Evaluation tab — range sliders (kept; still client-side)
            $n('.evaluator-evaluation-form input[type="range"]').on('input', function () {
                $n(this).siblings('.show-score').text($n(this).val());
                updateTotalScore();
            });

            function updateTotalScore() {
                let total = 0;
                $n('.evaluator-evaluation-form input[type="range"]').each(function () {
                    total += parseFloat($n(this).val()) || 0;
                });
                $n('#totalScore').text(total.toFixed(1));
            }
        });
    </script>
@endsection