@extends('layouts.app')

@php
    $ended = $posting->hasEnded();
    $pay = $posting->payLabel();
    $place = $posting->locationLabel();
    $photos = $posting->shownPhotos;
@endphp

@section('title', $posting->titleTag())
@section('description', $posting->metaDescription())
@section('canonical', $posting->url())
@section('robots', ($ended || $preview) ? 'noindex, follow' : 'index, follow')

@push('head')
    @if (! $ended && ! $preview)
        <script type="application/ld+json">{!! json_encode($posting->schema(), JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!}</script>
    @endif
    @if (! $preview)
        <script type="application/ld+json">{!! json_encode($posting->breadcrumbSchema(), JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!}</script>
    @endif
@endpush

@section('content')
    <nav class="crumbs" aria-label="Breadcrumb">
        <a href="{{ route('home') }}">Jobs</a><span>›</span>
        @if ($posting->jobTitle)<a href="{{ url('/jobs/'.$posting->jobTitle->slug) }}">{{ $posting->jobTitle->name }}</a><span>›</span>@endif
        <a href="{{ url('/jobs/in/'.\App\Support\Places::countrySlug($posting->country)) }}">{{ $posting->countryName() }}</a>
    </nav>

    @if ($preview)
        <div class="notice bad" role="status">
            @switch($posting->status)
                @case('draft') Not published yet: waiting for the poster to confirm their email. @break
                @case('review') Not public yet: our team is checking this post. @break
                @case('rejected') This post was not approved{{ $posting->reject_reason ? ': '.$posting->reject_reason : '.' }} @break
                @case('removed') This post was removed. @break
                @default Only you can see this page.
            @endswitch
        </div>
    @elseif ($ended)
        <div class="notice bad" role="status">
            <strong>This job is no longer accepting applications.</strong>
            It {{ $posting->status === 'closed' ? 'was closed' : 'ended' }} on {{ $posting->endedAt()->format('F j, Y') }}.
            @if ($related->isNotEmpty()) See similar jobs below. @endif
        </div>
    @endif

    <div class="detail">
        <article class="card job">
            <div class="job-head">
                @if ($posting->logoPath())<img class="job-logo" src="{{ $posting->logoUrl() }}" alt="{{ $posting->org_name }} logo" width="64" height="64">@endif
                <div>
                    <div class="eyebrow">{{ $posting->category }}</div>
                    <h1>{{ $posting->title }}</h1>
                    <p class="job-org"><strong>@if ($posting->organization?->profileUrl())<a href="{{ $posting->organization->profileUrl() }}">{{ $posting->org_name }}</a>@else{{ $posting->org_name }}@endif</strong>@include('partials.org-badges', ['org' => $posting->organization, 'postName' => $posting->org_name])@if ($posting->isUnclaimed()) <span class="tag" title="Listed from the employer's own careers site. The employer hasn't claimed it on healthcareers.app yet.">Unclaimed</span>@endif · {{ $place }}</p>
                </div>
            </div>
            <div class="tags">
                @if ($posting->isFeatured())<span class="tag feat">Featured</span>@endif
                @if ($posting->urgent)<span class="tag urgent">Urgent hiring</span>@endif
                @if ($posting->sign_on_bonus)<span class="tag good">Sign-on bonus</span>@endif
                @if ($posting->new_grad)<span class="tag good">New grads welcome</span>@endif
                @if ($posting->compact_license)<span class="tag good" title="Nurse Licensure Compact">Compact (multistate) license accepted</span>@endif
                @if ($posting->is_remote)<span class="tag">Remote</span>@endif
            </div>
            <dl class="facts">
                <div><dt>Pay</dt><dd>{{ $pay ?? 'Not listed' }}</dd></div>
                <div><dt>Employment</dt><dd>{{ $posting->employment_type }}</dd></div>
                <div><dt>Shift</dt><dd>{{ $posting->shift }}</dd></div>
                <div><dt>Setting</dt><dd>{{ $posting->setting }}</dd></div>
                <div><dt>Credential</dt><dd>{{ $posting->credential }}</dd></div>
                <div><dt>Job title</dt><dd>{{ $posting->jobTitle?->name }}</dd></div>
            </dl>
            @if ($photos->isNotEmpty())
                <div class="gallery" aria-label="Photos">
                    @foreach ($photos as $photo)
                        <a href="{{ $photo->url() }}" target="_blank" rel="noopener"><img src="{{ $photo->thumbUrl() }}" alt="Photo {{ $loop->iteration }} of {{ $photos->count() }} from {{ $posting->org_name }}" width="{{ min(480, $photo->width) }}" height="{{ (int) round(min(480, $photo->width) * $photo->height / max(1, $photo->width)) }}" loading="lazy"></a>
                    @endforeach
                </div>
            @endif
            <div class="job-desc">{!! nl2br(e($posting->description), false) !!}</div>
            @if ($posting->website_url && ! $ended && ! $posting->isUnclaimed() && ! $posting->applyMode())
                <p><a class="btn" href="{{ $preview ? $posting->website_url : route('jobs.website', $posting->id) }}" target="_blank" rel="nofollow sponsored noopener">Visit {{ parse_url($posting->website_url, PHP_URL_HOST) }} ↗</a></p>
            @endif
            <p class="muted small">
                @if ($posting->published_at)Posted {{ $posting->published_at->format('M j, Y') }}.@endif
                @if (! $ended && $posting->expires_at) Open until {{ $posting->expires_at->format('M j, Y') }}.@endif
                Job #{{ $posting->id }}
                @if ($posting->isLive() && ! $preview) · <a href="{{ route('jobs.report', $posting) }}" rel="nofollow">Report this post</a>@endif
            </p>
        </article>

        <aside>
            <div class="card">
                @if ($ended && $posting->isUnclaimed())
                    <h2>Closed</h2>
                    <p class="muted">This job is no longer open on {{ $posting->org_name }}'s site.</p>
                    <a class="btn" href="{{ route('job-alerts') }}">Get alerts for similar jobs</a>
                @elseif ($posting->isUnclaimed())
                    <h2 id="apply">Apply</h2>
                    @if ($posting->website_url)
                        <p><a class="btn primary" href="{{ $preview ? $posting->website_url : route('jobs.website', $posting->id) }}" target="_blank" rel="nofollow noopener" data-ga-event="job_apply" data-ga-job-id="{{ $posting->id }}">Apply on {{ $posting->org_name }}'s site ↗</a></p>
                        <p class="small muted">You'll finish your application on the employer's own careers site.</p>
                    @endif
                    @if ($posting->organization && ! $posting->organization->merged_into)
                        <p class="small">Work at {{ $posting->org_name }}? <a href="{{ route('claim.show', $posting->organization->slug) }}" rel="nofollow">Claim this organization</a> to manage its jobs and get messages from candidates.</p>
                    @endif
                @elseif (! $ended && $posting->applyMode() === 'ats')
                    <h2 id="apply">Apply</h2>
                    @if ($posting->website_url)
                        <p><a class="btn primary" href="{{ $preview ? $posting->website_url : route('jobs.website', $posting->id) }}" target="_blank" rel="nofollow noopener" data-ga-event="job_apply" data-ga-job-id="{{ $posting->id }}">Apply on {{ $posting->org_name }}'s site ↗</a></p>
                        <p class="small muted">You'll finish your application on the employer's own careers site.</p>
                    @endif
                @elseif ($ended)
                    <h2>Closed</h2>
                    <p class="muted">This employer is no longer taking replies for this job.</p>
                    <a class="btn" href="{{ route('job-alerts') }}">Get alerts for similar jobs</a>
                @else
                    @php $existing = \App\Http\Controllers\ReplyController::existingThread($posting); $filesOn = app(\App\Services\Relay\AttachmentGuard::class)->acceptsFiles(); @endphp
                    <h2 id="apply">Apply</h2>
                    @if ($posting->applyMode() === 'both' && $posting->website_url)
                        <p><a class="btn primary" href="{{ $preview ? $posting->website_url : route('jobs.website', $posting->id) }}" target="_blank" rel="nofollow noopener" data-ga-event="job_apply" data-ga-job-id="{{ $posting->id }}">Apply on {{ $posting->org_name }}'s site ↗</a></p>
                        <p class="small muted">Or send the employer a message here first:</p>
                    @endif
                    @php $replies = \App\Services\Orgs\ReplyStats::shown($posting->organization); @endphp
                    <p class="reply-rate">@include('partials.ghost-icon')<span>@if ($replies)This employer usually replies <strong>{{ \App\Services\Orgs\ReplyStats::label($replies['median']) }}</strong> and answers <strong>{{ $replies['rate'] }}%</strong> of candidates.@else Employers here agree to answer every candidate.@endif <a href="{{ route('no-ghosting') }}">No Ghosting Policy</a></span></p>
                    @if ($existing)
                        <p class="muted">You've written to this employer. <a href="{{ route('messages.show', $existing->uuid) }}">See the conversation</a>, or add another message below.</p>
                    @else
                        <p class="muted">Your message goes to the employer through healthcareers.app. Neither of you sees the other's email address.</p>
                    @endif
                    <form class="form reply-form" method="post" action="{{ route('reply.store', $posting) }}" enctype="multipart/form-data">
                        @csrf
                        @if ($errors->any())<div class="notice bad" role="alert">@foreach ($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>@endif
                        <div class="field"><label for="r-name">Your name</label><input id="r-name" name="name" value="{{ old('name', trim((auth()->user()->first_name ?? '').' '.(auth()->user()->last_name ?? ''))) }}" required maxlength="120" autocomplete="name"></div>
                        <div class="field"><label for="r-email">Your email</label><input id="r-email" name="email" type="email" value="{{ old('email', auth()->user()->email ?? '') }}" required maxlength="255" autocomplete="email"></div>
                        @php
                            $qa = config('relay.quick_answers');
                            $prev = \App\Http\Controllers\ReplyController::lastAnswers();
                            $licHint = $posting->credential && $posting->credential !== 'None required'
                                ? 'e.g. '.\Illuminate\Support\Str::before($posting->credential, ' /').($posting->region && $posting->country === 'US' ? ', '.(\App\Support\Places::regionName($posting->country, $posting->region) ?? $posting->region) : '')
                                : 'e.g. CNA, Texas';
                        @endphp
                        <fieldset class="quick-answers">
                            <legend>Quick answers <span class="muted">(optional)</span></legend>
                            <p class="qa-note">The employer sees these first, above your message.</p>
                            <div class="field"><label for="r-lic">{{ $qa['license']['label'] }}, and state</label><input id="r-lic" name="license" value="{{ old('license', $prev['license'] ?? '') }}" maxlength="120" placeholder="{{ $licHint }}" autocomplete="off"></div>
                            <div class="qa-two">
                                <div class="field"><label for="r-years">{{ $qa['years']['label'] }}</label>
                                    <select id="r-years" name="years"><option value="">Choose…</option>@foreach ($qa['years']['options'] as $k => $l)<option value="{{ $k }}" @selected(old('years', $prev['years'] ?? '') === $k)>{{ $l }}</option>@endforeach</select></div>
                                <div class="field"><label for="r-start">{{ $qa['start']['label'] }}</label>
                                    <select id="r-start" name="start"><option value="">Choose…</option>@foreach ($qa['start']['options'] as $k => $l)<option value="{{ $k }}" @selected(old('start', $prev['start'] ?? '') === $k)>{{ $l }}</option>@endforeach</select></div>
                            </div>
                        </fieldset>
                        <div class="field"><label for="r-msg">Message</label><textarea id="r-msg" name="message" rows="6" required minlength="20" maxlength="5000" placeholder="A short introduction: why this job, and what you'd bring.">{{ old('message') }}</textarea></div>
                        @if ($filesOn)
                            <div class="field">
                                <span class="label-like" id="r-files-l">Résumé or CV <span class="muted">(optional)</span></span>
                                <label class="dropzone" for="r-files" data-dropzone data-max-files="{{ (int) config('relay.attachments.max_files') }}" data-max-kb="{{ (int) config('relay.attachments.max_kb') }}">
                                    <input id="r-files" type="file" name="files[]" accept=".pdf,.docx,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document" multiple aria-labelledby="r-files-l" aria-describedby="r-files-hint">
                                    <svg class="dz-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 18a4.5 4.5 0 0 1-.6-8.96A6 6 0 0 1 18 8.5h.5a4 4 0 0 1 .5 7.97M12 12v8m0-8-3 3m3-3 3 3"/></svg>
                                    <span class="dz-main"><strong>Drag your résumé here</strong><br>or <span class="dz-link">choose a file</span></span>
                                    <span class="dz-hint" id="r-files-hint">PDF or Word · up to {{ config('relay.attachments.max_files') }} files, {{ (int) round(config('relay.attachments.max_kb') / 1024) }} MB each · checked for viruses</span>
                                    <span class="dz-files" aria-live="polite"></span>
                                </label>
                            </div>
                        @endif
                        <div class="hp" aria-hidden="true"><label>Website <input name="website" tabindex="-1" autocomplete="off"></label></div>
                        @include('partials.turnstile')
                        <button class="btn primary" type="submit">Send message</button>
                        @guest<p class="small muted">First time? We email you a link to confirm before your message is sent.</p>@endguest
                    </form>
                @endif
            </div>
            @if ($isOwner)
                <div class="card">
                    <h2>Your post</h2>
                    <p><a class="btn" href="{{ route('my-posts') }}">Manage in My posts</a></p>
                    @if ($posting->isLive() && $posting->availableUpgrades())<p><a class="btn accent" href="{{ route('my-posts.upgrade', $posting) }}">Upgrade this post</a></p>@endif
                </div>
            @endif
            @if (! empty($sponsor))
                <div class="card pside">@include('partials.sponsor', ['s' => $sponsor])</div>
            @endif
            <div class="card">
                <h2>Hiring too?</h2>
                <p class="muted">Post a healthcare job free for {{ config('pricing.listings.basic.days') }} days.</p>
                <a class="btn accent" href="{{ route('post-a-job') }}">Post a job free</a>
            </div>
        </aside>
    </div>

    @if ($related->isNotEmpty())
        <section class="related">
            <h2>{{ $ended ? 'Similar open jobs' : 'More '.($posting->jobTitle?->name ?? 'healthcare').' jobs' }}</h2>
            <div class="list" data-seen="{{ \App\Services\Analytics\SeenToken::make('related', $related->pluck('id')->all()) }}">
                @foreach ($related as $p)
                    @include('board._row', ['p' => $p])
                @endforeach
            </div>
        </section>
    @endif
@endsection

@push('analytics')
{!! \App\Support\Analytics::script([['view_item', ['job_id' => $posting->id, 'job_title' => $posting->jobTitle?->name, 'job_category' => $posting->category, 'job_country' => $posting->country, 'employment_type' => $posting->employment_type, 'tier' => $posting->tier, 'items' => [['item_id' => 'job-'.$posting->id, 'item_name' => \Illuminate\Support\Str::limit($posting->title, 90, ''), 'item_category' => $posting->category, 'item_category2' => $posting->jobTitle?->name, 'item_brand' => \Illuminate\Support\Str::limit((string) $posting->org_name, 90, '')]]]]]) !!}
@endpush