@extends('front.layouts.app')
<style>
    .justify_paragraph{
        text-align: justify;
    }
    .student_assemsnt{
        background-color: #023878;
    }
    .career-path-list li::before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px solid black;
        border-radius: 50%;
        background: black;
        margin-right: 4px;
        margin-bottom: 2px;
    }
</style>
@section('content')
    <div class="container mb-5">
        <div class="row justify-content-center">
            <div class="col-md-8 text-center mt-5" >
                <img src="{{ asset('frontend/academics/img/uor-blue-logo.png')}}" alt="University Logo" class="mt-3 img-fluid" style="max-width: 200px;">
                <h2><strong>Career Assessment Report</strong></h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <p class="my-2"><strong>Name:</strong> {{ $student->student_name }}</p>
                <p class="my-2"><strong>Institute:</strong> {{ $student->institute }}</p>
                <p class="my-2"><strong>Class:</strong> {{ $student->class }}</p>
            </div>
            <div class="col-md-1"></div>
        </div>

        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <h4 class="my-2"><strong>Test Summary & Career Recommendations</strong></h4>
                <p class="my-2" style="text-align: justify;">
                    Based on your responses to the Career Aptitude Test, we have analyzed your strengths and interests.
                </p>

                <p class="my-2 justify_paragraph">{{ $student->primary_secondary_major_description }}</p>
            </div>
            <div class="col-md-1"></div>
        </div>

        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <h4 class="my-2"><strong>Recommended Major(s):</strong></h4>
                <ol class="justify_paragraph">
                    <li>
                        <strong>{{ $student->primary_recommendation }}</strong>
                        <ul  class="justify_paragraph ms-2 career-path-list" >
                            <li class="mt-2"><strong>Potential Career Paths:</strong> {{ $student->primary_major_career_pathways }}</li>
                        </ul>
                    </li>
                </ol>

                <ol start="2" class="justify_paragraph">
                    <li>
                        <strong>{{ $student->secondary_recommendation }}</strong>
                        <ul  class="justify_paragraph ms-2 career-path-list">
                            <li class="mt-2"><strong>Potential Career Paths:</strong> {{ $student->secondary_major_career_pathways }}</li>
                        </ul>
                    </li>
                </ol>

            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <h4 class="my-2"><strong>Next Steps:</strong></h4>
                <p class="my-2 justify_paragraph" >We recommend further exploring these fields to make an informed decision about your future. You can:</p>
                <ol type="1" class="justify_paragraph">
                    <li class="justify_paragraph"> Visit our website to learn more about these programs.</li>
                    <li class="justify_paragraph"> Connect with our academic advisors for career guidance.</li>
                    <li class="justify_paragraph">	Attend UOR open house sessions to explore opportunities. </li>
                </ol>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <p><strong>Sincerely,</strong><br> <strong>University of Rawalpindi</strong> </p>

            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="col-md-12 text-end">
            <a href="{{ route('generate.pdf', $student->id) }}" class="btn btn-primary" target="_blank">
                Download PDF
            </a>
        </div>
    </div>



@endsection