@extends('layouts.user-no-nav')

@section('page_title', __('Application'))

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

@section('content')
    <div class="container">
        @include('elements.page-navigation-header',[
            'title' => $justSubmitted ? __('Application sent') : __('Application'),
            'points' => [
                ['title' => __('Home'), 'route' => route('home')],
                ['title' => __('Candidate dashboard'), 'route' => route('my.candidate.dashboard')],
                ['title' => __('Applications'), 'route' => route('my.candidate.applications')],
                ['title' => $application->job ? $application->job->title : __('Application')],
            ],
        ])

        @include('elements.message-alert',['classes'=>'alert-box pt-0 pb-4'])

        @if($justSubmitted || $justUpdated)
            <div class="card rounded-xl shadow-sm mb-4">
                <div class="card-body d-flex flex-column flex-lg-row justify-content-between align-items-lg-center">
                    <div>
                        <h4 class="font-weight-bold mb-1">{{$justSubmitted ? __('Application sent') : __('Application updated')}}</h4>
                        <p class="text-muted mb-0">{{__('Your candidate profile, note, and CV link are saved with this application.')}}</p>
                    </div>
                    <div class="application-detail-actions d-flex flex-wrap mt-3 mt-lg-0">
                        <a class="btn btn-outline-primary mb-0" href="{{route('my.candidate.applications')}}">{{__('All applications')}}</a>
                        <a class="btn btn-primary mb-0" href="{{route('my.candidate.profile')}}">{{__('Improve profile')}}</a>
                    </div>
                </div>
            </div>
        @endif

        <div class="row">
            <div class="col-12 col-lg-8">
                <div class="card rounded-xl shadow-sm mb-4">
                    <div class="card-body">
                        <div class="d-flex flex-column flex-md-row justify-content-between">
                            <div class="min-width-0">
                                <span class="badge badge-primary-outline badge-pill mb-3">{{$application->candidateStatusLabel()}}</span>
                                @if($application->job)
                                    <p class="text-muted mb-1">{{$application->job->company ? $application->job->company->name : __('Company')}}</p>
                                    <h4 class="font-weight-bold mb-2">{{$application->job->title}}</h4>
                                    <p class="text-muted mb-0">{{isset($application->job->type->name) ? $application->job->type->name : __('Job')}} @if($application->job->salary) - {{$application->job->salary}} @endif</p>
                                @else
                                    <h4 class="font-weight-bold mb-2">{{__('Job no longer available')}}</h4>
                                    <p class="text-muted mb-0">{{__('The listing connected to this application has been removed.')}}</p>
                                @endif
                            </div>
                            @if($application->appliedDate())
                                <div class="text-muted mt-3 mt-md-0">
                                    {{__('Applied')}} {{$application->appliedDate()->format('M j, Y')}}
                                </div>
                            @endif
                        </div>

                        @if($application->cover_note)
                            <div class="application-detail-section mt-4 pt-4">
                                <div class="font-weight-bold mb-1">{{__('Your note')}}</div>
                                <p class="text-muted text-break mb-0">{{$application->cover_note}}</p>
                            </div>
                        @endif

                        @if($application->answers->count())
                            <div class="application-detail-section mt-4 pt-4">
                                <div class="font-weight-bold mb-3">{{__('Your answers')}}</div>
                                @foreach($application->answers as $answer)
                                    <div class="mb-3">
                                        <div class="font-weight-bold mb-1">{{$answer->question_snapshot}}</div>
                                        <p class="text-muted text-break mb-0">{{$answer->answer}}</p>
                                    </div>
                                @endforeach
                            </div>
                        @endif

                        <div class="application-detail-section mt-4 pt-4">
                            <div class="font-weight-bold mb-3">{{__('Profile snapshot sent')}}</div>
                            <div class="row">
                                <div class="col-12 col-md-6 mb-3">
                                    <div class="text-muted small">{{__('Name')}}</div>
                                    <div class="font-weight-bold">{{$application->snapshotValue('name', Auth::user()->name)}}</div>
                                </div>
                                <div class="col-12 col-md-6 mb-3">
                                    <div class="text-muted small">{{__('Headline')}}</div>
                                    <div class="font-weight-bold">{{$application->snapshotTextLabel('headline')}}</div>
                                </div>
                                <div class="col-12 col-md-6 mb-3">
                                    <div class="text-muted small">{{__('Target roles')}}</div>
                                    <div>{{$application->snapshotListLabel('desired_job_titles')}}</div>
                                </div>
                                <div class="col-12 col-md-6 mb-3">
                                    <div class="text-muted small">{{__('Locations')}}</div>
                                    <div>{{$application->snapshotListLabel('desired_locations')}}</div>
                                </div>
                            </div>

                            @if($application->snapshotList('desired_skills'))
                                <div class="mt-1">
                                    <div class="text-muted small mb-2">{{__('Skills')}}</div>
                                    @foreach($application->snapshotList('desired_skills') as $skill)
                                        <span class="badge badge-primary badge-primary-outline badge-pill mr-1 mb-1">{{$skill}}</span>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 col-lg-4">
                <div class="card rounded-xl shadow-sm mb-4">
                    <div class="card-body">
                        <h5 class="font-weight-bold mb-3">{{__('Application progress')}}</h5>
                        <div class="application-progress-card mb-3">
                            <div class="d-flex justify-content-between align-items-start mb-3">
                                <div>
                                    <div class="text-muted small mb-1">{{__('Current status')}}</div>
                                    <span class="badge badge-primary-outline badge-pill">{{$application->candidateStatusLabel()}}</span>
                                </div>
                                <div class="text-right">
                                    <div class="font-weight-bold">{{$application->timelineReached()}}/{{$application->timelineTotal()}}</div>
                                    <div class="text-muted small">{{__('steps')}}</div>
                                </div>
                            </div>
                            <div class="application-progress-bar" style="--progress: {{$application->timelineProgress()}}%">
                                <span></span>
                            </div>
                            @if($application->status_changed_at)
                                <div class="text-muted small mt-2">{{__('Updated')}} {{$application->status_changed_at->format('M j')}}</div>
                            @elseif($application->appliedDate())
                                <div class="text-muted small mt-2">{{__('Applied')}} {{$application->appliedDate()->format('M j, Y')}}</div>
                            @endif
                        </div>
                        <div class="application-status-list">
                            @foreach($application->timelineSteps() as $index => $step)
                                <div class="application-status-step {{$application->isTimelineStepComplete($index) ? 'is-complete' : ''}} {{$application->isTimelineStepCurrent($step) ? 'is-current' : ''}}">
                                    <div class="application-status-dot"></div>
                                    <div class="application-status-meta min-width-0">
                                        <div class="font-weight-bold">{{$step['label']}}</div>
                                        <div class="text-muted small">
                                            @if($step['date'])
                                                {{$step['date']->format('M j, Y')}}
                                            @elseif($application->isTimelineStepComplete($index))
                                                {{__('Completed')}}
                                            @else
                                                {{__('Waiting')}}
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                <div class="card rounded-xl shadow-sm">
                    <div class="card-body">
                        <h5 class="font-weight-bold mb-3">{{__('Links')}}</h5>
                        @if($application->job)
                            <a class="btn btn-primary btn-block" href="{{route('jobs.apply', ['jobID' => $application->job->id])}}">{{__('Update application')}}</a>
                        @endif
                        @if($application->job)
                            <a class="btn btn-outline-primary btn-block" href="{{route('jobs.get', ['slug' => $application->job->slug])}}">{{__('View listing')}}</a>
                        @endif
                        @if($application->resume_url)
                            <a class="btn btn-outline-primary btn-block" href="{{$application->resume_url}}" target="_blank" rel="noopener">{{__('Open CV')}}</a>
                        @endif
                        @if($application->snapshotValue('public_profile_url'))
                            <a class="btn-text btn-text-primary d-inline-flex mt-3" href="{{$application->snapshotValue('public_profile_url')}}" target="_blank" rel="noopener">{{__('Open public profile')}}</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection