@extends('evaluator.layout.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{ asset('css/administrator/toastr.min.css') }}">
@endsection

@section('nav-top-left')
    <x-admin.nav-top-left pageTitle="Proposals"
                          pageSubTitle="View Proposals"></x-admin.nav-top-left>
@endsection

@section('nav-top-right')

@endsection

@section('nav-bottom-left')
    <ul>
        <li class="active"><a href="{{route('evaluator.home')}}"><i class="fas fa-chart-pie"></i> Dashboard</a>
        </li>
    </ul>
@endsection

@section('nav-bottom-right')

@endsection

@section('content')
    <div class="list-box col-sm-12">
        <div class="list-box--inner">
            @if($proposals->count() > 0)
                <div class="list-box--inner---list">
                    <ul>
                        <li>
                            <div class="list-box--inner---list----project">Proposal Title</div>
                            <div class="list-box--inner---list----project acronym">Acronym</div>
                            <div class="list-box--inner---list----person">
                                <div class="list-box--inner---list----action">Applicant</div>
                            </div>
                            <div class="list-box--inner---list----evaluators">
                                <div class="list-box--inner---list----action">Evaluators</div>
                            </div>

{{--                            <div class="list-box--inner---list----panel">Panel</div>--}}
{{--                            <div class="list-box--inner---list----panel-chair">Panel Chair</div>--}}
                            <div class="list-box--inner---list----actions">Actions</div>
                            <div class="list-box--inner---list----panel">Finalized</div>
                        </li>
                        @foreach($proposals  as $proposal)
{{--                            @dump($proposal->getIndividualEvaluation(auth()->user()->id)->is_finalized)--}}
                            <li class="proposal-box @if($proposal->is_submitted) submitted @endif"
                                data-title="{{$proposal->proposal_title}}"
                                data-acronym="{{$proposal->proposal_acronym}}"
                                data-coordinator="{{$proposal->coordinator->getFullname()}}"

                                @if($proposal->isEligible()) data-eligible="1" @endif>
                                <div
                                    class="list-box--inner---list----project">{{$proposal->proposal_title}}</div>
                                <div
                                    class="list-box--inner---list----project acronym">{{$proposal->proposal_acronym}}</div>

                                <div class="list-box--inner---list----person">
{{--                                    <div class="list-box--inner---list----person-image">--}}
{{--                                        <div class="list-box--inner---list----person-image--inner">--}}
{{--                                            <img--}}
{{--                                                src="{{ route('image.eval.displayImage',$proposal->coordinator_id)}}"--}}
{{--                                                alt="{{$proposal->coordinator->getFullname()}}">--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="list-box--inner---list----person-name">
                                        {{$proposal->coordinator->getFullname()}}
                                    </div>
                                </div>
                                <div class="list-box--inner---list----evaluators">
                                    @include('admin.evaluation.assign-proposals.partials.proposal-evaluators')
                                </div>

                                <div
                                    class="list-box--inner---list----panel">@if(filled($proposal->getIndividualEvaluation(auth()->user()->id)) && $proposal->getIndividualEvaluation(auth()->user()->id)->is_finalized)
                                        <i class="fas fa-lock"></i>@endif</div>
{{--                                <div--}}
{{--                                    class="list-box--inner---list----panel">@if(isset($proposal->panel()->first()->name)) {{$proposal->panel()->first()->name}} @else--}}
{{--                                        No Panel set @endif</div>--}}
{{--                                <div class="list-box--inner---list----panel-chair">--}}
{{--                                    --}}{{--                                        @dd($proposal->panel()->first()->chair())--}}
{{--                                    @if(filled($proposal->panel()->first()) && filled($proposal->panel()->first()->chair()))--}}
{{--                                        <a href="{{route('evaluator.evaluation.proposals.single.basic',['proposal'=>$proposal])}}"--}}
{{--                                           class="open-chair-details">{{($proposal->panel()->first()->chair()->getFullname()) ? "dsfgsd" : $proposal->panel()->first()->chair()->getFullname()}}</a>--}}
{{--                                        <div class="chair-details">--}}
{{--                                            <div class="close-bubble"><i class="fas fa-times"></i></div>--}}
{{--                                            <span class="fullname"><strong>Full Name:</strong> {{$proposal->panel()->first()->chair()->getFullname()}}</span>--}}
{{--                                            <span class="email"><strong>E-mail:</strong> {{$proposal->panel()->first()->chair()->email}}</span>--}}
{{--                                            <span class="phone"><strong>Telephone:</strong> {{$proposal->panel()->first()->chair()->phone}}</span>--}}
{{--                                        </div>--}}
{{--                                    @else--}}
{{--                                        <strong>No Panel Chair</strong>--}}
{{--                                    @endif--}}
{{--                                </div>--}}

                                <div class="list-box--inner---list----actions">
                                    <a href="{{route('evaluator.evaluation.proposals.single.basic',['proposal'=>$proposal])}}"
                                       class="view"><i class="fas fa-eye"></i> View</a>
                                </div>
                                <div style="text-align: -webkit-center;" class="list-box--inner---list----actions">
                                    @if($proposal->getIndividualEvaluation(auth()->user()->id) && $proposal->getIndividualEvaluation(auth()->user()->id)->is_finalized)
                                        <span style=" color: green;"><i class="fas fa-check"></i></span>
                                    @else
                                        <span style="color: red;"><i class="fas fa-times"></i></span>
                                    @endif
                                </div>
                                @endforeach
                            </li>
                    </ul>
                </div>
            @else
                <div class="no-elements"><p>You have no proposals assigned yet. Please check back soon.</p></div>
            @endif
        </div>
    </div>

@endsection

@section('javascripts')
    <script src="{{ asset('js/administrator/toastr.min.js') }}"></script>
    <script src="{{ asset('js/administrator/validation.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"
            integrity="sha512-Wt1bJGtlnMtGP0dqNFH1xlkLBNpEodaiQ8ZN5JLA5wpc1sUlk/O5uuOMNgvzddzkpvZ9GLyYNa8w2s7rqiTk5Q=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    {!! Toastr::message() !!}

    <script src="https://raw.githubusercontent.com/nnnick/Chart.js/master/dist/Chart.bundle.js"></script>
@endsection