@extends('layouts.dashboard')

@section('nav-top-left')
    @foreach(Auth::user()->getActiveRolesForCall($call) as $role)
        <div class="pill-role">
            <i class="fa fa-user"></i> {{$role->view_name}}
        </div>
    @endforeach
    @if ($user_data['advisory_board_url'] !=='')
        <div class="page-title">Advisory Board</div>
        <div class="page-subtitle">Advisory Phase</div>
    @else
        <div class="page-title">Panels for Evaluation</div>
        <div class="page-subtitle">Review Panel</div>
    @endif

@endsection

@section('nav-bottom-left')
    <ul>
        <li class=""><a href="{{route('dashboard')}}"><i class="fas fa-chart-pie"></i> Dashboard</a></li>
        @if ($user_data['advisory_board_url'] !=='')
            <li class="active"><i class="fas fa-user-tie"></i> Advisory Board</li>
        @else
            <li class="active"><i class="fas fa-layer-group"></i> Panels</li>
        @endif
    </ul>
@endsection

@section('nav-bottom-right')

@endsection

@section('content')
    @if(count($user_data['panels']) > 0 )
    <div class="cards-list container-fluid dashboard">
                    <div class="row">
                        @if ($user_data['advisory_board_url'] !=='')
                            <div class="col-12">
                                <div class="alert alert-info advisory-phase-banner">
                                    <i class="fa fa-info-circle"></i> This call is in the advisory phase.
                                    <a href="
                                    {{ $user_data['advisory_board_url'] }}
                                    " class="btn btn-sm btn-primary ms-2">
                                        Go to Advisory Board
                                    </a>
                                </div>
                            </div>
                        <div class="col-12 section-divider">
                            <h2 class="section-divider--title">Panels</h2>
                            <hr class="section-divider--line">
                        </div>
                        @endif
                        @foreach($user_data['panels'] as $panel)
                            <div class="main-card col-sm-12 col-lg-4">
                                <div class="main-card--inner">
                                    <div class="main-card--top">
                                        <div class="main-card--top---status">
                                            <div class="role-indicator">
                                                <i class="fa fa-user"></i> Panel Chair
                                            </div>
                                        </div>
                                        <div class="main-card--top---title">

                                            <div class="call-title">
                                                <div class="hypertitle">PANEL NAME:</div>
                                                <div class="content">
                                                    <a href="{{route('panel.panel-view',['call'=>$call,'panel'=>$panel])}}" style="text-decoration: none">
                                                        <h3>{{$panel->name}}</h3>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="main-card--bottom">
                                        <div class="submissions-bottom">
                                            <div class="call-phase {{$panel->call?->callPhase?->name}}"
                                                 title="{{$panel->call?->callPhase?->description}}">{{$panel->call?->callPhase?->view_name_en}}</div>
                                            <div class="submissions-count">
                                                <div class="submissions-count--counter">
                                                    <span>{{ count($panel->proposals)  ?? 0}}</span> proposals
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
    @else
        <div class="no-evaluation-available">
            <i class="fas fa-business-time"></i>
            There are no proposals assigned to you yet. Please check back later.
        </div>
    @endif
@endsection