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

@section('page_title', __('Apply for').' '.$job->title)

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

        @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">
                        <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">
                            {{optional($job->type)->name ?: __('Job')}} @if($job->salary) - {{$job->salary}} @endif
                        </div>
                    </div>
                </div>

                <form method="POST" action="{{route('jobs.apply.submit', ['jobID' => $job->id])}}">
                    @csrf

                    <div class="card rounded-xl shadow-sm mb-4">
                        <div class="card-body">
                            <h5 class="font-weight-bold mb-1">{{__('Your application')}}</h5>
                        <p class="text-muted mb-4">{{__('We will send your candidate profile with this application. You can add a short note for the hiring team.')}}</p>
                            @php
                                $existingAnswers = optional($existingApplication)->answers ? $existingApplication->answers->keyBy('job_application_question_id') : collect();
                            @endphp

                            <div class="form-group">
                                <label for="cover_note" class="font-weight-bold">{{__('Note to the hiring team')}}</label>
                                <textarea class="form-control {{$errors->has('cover_note') ? 'is-invalid' : ''}}" id="cover_note" name="cover_note" rows="6" placeholder="{{__('A short intro, context, or anything you want them to know.')}}">{{old('cover_note', optional($existingApplication)->cover_note)}}</textarea>
                                @if($errors->has('cover_note'))
                                    <span class="invalid-feedback d-flex" role="alert">
                                        <strong>{{$errors->first('cover_note')}}</strong>
                                    </span>
                                @endif
                            </div>

                            @if($profile->resume_url)
                                <div class="border rounded p-3">
                                    <div class="d-flex flex-column flex-md-row justify-content-between">
                                        <div>
                                            <div class="font-weight-bold">{{__('CV from your profile')}}</div>
                                            <div class="text-muted text-truncate mt-1">{{$profile->resume_url}}</div>
                                        </div>
                                        <div class="mt-3 mt-md-0">
                                            <a href="{{$profile->resume_url}}" target="_blank" class="btn-text btn-text-primary">{{__('Open')}}</a>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="form-group mb-0">
                                    <label for="resume_url" class="font-weight-bold">{{__('CV / resume URL')}}</label>
                                    <small class="form-text text-muted mb-2">{{__('Optional for now. Add it here or save it once on your candidate profile.')}}</small>
                                    <input class="form-control {{$errors->has('resume_url') ? 'is-invalid' : ''}}" id="resume_url" name="resume_url" value="{{old('resume_url', optional($existingApplication)->resume_url)}}" placeholder="https://...">
                                    @if($errors->has('resume_url'))
                                        <span class="invalid-feedback d-flex" role="alert">
                                            <strong>{{$errors->first('resume_url')}}</strong>
                                        </span>
                                    @endif
                                </div>
                            @endif

                            @if($job->applicationQuestions->count())
                                <hr>
                                <h6 class="font-weight-bold mb-2">{{__('Questions from the hiring team')}}</h6>
                                <p class="text-muted mb-3">{{__('Your answers are sent with your candidate profile.')}}</p>
                                @foreach($job->applicationQuestions as $question)
                                    @php
                                        $answerField = 'answers.'.$question->id;
                                        $answerName = 'answers['.$question->id.']';
                                        $answerValue = old($answerField, optional($existingAnswers->get($question->id))->answer);
                                    @endphp
                                    <div class="form-group">
                                        <label for="answer_{{$question->id}}" class="font-weight-bold">{{$question->question}}</label>
                                        <textarea
                                            class="form-control {{$errors->has($answerField) ? 'is-invalid' : ''}}"
                                            id="answer_{{$question->id}}"
                                            name="{{$answerName}}"
                                            rows="3"
                                            placeholder="{{__('Write your answer here.')}}"
                                        >{{$answerValue}}</textarea>
                                        @if($errors->has($answerField))
                                            <span class="invalid-feedback d-flex" role="alert">
                                                <strong>{{$errors->first($answerField)}}</strong>
                                            </span>
                                        @endif
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>

                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <a href="{{route('jobs.get', ['slug' => $job->slug])}}" class="text-muted">{{__('Back to listing')}}</a>
                        <button type="submit" class="btn btn-primary mb-0">
                            {{optional($existingApplication)->id ? __('Update application') : __('Send application')}}
                        </button>
                    </div>
                </form>
            </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-1">{{__('Candidate profile')}}</h5>
                        <p class="text-muted mb-3">{{$profile->publicHeadline()}}</p>

                        <div class="mb-3">
                            <div class="font-weight-bold mb-1">{{__('CV')}}</div>
                            @if($profile->resume_url)
                                <a class="text-muted text-truncate d-block" href="{{$profile->resume_url}}" target="_blank">{{__('Added to profile')}}</a>
                            @else
                                <div class="text-muted">{{__('Not added yet')}}</div>
                            @endif
                        </div>

                        @if($profile->desired_job_titles)
                            <div class="mb-3">
                                <div class="font-weight-bold mb-1">{{__('Target roles')}}</div>
                                <div class="text-muted">{{implode(', ', $profile->desired_job_titles)}}</div>
                            </div>
                        @endif

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

                        @if($profile->desired_skills)
                            <div class="mb-3">
                                <div class="font-weight-bold mb-1">{{__('Skills')}}</div>
                                <div>
                                    @foreach($profile->desired_skills as $skill)
                                        <span class="badge badge-primary badge-primary-outline badge-pill mr-1 mb-1">{{$skill}}</span>
                                    @endforeach
                                </div>
                            </div>
                        @endif

                        <a href="{{route('my.candidate.profile')}}" class="btn btn-outline-primary btn-block mb-0">{{__('Edit profile')}}</a>
                    </div>
                </div>

                @if(optional($existingApplication)->id)
                    <div class="card rounded-xl shadow-sm">
                        <div class="card-body">
                            <h6 class="font-weight-bold mb-1">{{__('Already applied')}}</h6>
                            <p class="text-muted mb-3">{{__('You can update your note and submit again.')}}</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="badge badge-primary-outline badge-pill">{{$existingApplication->candidateStatusLabel()}}</span>
                                <a class="btn-text btn-text-primary" href="{{route('my.candidate.applications.show', ['applicationID' => $existingApplication->id])}}">{{__('View application')}}</a>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection