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

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

@section('styles')
    {!!
        Minify::stylesheet([
            '/css/pages/my-job-applicant.css',
         ])->withFullUrl()
    !!}
@stop

@section('content')
    <div class="container">
        @include('elements.page-navigation-header',[
            'title' => __('Applicant'),
            'points' => [
                ['title' => __('Home'), 'route' => route('home')],
                ['title' => __('Job listings'), 'route' => route('my.jobs.get')],
                ['title' => __('Applicants'), 'route' => route('my.jobs.applicants.index')],
                ['title' => $application->candidateDisplayName()],
            ],
        ])

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

        <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->statusLabel()}}</span>
                                <h3 class="font-weight-bold mb-1">{{$application->candidateDisplayName()}}</h3>
                                <p class="text-muted mb-2">{{$application->candidateHeadline()}}</p>
                                @if($application->job)
                                    <p class="mb-0">
                                        <span class="text-muted">{{__('Applied for')}}</span>
                                        <a class="font-weight-bold text-dark-r" href="{{route('my.jobs.applicants', ['jobID' => $application->job->id])}}">{{$application->job->title}}</a>
                                        <span class="text-muted">· {{$application->job->company ? $application->job->company->name : __('Company')}}</span>
                                    </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="applicant-detail-section mt-4 pt-4">
                                <div class="font-weight-bold mb-1">{{__('Candidate note')}}</div>
                                <p class="text-muted text-break mb-0">{{$application->cover_note}}</p>
                            </div>
                        @endif

                        @if($application->answers->count())
                            <div class="applicant-detail-section mt-4 pt-4">
                                <div class="font-weight-bold mb-3">{{__('Screening 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 ?: __('No answer')}}</p>
                                    </div>
                                @endforeach
                            </div>
                        @endif

                        <div class="applicant-detail-section mt-4 pt-4">
                            <div class="font-weight-bold mb-3">{{__('Profile snapshot')}}</div>
                            <div class="row">
                                <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 class="col-12 col-md-6 mb-3">
                                    <div class="text-muted small">{{__('Availability')}}</div>
                                    <div>{{$application->snapshotTextLabel('availability')}}</div>
                                </div>
                                <div class="col-12 col-md-6 mb-3">
                                    <div class="text-muted small">{{__('Seniority')}}</div>
                                    <div>{{$application->snapshotTextLabel('seniority')}}</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">
                <form method="POST" action="{{route('my.jobs.applications.update', ['applicationID' => $application->id])}}" class="card rounded-xl shadow-sm applicant-review-panel mb-4">
                    @csrf
                    @method('PATCH')
                    <div class="card-body">
                        <h5 class="font-weight-bold mb-3">{{__('Review')}}</h5>
                        <div class="d-flex justify-content-between mb-3">
                            <span class="text-muted">{{__('Current')}}</span>
                            <span class="font-weight-bold">{{$application->statusLabel()}}</span>
                        </div>
                        @if($application->status_changed_at)
                            <div class="d-flex justify-content-between mb-3">
                                <span class="text-muted">{{__('Updated')}}</span>
                                <span class="font-weight-bold">{{$application->status_changed_at->format('M j, Y')}}</span>
                            </div>
                        @endif
                        <div class="form-group">
                            <label for="status_{{$application->id}}" class="font-weight-bold">{{__('Status')}}</label>
                            <select id="status_{{$application->id}}" name="status" class="form-control">
                                @foreach($statusLabels as $status => $label)
                                    <option value="{{$status}}" {{$application->status === $status ? 'selected' : ''}}>{{$label}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="publisher_note_{{$application->id}}" class="font-weight-bold">{{__('Private note')}}</label>
                            <textarea id="publisher_note_{{$application->id}}" name="publisher_note" class="form-control" rows="5" placeholder="{{__('Only visible to your team.')}}">{{$application->publisher_note}}</textarea>
                        </div>
                        <div class="d-flex flex-wrap mb-3 applicant-detail-actions">
                            <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_REVIEWED}}" class="btn btn-sm btn-outline-primary mb-0">{{__('Mark reviewed')}}</button>
                            <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_SHORTLISTED}}" class="btn btn-sm btn-outline-primary mb-0">{{__('Shortlist')}}</button>
                            <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_HIRED}}" class="btn btn-sm btn-outline-primary mb-0">{{__('Hire')}}</button>
                            <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_REJECTED}}" class="btn btn-sm btn-outline-danger mb-0" data-confirm="{{__('Mark this applicant as not selected?')}}">{{__('Not selected')}}</button>
                        </div>
                        <button type="submit" class="btn btn-primary btn-block mb-0">{{__('Save review')}}</button>
                    </div>
                </form>

                <div class="card rounded-xl shadow-sm">
                    <div class="card-body">
                        <h5 class="font-weight-bold mb-3">{{__('Links')}}</h5>
                        @if($application->resume_url)
                            <a href="{{$application->resume_url}}" target="_blank" rel="noopener" class="btn btn-primary btn-block">{{__('Open CV')}}</a>
                        @endif
                        @if($application->candidateProfile && $application->candidateProfile->isPublic() && $application->candidateProfile->public_slug)
                            <a href="{{route('talent.show', ['slug' => $application->candidateProfile->public_slug])}}" target="_blank" rel="noopener" class="btn btn-outline-primary btn-block">{{__('Public profile')}}</a>
                        @endif
                        @if(optional($application->user)->email)
                            <a href="mailto:{{$application->user->email}}" class="btn btn-outline-primary btn-block">{{__('Email candidate')}}</a>
                        @endif
                        @if($application->job)
                            <a href="{{route('jobs.get', ['slug' => $application->job->slug])}}" class="btn-text btn-text-primary d-inline-flex mt-3">{{__('View listing')}}</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection