@extends('layouts.dashboard')

@section('nav-top-left')
    <x-admin.nav-top-left pageTitle="Dashboard"
                          pageSubTitle="Welcome to ApplioBox dashboard"></x-admin.nav-top-left>
@endsection

{{--@if($user->isSuperAdmin === 1)--}}
{{--    @section('nav-top-right')--}}
{{--        <x-admin.nav-top-right btnHref="{{route('test')}}" class="btn add"--}}
{{--                               datatarget="{{route('test')}}" datatoggle="modal"--}}
{{--                               btnTitle="Create Call"></x-admin.nav-top-right>--}}
{{--    @endsection('nav-top-right')--}}
{{--@endif--}}

@section('nav-bottom-left')
    <ul>
        <li class="active"><a href="{{route('dashboard')}}"><i class="fas fa-chart-pie"></i> Dashboard</a></li>
        {{--        <li class=""><a href="#"><i class="fas fa-list-ul"></i> All Calls</a></li>--}}
        {{--        <li><a href="{{route('test')}}"><i class="fas fa-trash"></i> Deleted Calls</a></li>--}}
        {{--        <li><a href="#"><i class="fas fa-trash-restore-alt"></i> Restore Calls</a></li>--}}

    </ul>
@endsection

@section('nav-bottom-right')

@endsection

@section('content')
    <div class="cards-list container-fluid dashboard">
        <div class="row">
            @foreach($calls as $call)
                <div
                    class="main-card col-sm-12 col-lg-4 @if ($call->status == 1) active @elseif ($call->status == 0) ongoing @else completed @endif">
                    <div class="main-card--inner">
                        <div class="main-card--top">
                            <div class="main-card--top---status">
                                @foreach($call->callUserRoles as $userRole)
                                <div class="role-indicator">
                                    <i class="fa fa-user"></i>{{$userRole->role->view_name}}
                                </div>
                                @endforeach
                            </div>
                            <div class="main-card--top---title">
                                <div class="sumbission-program">
                                    <div class="hypertitle">SUBMISSION PROGRAM:</div>
                                    <div class="content">{{$call->submissionProgram->view_name_en}}</div>
                                </div>
                                <div class="call-title">
                                    <div class="hypertitle">CALL TITLE:</div>
                                    <div class="content">
                                        <a href="{{route('call.view',$call->hash_id)}}" style="text-decoration: none">
                                            <h3>{{$call->title}}</h3>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="main-card--bottom">
                            <div class="submissions-bottom">
                                <div class="call-phase {{$call->callPhase->name}}"
                                     title="{{$call->callPhase->description}}">{{$call->callPhase->view_name_en}}</div>
                                <div class="submissions-count">
                                    <div class="submissions-count--counter">
                                        <span>{{$call->proposals()->count()}}</span> proposals
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection