@extends('layouts_old.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/index.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/permissions.css')}}"/>
@endsection


@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <div class="main-wrapper">
        <div id="permissions">
            <div class="row justify-content-between Header top-container mb-5">
                <div class="col-md-8  d-flex  justify-content-center justify-content-md-start Header-breadcrumbs">
                    <p class="Header-breadcrumbs--title">{{ Breadcrumbs::render('viewphaseact', $phase->activation_phase, $phase) }}</p>
                </div>
                <h2 class="page-title">Viewing users for Phase Act: {{ $phase->description }}</h2>
            </div>
            <div class="main-info-container user-phase-table">
                @if($users != 'null')
                    <div class="row main-info-container--header-row">
                        <p class="number">No</p>
                        <p class="name">Name</p>
                        <p class="name">Email</p>
                        <p class="roles">Roles</p>
                        <p class="status">Step</p>
                        <p class="status">Tries</p>
                        <p class="status">Active</p>
                        <p class="status">Issue</p>
                        <p class="action"></p>
                    </div>

                    @foreach ($users as $user)
                        <div class=" row main-info-container--row">
                            <p class="number"><span>{{ $user->id }}</span></p>
                            <p class="name">{{ $user->fullname }}</p>
                            <p class="name">{{ $user->email }}</p>
                            <p class="roles">
                                @foreach($user->roles as $role)
                                    {{ $role->name }} <br>
                                @endforeach
                            </p>
                            <p class="status">

                                @if(isset($user->link->invitation_status))
                                    {{$user->link->invitation_status->current_step}}
                                @else
                                    pending
                                @endif
                            </p>
                            <p class="status">

                                @if(isset($user->link->invitation_status) && ($user->link->invitation_status->current_step === 'afm' || $user->link->invitation_status->current_step === 'afm_failed') )
                                    @switch(3 - $user->link->invitation_status->tries_remaining)
                                        @case(3)
                                        <img src="{{asset('images/bar-three.svg')}}" alt="3 tries">

                                        @break

                                        @case(2)
                                        <img src="{{asset('images/bar-two.svg')}}" alt="2 tries">

                                        @break

                                        @case(1)
                                        <img src="{{asset('images/bar-one.svg')}}" alt="1 tries">
                                        @break

                                        @case(0)
                                        <img src="{{asset('images/bar-zero.svg')}}" alt="0 tries">
                                        @break

                                        @default
                                        <span class="status">?</span>
                                    @endswitch


                                @endif
                            </p>
                            <p class="status @if($user->isActiveDua) isActive @else isInactive @endif"
                               title="Ο χρήστης @if(!$user->isActiveDua)δεν@endif ολοκλήρωσε την διαδικασία ενεργοποίησης">
                                <span></span></p>
                            <p class="status @if(isset($user->userActivationRequest)) @if($user->userActivationRequest->resolved) isActive @else isInactive @endif @else - @endif"
                               title="@if(isset($user->userActivationRequest)) @if($user->userActivationRequest->resolved) Issue has been resolved @else Issue has not been resolved @endif @else User has no registered issue @endif">
                                <span></span></p>

                            <p class="action">
                                @if(isset($user->userActivationRequest) && !$user->userActivationRequest->resolved)
                                    <a href="{{route('users.activation.request.edit',['userActivationRequest' => $user->userActivationRequest->id])}}">Resolve</a>
                                @endif
                            </p>

                        </div>
                    @endforeach
                @else
                    <p>Δεν έχουν προσκληθεί ακόμα χρήστες στην {{$phase->view_name}}</p>
                @endif
            </div>
        </div>
    </div>
    </div>
@endsection