@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
    <div class="page-title">Administration of {{$call->title}}</div>
    <div class="page-subtitle">Administrate the content of the call</div>
@endsection
@section('nav-bottom-left')
    <ul>
        <li class=""><a href="{{route('dashboard')}}"><i class="fas fa-chart-pie"></i> Dashboard</a></li>
        <li class="active"><a href="#"><i class="fas fa-list-ul"></i> Admin Area</a></li>
    </ul>
@endsection
@section('content')
    <div class="card-body">
        <div class="cards-list container-fluid mt-2">
            <div class="row">
                <div class="tables-card col-12 col-sm-6 col-lg-4">
                    <a href="{{route('invite.evaluators', ['call' => $call])}}">
                        <div class="tables-card--inner">
                            <div class="tables-card--inner---icon"><i class="fas fa-table-list"></i></div>
                            <div class="tables-card--inner---details">
                                <h3>Add Evaluators to Call</h3>
                                <p>
                                    Click to invite users for the evaluation process
                                </p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="tables-card col-12 col-sm-6 col-lg-4">
                    <a href="{{route('assign.evaluators.view', ['call' => $call])}}">
                        <div class="tables-card--inner">
                            <div class="tables-card--inner---icon"><i class="fas fa-diagram-predecessor"></i></div>
                            <div class="tables-card--inner---details">
                                <h3>Assign Evaluators to Proposals</h3>
                                <p>
                                    Click to assign evaluators to proposals
                                </p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="tables-card col-12 col-sm-6 col-lg-4">
                    <a href="{{route('manage.panels', ['call' => $call])}}">
                        <div class="tables-card--inner">
                            <div class="tables-card--inner---icon"><i class="fas fa-layer-group"></i></div>
                            <div class="tables-card--inner---details">
                                <h3>Manage Panels</h3>
                                <p>
                                    Click to manage Evaluation Panels
                                </p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="tables-card col-12 col-sm-6 col-lg-4">
                    <a href="{{route('call.settings', ['call' => $call])}}">
                        <div class="tables-card--inner">
                            <div class="tables-card--inner---icon"><i class="fas fa-cogs"></i></div>
                            <div class="tables-card--inner---details">
                                <h3>Call Administration</h3>
                                <p>
                                    Click to manage Call Properties
                                </p>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    </div>
@endsection