@extends('layouts.generic')

@section('page_title', $profile->displayName())
@section('page_description', $profile->publicHeadline())
@section('share_url', $profileUrl)
@section('share_title', $profile->displayName().' - '.getSetting('site.name'))
@section('share_description', $profile->publicHeadline())
@section('share_type', 'profile')
@section('share_img', GenericHelper::getOGMetaImage())

@section('meta')
    @if($isPreview)
        <meta name="robots" content="noindex, nofollow">
    @endif
@stop

@section('styles')
    {!!
        Minify::stylesheet([
            '/css/pages/public-candidate-profile.css',
         ])->withFullUrl()
    !!}
@stop

@section('content')
    <section class="talent-hero">
        <div class="container py-5">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10">
                    <div class="d-flex flex-column flex-md-row align-items-md-center">
                        <img class="talent-avatar rounded-circle shadow-sm mr-md-4 mb-4 mb-md-0" src="{{$profile->user->avatar}}" alt="{{$profile->displayName()}}">
                        <div class="flex-fill">
                            <div class="d-flex flex-wrap align-items-center mb-2">
                                <h1 class="h2 font-weight-bolder mb-0 mr-3">{{$profile->displayName()}}</h1>
                                @if($profile->open_to_work)
                                    <span class="talent-status"><span class="talent-status-dot"></span>{{__('Open to work')}}</span>
                                @endif
                            </div>
                            <p class="h5 text-muted mb-3">{{$profile->publicHeadline()}}</p>
                            @if($profile->desired_job_titles)
                                <div>
                                    @foreach($profile->desired_job_titles as $title)
                                        <span class="talent-chip">{{$title}}</span>
                                    @endforeach
                                </div>
                            @else
                                <p class="text-muted mb-0">{{__('Target roles will appear here once added.')}}</p>
                            @endif
                        </div>
                        <div class="mt-4 mt-md-0 ml-md-4 d-flex flex-column">
                            @if($resumeUrl)
                                <a class="btn btn-primary mb-2" href="{{$resumeUrl}}" target="_blank" rel="noopener">{{__('View CV')}}</a>
                            @endif
                            @if($isPreview)
                                <a class="btn btn-outline-primary mb-0" href="{{route('my.candidate.profile')}}">{{__('Edit profile')}}</a>
                            @else
                                <a class="btn btn-outline-primary mb-0" href="{{route('search.get')}}">{{__('Browse jobs')}}</a>
                            @endif
                        </div>
                    </div>
                    <div class="talent-summary-grid mt-5">
                        @foreach($summaryItems as $item)
                            <div class="talent-summary-item">
                                <div class="text-muted small">{{$item['label']}}</div>
                                <div class="font-weight-bold">{{$item['value'] ?: __('Not added')}}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container my-5">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-7 mb-4 mb-lg-0">
                <div class="card rounded-xl shadow-sm mb-4">
                    <div class="card-body">
                        <h2 class="h4 font-weight-bold mb-3">{{__('About')}}</h2>
                        @if($profile->bio)
                            <p class="text-muted mb-0">{!! nl2br(e($profile->bio)) !!}</p>
                        @else
                            <p class="text-muted mb-0">{{__('This talent profile is still being completed.')}}</p>
                        @endif
                    </div>
                </div>

                <div class="card rounded-xl shadow-sm">
                    <div class="card-body">
                        <div class="d-flex flex-column flex-md-row justify-content-between mb-3">
                            <h2 class="h4 font-weight-bold mb-2 mb-md-0">{{__('Skills and focus')}}</h2>
                            @if($profile->open_to_work)
                                <span class="badge badge-primary align-self-md-start">{{__('Open to work')}}</span>
                            @endif
                        </div>
                        <div>
                            @if($profile->desired_skills)
                                @foreach($profile->desired_skills as $skill)
                                    <span class="talent-chip">{{$skill}}</span>
                                @endforeach
                            @else
                                <p class="text-muted mb-0">{{__('Skills will appear here once added.')}}</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-lg-3">
                <div class="card rounded-xl shadow-sm mb-4">
                    <div class="card-body">
                        <h2 class="h5 font-weight-bold mb-3">{{__('Preferences')}}</h2>

                        @if($profile->desired_locations)
                            <div class="talent-meta-item py-3">
                                <div class="font-weight-bold">{{__('Locations')}}</div>
                                <div class="text-muted">{{implode(', ', $profile->desired_locations)}}</div>
                            </div>
                        @endif

                        @if($profile->preferenceLabel($profile->remote_preference))
                            <div class="talent-meta-item py-3">
                                <div class="font-weight-bold">{{__('Work mode')}}</div>
                                <div class="text-muted">{{$profile->preferenceLabel($profile->remote_preference)}}</div>
                            </div>
                        @endif

                        @if($profile->preferenceLabel($profile->availability))
                            <div class="talent-meta-item py-3">
                                <div class="font-weight-bold">{{__('Availability')}}</div>
                                <div class="text-muted">{{$profile->preferenceLabel($profile->availability)}}</div>
                            </div>
                        @endif

                        @if($profile->preferenceLabel($profile->seniority))
                            <div class="talent-meta-item py-3">
                                <div class="font-weight-bold">{{__('Seniority')}}</div>
                                <div class="text-muted">{{$profile->preferenceLabel($profile->seniority)}}</div>
                            </div>
                        @endif

                        @if($salary)
                            <div class="talent-meta-item py-3">
                                <div class="font-weight-bold">{{__('Compensation')}}</div>
                                <div class="text-muted">{{$salary}}</div>
                            </div>
                        @endif

                        @if(!$profile->desired_locations && !$profile->remote_preference && !$profile->availability && !$profile->seniority && !$salary)
                            <p class="text-muted mb-0">{{__('Preferences will appear here once added.')}}</p>
                        @endif
                    </div>
                </div>

                @if(!$isPreview)
                    <div class="card rounded-xl shadow-sm">
                        <div class="card-body">
                            <h2 class="h5 font-weight-bold mb-2">{{__('Candidate profile')}}</h2>
                            <p class="text-muted mb-3">{{__('Find roles that match this profile or keep exploring current openings.')}}</p>
                            <a class="btn btn-outline-primary btn-block mb-0" href="{{route('search.get')}}">{{__('Back to jobs')}}</a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection