@extends('user.profiler.layouts.topmaster')
@section('title', 'Profiler - Completed')

@section('content')
    <div class="doneWrapper">
        <div class="left-grid">
            <h1>You're done</h1>
            <h4>You chose the following career paths:</h4>
            <div class="interestBg">

                @if(count($careers) > 0)
                    @for($i = 0; $i < count($careers); $i++)
                        <div>
                            <h1>{{ $careers[$i]['title'] }}</h1>
                            <a target="_blank" href="{{route("user.profiler.career-summary",$careers[$i]['onenet_code'])}}">View Details</a>
                        </div>
                    @endfor
                @else
                    <div>
                        <p>No fits for you right now.</p>
                    </div>
                @endif

                <div style="display: flex; flex-direction: column">

                    <div style="@if($matched)grid-template-columns: 50% 50%; @else grid-template-columns: 30% 30% 30%; @endif; display: flex; align-content:center; justify-content: space-around">
                        @if($matched)
                            <button class="start">
                                <a style="color: #fff" href="{{ route('user.profiler.mentors-matched') }}">View Mentors</a>
                            </button>
                        @endif
                        <button class="start">
                            <a style="color: #fff" href="{{ route('user.dashboard') }}">Go to Dashboard</a>
                        </button>
                    </div>
                </div>

            </div>
        </div>
        <div class="right-grid">
            <img src="{{ asset('assets/images/rocket_icon.png') }}" alt=""/>
        </div>
    </div>

@endsection