{{-- resources/views/ats/candidate-results.blade.php --}}
@extends('layouts.app')

@section('title', 'Analysis Results - ATS Score Checker')

@php
    use Carbon\Carbon;
    $formatted = Carbon::parse($analysis->analyzed_at)->format('F d, Y \a\t H:i');
@endphp


<link rel="stylesheet" href="{{ asset('css/candidate-result.css') }}">


@section('content')
<div class="container">
    <!-- Breadcrumb -->
    <div class="breadcrumb">
        <a href="{{ route('dashboard') }}">Dashboard</a>
        <span>/</span>
        <span>{{ $analysis->candidate_first_name }}</span>
    </div>

    <!-- Candidate Profile Card -->
    <div class="candidate-profile-card">
        <div class="profile-header">
            <div class="profile-info">
                <h1>{{ $analysis->candidate_name }}</h1>
                <p class="profile-email">{{ $analysis->email }}</p>
                <div class="upload-info">
                    <svg
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                    >
                        <path
                            d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
                        />
                        <polyline points="17,8 12,3 7,8" />
                        <line x1="12" y1="3" x2="12" y2="15" />
                    </svg>
                    <span>{{ $formatted }}</span>
                </div>
            </div>
            <div class="analysis-status">Analysis Complete</div>
        </div>
    </div>

    <!-- HirebyAI Analysis Section -->
    <div class="analysis-section">
        <div class="analysis-header">HirebyAI Analysis</div>
        <div class="analysis-content">
            <!-- Rating and Professional Summary -->
            <div class="analysis-grid">
                <div class="rating-card">
                    <div class="rating-score">{{ $analysis->ats_score }}%</div>
                    <div class="rating-label">Overall Rating</div>
                </div>
                <div class="professional-summary">
                    <h3>Professional Summary</h3>
                    <p>
                        {{ $analysis->analysis_data['professional_summary'] ?? 'Analysis completed successfully' }}
                    </p>
                </div>
            </div>

            <!-- Experience, Salary, Recommendation Grid -->
            <div class="info-grid">
                <div class="info-card experience">
                    <h4>Experience Level</h4>
                    <div class="value">{{ $analysis->experience_level }}</div>
                </div>
                <div class="info-card years">
                    <h4>Years of Experience</h4>
                    <div class="value">{{ $analysis->years_experience }}</div>
                </div>
                <div class="info-card salary">
                    <h4>Salary Range</h4>
                    <div class="value">
                        {{ $analysis->salary_range['currency'] }} {{$analysis->salary_range['min']}} - {{$analysis->salary_range['max']}} <br />per annum
                    </div>
                </div>
                <div class="info-card recommendation">
                    <h4>Recommendation</h4>
                        <div class="value">
                            @if(isset($analysis->analysis_data['recommendations']) && count($analysis->analysis_data['recommendations']) > 0)
                            <ul class="list-unstyled">
                                @foreach($analysis->analysis_data['recommendations'] as $recommendation)
                                    <li class="mb-2">
                                        <i class="fas fa-check text-warning me-2"></i>{{ $recommendation }}
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-muted">No specific strengths identified.</p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Key Strengths and Technical Skills -->
            <div class="two-column-grid">
                <div class="key-strengths">
                    <h3 class="section-title">Key Strengths</h3>
                    <ul class="strengths-list">
                            @if(isset($analysis->analysis_data['strengths']) && count($analysis->analysis_data['strengths']) > 0)

                                @foreach($analysis->analysis_data['strengths'] as $strength)
                                    <li class="mb-2">
                                        <i class="fas fa-check text-success me-2"></i>{{ $strength }}
                                    </li>
                                @endforeach
                        @else
                            <p class="text-muted">No specific strengths identified.</p>
                        @endif
                    </ul>
                </div>
                <div class="skills-container">
                    <h3 class="section-title">🔧 Technical Skills</h3>
                    <div class="skills-badges-group">
                        @if(isset($analysis->analysis_data['keyword_analysis']['found_keywords']) && count($analysis->analysis_data['keyword_analysis']['found_keywords']) > 0)
                            @foreach($analysis->analysis_data['keyword_analysis']['found_keywords'] as $foundKeyword)
                                <span class="skill-badge skill-badge-main">{{ $foundKeyword }}</span>
                            @endforeach
                        @else
                            <p class="text-muted">No specific technical skills identified.</p>
                        @endif
                        <span class="skills-suggested-label">Suggested Skills</span>
                        @if(isset($analysis->analysis_data['keyword_analysis']['missing_keywords']) && count($analysis->analysis_data['keyword_analysis']['missing_keywords']) > 0)
                            @foreach($analysis->analysis_data['keyword_analysis']['missing_keywords'] as $missingKeyword)
                                <span class="skill-badge skill-badge-suggested">{{ $missingKeyword }}</span>
                            @endforeach
                        @else
                            <p class="text-muted">No suggested skills identified.</p>
                        @endif
                    </div>
                </div>

            </div>

            <!-- Education and Notable Achievements -->
            <div class="two-column-grid">
                <div class="education-section">
                    <h3 class="section-title">🎓 Education</h3>
                    <div class="education-item">
                        <h5>
                            {{$analysis->education_details['degree'] ?? 'Not specified' }} from
                            {{ $analysis->education_details['institution'] ?? 'Not specified' }} ({{ $analysis->education_details['year'] ?? 'Not specified' }})
                        </h5>
                    </div>
                </div>
                <div class="achievements-section">
                    <h3 class="section-title">
                        🏆 Notable Achievements
                    </h3>

                    @if(isset($analysis->notable_achievements) && count($analysis->notable_achievements) > 0)

                        @foreach($analysis->notable_achievements as $achievement)
                            <div class="achievement-item">
                                <h5>
                                    <i class="fas fa-check text-success me-2"></i>{{ $achievement }}
                                </h5>
                            </div>
                        @endforeach

                    @else
                        <p class="text-muted">No specific notable achievement identified.</p>
                    @endif
                </div>
            </div>

            <!-- Areas for Improvement and Suitable Roles -->
            <div class="two-column-grid">
                <div class="improvement-areas">
                    <h3 class="section-title">Areas for Improvement</h3>

                    @if(isset($analysis->analysis_data['weaknesses']) && count($analysis->analysis_data['weaknesses']) > 0)
                        <ul class="improvement-list">
                            @foreach($analysis->analysis_data['weaknesses'] as $weakness)
                                <li>
                                    {{ $weakness }}
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted">No specific weaknesses identified.</p>
                    @endif

                </div>




                <div class="suitable-roles">
                    <h3 class="section-title">🎯 Suitable Roles</h3>
                    <div class="role-tags">
                        @foreach(array_slice($analysis->job_matches, 0, 5) as $job)
                            <span class="suitable-roles-success frontend"
                                >{{ $job['title'] ?? 'Job Title' }}</span
                            >
                        @endforeach

                    </div>
                </div>
            </div>

            <!-- Red Flags and Interview Focus Areas -->
            <div class="concerns-focus-grid">
                <div class="red-flags">
                    <h4>Red Flags / Concerns</h4>

                        @if(isset($analysis->red_flags) && count($analysis->red_flags) > 0)
                            <ul class="flags-list red-flags-list">
                                @foreach($analysis->red_flags as $flag)
                                    <li>
                                        <i class="fas fa-check text-danger me-2"></i>{{ $flag }}
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-muted">No specific red flags identified.</p>
                        @endif
                </div>
                <div class="interview-focus">
                    <h4>Interview Focus Areas</h4>


                    @if(isset($analysis->interview_focus_areas) && count($analysis->interview_focus_areas) > 0)
                        <ul class="focus-list">
                            @foreach($analysis->interview_focus_areas as $area)
                                <li>
                                    <i class="fas fa-check text-danger me-2"></i>{{ $area }}
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted">No specific interview focus area identified.</p>
                    @endif


                </div>
            </div>
        </div>
    </div>

    <!-- CV Enhancement Suggestions Section -->
    <div class="cv-enhancement-section">
        <div class="cv-enhancement-header">
            CV Enhancement Suggestions
        </div>
        <div class="cv-enhancement-content">
            <!-- CV Score -->
            <div class="cv-score-section">
                <div class="cv-score">{{ $analysis->ats_score }}/100</div>
                <div class="cv-score-label">CV Score</div>
            </div>

            <!-- Critical Improvements -->
            <div class="cv-improvements-grid">
                <div class="critical-improvements">
                    <h4>
                        Critical Improvements
                        <span class="high-impact-badge">High Impact</span>
                    </h4>
                    @if(!empty($analysis->cv_improvement))
                        <ul>
                        @foreach($analysis->cv_improvement as $improvement)
                            <div class="improvement-item">
                                <div class="improvement-category">


                                </div>

                                <li class="improvement-suggestion">
                                    {{ $improvement }}
                                </li>
                                {{-- <p class="improvement-suggestion">
                                    {{ $improvement }}
                                </p> --}}
                            </div>

                        @endforeach
                        </ul>
                    @endif
                </div>

                <!-- Formatting Improvements -->
                {{-- <div class="formatting-improvements">
                    <h4>Formatting Improvements</h4>
                    <ul class="formatting-list">
                        @if(!empty($analysis->recommendations))
                            @foreach($analysis->recommendations as $rec)
                                <li>{{ $rec }}</li>
                            @endforeach
                        @endif
                    </ul>
                </div> --}}
            </div>
        </div>
    </div>

    <!-- Continued Learning Recommendations Section -->
    <div class="continued-learning-section">
        <div class="continued-learning-header">
            Continued Learning Recommendations
        </div>
        <div class="continued-learning-content">
            <!-- High Priority Certifications -->
            <div class="certifications-section">
                <h3 class="certifications-title">
                    <i class="fas fa-certificate text-warning me-2"></i> High Priority Certifications
                </h3>
                @if(!empty($analysis->course_recommendations))
                    <div class="certifications-grid">
                        @foreach($analysis->course_recommendations as $course)
                            <div class="certification-warning-card">
                                <div class="certification-warning-header">
                                    <i class="fas fa-exclamation-triangle warning-icon"></i>
                                    <span class="certification-warning-title">{{ $course['course'] ?? '' }}</span>
                                    @if(isset($course['level']))
                                        <span class="certification-level-badge level-{{ strtolower($course['level']) }}">
                                            {{ ucfirst($course['level']) }}
                                        </span>
                                    @endif
                                </div>
                                <div class="certification-warning-body">
                                    <div class="certification-warning-provider">
                                        <i class="fas fa-university me-1"></i> {{ $course['provider'] ?? '' }}
                                    </div>
                                    <div class="certification-warning-reason">
                                        {{ $course['reason'] ?? '' }}
                                    </div>
                                    @if(isset($course['progress']))
                                        <div class="certification-progress-bar">
                                            <div class="progress" style="width: {{ $course['progress'] }}%"></div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>

            <!-- Learning Roadmap -->
            <div class="learning-roadmap">
                <h3 class="roadmap-title"><i class="fas fa-route me-2"></i>Learning Roadmap</h3>
                <div class="roadmap-timeline roadmap-timeline-enhanced">
                    @if(!empty($analysis->skill_gaps))
                        @foreach($analysis->skill_gaps as $gap)
                            <div class="timeline-item timeline-item-enhanced {{ strtolower(str_replace(' ', '-', $gap['skill'])) }} priority-{{ strtolower($gap['importance']) }}">
                                <div class="timeline-dot"></div>
                                <div class="timeline-period">
                                    <i class="fas fa-flag me-1"></i> {{ ucfirst($gap['importance']) }} Priority
                                </div>
                                <div class="timeline-goal">
                                    <i class="fas fa-bullseye me-1"></i> {{ $gap['suggestion'] }}
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>

    

    <!-- Back to Dashboard Button -->
    <div class="back-to-dashboard">
        <a href="{{ route('dashboard') }}" class="back-btn">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
                <path d="M19 12H5" />
                <path d="M12 19l-7-7 7-7" />
            </svg>
            Back to Dashboard
        </a>
    </div>
</div>

@php
function getScoreClass($score) {
    if ($score >= 80) return 'score-excellent';
    if ($score >= 60) return 'score-good';
    if ($score >= 40) return 'score-average';
    return 'score-poor';
}
@endphp

<script>
function handleFile(file) {
    console.log('File size:', file.size);
    if (file.size > 5 * 1024 * 1024) {
        console.log('File too large, calling showToast');
        showToast('File size must be less than 5MB', 'danger');
        return;
    }
    // ... rest of your code
}

function showToast(message, type = 'info') {
    console.log('showToast called with:', message, type);
    // ... rest of your code
}
</script>
@endsection