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

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

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

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

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

        <div class="card rounded-xl shadow-sm mb-4">
            <div class="card-body d-flex flex-column flex-md-row justify-content-between">
                <div>
                    <p class="text-muted mb-1">{{$job->company ? $job->company->name : __('Company')}}</p>
                    <h4 class="font-weight-bold mb-2">{{$job->title}}</h4>
                    <div class="text-muted">
                        {{__('Applicants')}}: {{$job->applications_count}} · {{__('Apply clicks')}}: {{$job->applicants_count}}
                    </div>
                </div>
                <div class="mt-3 mt-md-0">
                    <a href="{{route('jobs.get', ['slug' => $job->slug])}}" class="btn btn-outline-primary mb-0">{{__('View listing')}}</a>
                </div>
            </div>
        </div>

        <div class="d-flex flex-wrap align-items-center mb-4">
            <a href="{{route('my.jobs.applicants', ['jobID' => $job->id])}}" class="btn {{$currentStatus ? 'btn-outline-primary' : 'btn-primary'}} btn-sm mr-2 mb-2">
                {{__('All')}}
            </a>
            @foreach($statusLabels as $status => $label)
                <a href="{{route('my.jobs.applicants', ['jobID' => $job->id, 'status' => $status])}}" class="btn {{$currentStatus === $status ? 'btn-primary' : 'btn-outline-primary'}} btn-sm mr-2 mb-2">
                    {{$label}}
                </a>
            @endforeach
        </div>

        @if($applications->count())
            @foreach($applications as $application)
                <div class="card rounded-xl shadow-sm mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-xl-8">
                                <div class="d-flex flex-column flex-md-row justify-content-between">
                                    <div>
                                        <h5 class="font-weight-bold mb-1">{{$application->candidateDisplayName()}}</h5>
                                        <p class="text-muted mb-2">{{$application->candidateHeadline()}}</p>
                                        <span class="badge badge-primary-outline badge-pill">{{$application->statusLabel()}}</span>
                                    </div>
                                    <div class="text-muted mt-3 mt-md-0">
                                        {{optional($application->appliedDate())->toFormattedDateString()}}
                                    </div>
                                </div>

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

                                @if($application->answers->count())
                                    <div class="application-profile-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="application-profile-section row mt-4 pt-4">
                                    <div class="col-12 col-md-4 mb-3 mb-md-0">
                                        <div class="font-weight-bold mb-1">{{__('Target roles')}}</div>
                                        <div class="text-muted">{{$application->snapshotListLabel('desired_job_titles')}}</div>
                                    </div>
                                    <div class="col-12 col-md-4 mb-3 mb-md-0">
                                        <div class="font-weight-bold mb-1">{{__('Locations')}}</div>
                                        <div class="text-muted">{{$application->snapshotListLabel('desired_locations')}}</div>
                                    </div>
                                    <div class="col-12 col-md-4">
                                        <div class="font-weight-bold mb-1">{{__('Availability')}}</div>
                                        <div class="text-muted">{{$application->snapshotTextLabel('availability')}}</div>
                                    </div>
                                </div>

                                @if($application->snapshotList('desired_skills'))
                                    <div class="mt-4">
                                        <div class="font-weight-bold 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 class="d-flex flex-wrap mt-4">
                                    <a href="{{route('my.jobs.applicants.show', ['applicationID' => $application->id])}}" class="btn btn-primary mr-2 mb-2">{{__('Review applicant')}}</a>
                                    @if($application->resume_url)
                                        <a href="{{$application->resume_url}}" target="_blank" class="btn btn-outline-primary mr-2 mb-2">{{__('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" class="btn btn-outline-primary mr-2 mb-2">{{__('Public profile')}}</a>
                                    @endif
                                    @if(optional($application->user)->email)
                                        <a href="mailto:{{$application->user->email}}" class="btn btn-outline-secondary mb-2">{{__('Email candidate')}}</a>
                                    @endif
                                </div>
                            </div>

                            <div class="col-12 col-xl-4 mt-4 mt-xl-0">
                                <form method="POST" action="{{route('my.jobs.applications.update', ['applicationID' => $application->id])}}" class="application-review-form application-review-panel rounded-xl p-3">
                                    @csrf
                                    @method('PATCH')
                                    <h6 class="font-weight-bold mb-3">{{__('Review')}}</h6>
                                    <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="4" placeholder="{{__('Only visible to your team.')}}">{{$application->publisher_note}}</textarea>
                                    </div>
                                    <div class="d-flex flex-wrap mb-3">
                                        <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_REVIEWED}}" class="btn btn-sm btn-outline-primary mr-2 mb-2">{{__('Mark reviewed')}}</button>
                                        <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_SHORTLISTED}}" class="btn btn-sm btn-outline-primary mr-2 mb-2">{{__('Shortlist')}}</button>
                                        <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_HIRED}}" class="btn btn-sm btn-outline-primary mr-2 mb-2">{{__('Hire')}}</button>
                                        <button type="submit" name="quick_status" value="{{\App\Model\JobApplication::STATUS_REJECTED}}" class="btn btn-sm btn-outline-danger mb-2" data-confirm="{{__('Mark this applicant as not selected?')}}">{{__('Not selected')}}</button>
                                    </div>
                                    <button type="submit" class="btn btn-outline-primary btn-block mb-0">{{__('Save review')}}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach

            <div class="d-flex flex-row-reverse mt-3">
                {{ $applications->links() }}
            </div>
        @else
            <div class="card rounded-xl shadow-sm">
                <div class="card-body">
                    <h5 class="font-weight-bold mb-1">{{__('No applicants yet')}}</h5>
                    <p class="text-muted mb-0">{{__('When candidates apply, their profile snapshot and note will appear here.')}}</p>
                </div>
            </div>
        @endif
    </div>
@endsection