@extends('student.layouts.app')
@section('title', 'Tes Potensi Karier | Career Development and Consultation (CDC)')
@section('header')
    <div class="py-5 toolbar py-lg-5" id="kt_toolbar">
        <div id="kt_toolbar_container" class="flex-wrap container-xxl d-flex flex-stack">
            <div class="page-title d-flex flex-column me-3">
                <h1 class="my-1 d-flex text-dark fw-bolder fs-3">Tes Potensi Karier</h1>
                <ul class="my-1 text-gray-600 breadcrumb breadcrumb-dot fw-bold fs-7">
                    <li class="text-gray-600 breadcrumb-item">
                        <a href="{{ route('student.dashboard') }}" class="text-gray-600 text-hover-primary">Dashboard</a>
                    </li>
                    <li class="text-gray-600 breadcrumb-item">Tes Potensi Karier</li>
                </ul>
            </div>
        </div>
    </div>
@endsection
@section('content')
    @once
        @if (session()->has('error'))
            <div class="p-6 mb-6 border border-dashed rounded notice d-flex bg-light-danger border-danger">
                <span class="svg-icon svg-icon-2tx svg-icon-danger me-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="black" />
                        <rect x="11" y="14" width="7" height="2" rx="1" transform="rotate(-90 11 14)"
                            fill="black" />
                        <rect x="11" y="17" width="2" height="2" rx="1" transform="rotate(-90 11 17)"
                            fill="black" />
                    </svg>
                </span>
                <div class="d-flex flex-stack flex-grow-1">
                    <div class="fw-bold">
                        <div class="text-gray-700 fs-6">{{ session()->get('error') }}</div>
                    </div>
                </div>
            </div>
        @endif
    @endonce
    <div class="card">
        <div class="pb-0 card-body">
            <div class="pt-16 pb-5 text-center card-px">
                <h2 class="mb-0 fs-2x fw-bolder">Let's Start Explore</h2>
                @if ($hasCompleteProfile)
                    <p class="text-gray-700 fs-4 fw-bold py-7">
                        Silakan lengkapi profil Anda sebelum melanjutkan.
                    </p>
                    <a href="{{ route('student.profile') }}" class="px-8 py-4 btn btn-success er fs-5">Lengkapi Profil</a>
                @elseif ($hasStatement == 0)
                    <p class="text-gray-700 fs-4 fw-bold py-7">
                        Tes potensi karier sedang disiapkan, harap hubungi admin.
                    </p>
                @else
                    <p class="text-gray-400 fs-4 fw-bold py-7">Silakan mulai tes<br> dengan lingkungan yang kondusif.</p>
                    <a href="{{ route('student.quisionnare.quest') }}" class="px-8 py-4 btn btn-primary er fs-6">Mulai
                        Tes Potensi Karier</a>
                @endif
            </div>
            <div class="px-5 text-center">
                <img src="{{ asset('assets/student/media/illustrations/sketchy-1/4.png') }}" alt="Image"
                    class="mw-100 h-200px h-sm-325px" />
            </div>
        </div>
    </div>
@endsection
