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

@section('content')
    <div class="mover">
        <div class="interestText">
            <h3 class="p mb-10">Guildroom interest Profiler</h3>
            <h1 class="guildRoomInterest-h1 mb-20">
                Welcome to the interest Profiler
            </h1>
            <div class="profiler">
                @if(sys_settings('profiler_introduction'))
                    <p>{{sys_settings('profiler_introduction')}}</p>
                @else
                    <p>
                        We can help you find out what your interests are and how they
                        relate to the world of work. You can find out what you like to do.
                        With the interest profiler, we can help you find out what you like
                        to do. Your answers will help us suggest the best careers you can
                        explore.
                    </p>
                    <br/>
                    <p>
                        Remember, there are no right or wrong answers. Take your time
                        answering the questions, no pressure. Try not to think about your
                        education, experience or what you might make doing the work. You
                        can save your progress at any time but you would not have access
                        to the full features of this platform until the survey is
                        complete.
                    </p>
                @endif
            </div>
            <br/>
            <div class="Next mt-20 mb-30">
                <button class="start">
                    <a style="color: #fff" href="{{ route("user.profiler.onboarding") }}">Start now</a>
                </button>

                <h3 id="skip" style="color: #4490ce; cursor: pointer">
                    <a style="color: #4490ce" href="{{ route("user.profiler.career") }}">Skip</a>
                </h3>
            </div>
        </div>
    </div>
    <div class="startingPosition delete-profile">
        <h3 class="careerPath" style="text-align: center">
            Do you Know your career path?
        </h3>
        <p>If you still need clarity, Please take interest Profiling test!</p>
        <div class="deleteBtn">
            <a href="AddPrefered.html">
                <button class="editbtn">Yes, I'm sure</button>
            </a
            >
            <button class="take more">Take test</button>
        </div>
    </div>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
        crossorigin="anonymous"
        referrerpolicy="no-referrer"
    ></script>
@endsection