@extends('dashboard::layouts.app-user-toggling  ')

@section('app-user-content')
    <div class="full-window-height calculate-without-margin">
        @if(gettype($pointInfo) == 'string')
            <div class="row">
                <div class="col-xs-12">
                    <div class="full-window-height">
                        <div class="block-align-response">
                            <div class="finished-questionnaire-info-container">
                                <div class="title text-center">
                                    <h3 class = "medium-font orange-colour">{{ $pointInfo }}</h3>
                                    <div class="return">
                                        <a href="{{ route('hackathon.view-hack', [$hackathonSlug, $hackSlug]) }}" class="return-to-list grey-button">See Hack</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="row">
                <div class="col-xs-12">
                    <div class="finished-questionnaire-info-container">
                        <div class="title text-center">
                            @if(!empty($pointInfo->profile) || $pointInfo->profile)
                                <h3 class = "medium-font orange-colour ">
                                    {{ trim(Auth::user()->name) }}, you have finished questionnaire, your profile is:
                                    <p>{{ $pointInfo->profile->name }}</p>
                                </h3>
                            @else
                                <h3 class="medium-font orange-colour">
                                    {{ trim(Auth::user()->name) }}, you have finished questionnaire. Result:
                                </h3>
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                @if(!empty($pointInfo->profile))
                                    @if(!$pointInfo->profile->images->isEmpty())
                                        <div class="clearfix">
                                            <div class="questionnaire-result-image profile-background-image right-transform text-center">
                                                <img class="border-radius-50" src="/thumbnails/modules/profile/entities/profile/{{ $pointInfo->profile->id }}/640x480/{{ $pointInfo->profile->images->first()->name }}" alt="">
                                            </div>
                                        </div>
                                    @endif
                                @else
                                    @if(!$pointInfo->images->isEmpty())
                                        <div class="questionnaire-result-badge-image text-center">
                                            <img src="/thumbnails/modules/questionnaire/entities/point/{{ $pointInfo->id }}/640x480/{{ $pointInfo->images->first()->name }}" alt="">
                                        </div>
                                    @endif
                                @endif
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="questionnaire-result">
                                    @if(!empty($pointInfo->profile))
                                        <div class="profile-title">
                                            {!! $pointInfo->profile->name !!}
                                        </div>
                                        <div class="profile-description">
                                            {!! $pointInfo->profile->description !!}
                                        </div>
                                    @else
                                        <div class="text-to-show">
                                            {!! $pointInfo->text_to_show !!}
                                        </div>
                                        @if(!empty($pointInfo->badge))
                                            @if(!$pointInfo->badge->images->isEmpty())
                                                <div class="questionnaire-result-badge-image badge-image text-center">
                                                    <img src="/thumbnails/modules/badge/entities/badge/{{ $pointInfo->badge->id }}/100x75/{{ $pointInfo->badge->images->first()->name }}" alt="">
                                                </div>
                                            @endif
                                            <div class="badge-info">
                                                <div class="badge-title">
                                                    {!! $pointInfo->badge->title !!}
                                                </div>
                                                <div class="badge-description">
                                                    {!! $pointInfo->badge->description !!}
                                                </div>
                                            </div>
                                        @endif
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="return confirm-questionnaire-finish-btn">
                                    @include('dashboard::frontend.partials.button', ['name' => 'finish it', 'route' => route('app.last-step-questionnaire', [$hackathonSlug, $hackSlug, $questionnaireSlug])])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection