@extends('layouts.app')

@section('title', 'Job Sync | '.$org->display_name.' | healthcareers.app')
@section('robots', 'noindex, nofollow')

@php
    $pill = fn ($s) => ['active' => 'on', 'paused' => 'wait', 'failing' => 'bad'][$s] ?? 'off';
    $itemPill = ['live' => 'on', 'held' => 'wait', 'pending' => 'wait', 'attn' => 'bad', 'over' => 'wait'];
@endphp

@section('content')
    <div class="narrow wide">
        <div class="adm-head">
            <div>
                <div class="eyebrow">{{ $org->display_name }}</div>
                <h1>Job Sync</h1>
                <p class="muted">Connect your applicant tracking system or a job feed once. New openings post here on their own, filled jobs come down on their own, and edits flow through. · <a href="{{ route('organization.show', ['org' => $org->id]) }}">Organization</a> · <a href="{{ route('my-posts', ['show' => $org->id]) }}">My posts</a></p>
            </div>
            @if (! $blocker)
                <div><a class="btn accent" href="{{ route('organization.sync.connect', $org) }}">{{ $sources->isEmpty() ? 'Connect your jobs' : 'Add a connection' }}</a></div>
            @endif
        </div>
        @include('partials.errors')

        @if ($blocker && ! $verified)
            <section class="card">
                <h2 class="h3">Verify {{ $org->display_name }} first</h2>
                <p>Job Sync can post many jobs at once, so it's only open to verified organizations. Verification takes one of a company email, a DNS record or a small file on your website, and then a quick review by our team.</p>
                <p><a class="btn primary" href="{{ route('organization.show', ['org' => $org->id]) }}">Verify your organization</a></p>
            </section>
        @elseif ($blocker)
            <section class="card">
                <h2 class="h3">Job Sync needs a plan</h2>
                <p>Posting jobs by hand stays free. Job Sync is a monthly plan for verified organizations: we keep your jobs in step with your hiring system so your team doesn't have to.</p>
                <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px">
                    @foreach ($offers as $o)
                        <form class="card" method="post" action="{{ route('organization.sync.billing.subscribe', $org) }}">
                            @csrf
                            <input type="hidden" name="plan" value="{{ $o['key'] }}">
                            <h3 class="h4">{{ $o['name'] }}</h3>
                            <p class="small">{{ $o['summary'] }}</p>
                            <p><strong>{{ $o['label'] }}</strong></p>
                            @if ($o['launch'])<p class="small muted">Launch price for Charter and Founding employers, locked for {{ $o['months'] }} months from when you subscribe.</p>@endif
                            <button class="btn {{ $loop->first ? 'accent' : 'primary' }}" type="submit">Choose {{ $o['name'] }}</button>
                        </form>
                    @endforeach
                </div>
                <p class="small muted">Billed monthly by card. Change plan any time (the difference is prorated), or cancel and it runs to the end of the month you paid for. Questions? <a href="{{ route('contact') }}">Contact us</a>.</p>
            </section>
        @endif

        @if (\App\Services\Sync\Connections::hasPlan($org) && ! $org->logo_path && $org->canUploadLogo())
            <div class="notice">Your plan includes your logo on every synced job. <a href="{{ route('organization.show', ['org' => $org->id]) }}#o-logo">Add your logo</a> on your organization page.</div>
        @endif

        @if ($billing['source'] === 'subscription')
            @php $next = $billing['next']; @endphp
            <section class="card">
                <h2 class="h3">Your plan: {{ $billing['plan']['name'] ?? 'Job Sync' }}
                    <span class="pill {{ ['active' => 'on', 'past_due' => 'bad', 'canceling' => 'wait'][$billing['status']] ?? 'off' }}">{{ $billing['status_label'] }}</span></h2>
                @if ($billing['paused'])
                    <div class="notice bad">Syncing is paused because a payment is overdue. Your jobs stay up as they are. Update your card and the bill is paid and syncing resumes straight away.</div>
                @elseif ($billing['status'] === 'past_due')
                    <div class="notice bad">Your last payment didn't go through. Update your card by {{ $billing['grace_ends']?->timezone('America/New_York')->format('F j') }} to keep your jobs syncing. After that, syncing pauses until the bill is paid.</div>
                @endif
                <p>
                    @if ($billing['status'] === 'canceling')
                        Ends on <strong>{{ $org->sync_period_end?->timezone('America/New_York')->format('F j, Y') }}</strong>. Until then everything keeps syncing; after that your synced jobs come down. You won't be charged again.
                    @elseif ($next)
                        Next charge <strong>{{ \App\Support\Pricing::money($next[1]) }}</strong> on {{ $next[0]->timezone('America/New_York')->format('F j, Y') }}.
                    @endif
                    @if ($billing['launch_until'] && $billing['status'] !== 'canceling') Launch price until {{ $billing['launch_until']->timezone('America/New_York')->format('F j, Y') }}, then {{ \App\Support\Pricing::money((int) $org->sync_price_cents) }} a month. @endif
                </p>
                <div>
                    @if ($billing['status'] === 'canceling')
                        <form class="inline" method="post" action="{{ route('organization.sync.billing', $org) }}">@csrf<input type="hidden" name="action" value="keep"><button class="btn sm primary" type="submit">Keep my plan</button></form>
                    @else
                        @foreach ($otherPlans as $o)
                            <form class="inline" method="post" action="{{ route('organization.sync.billing', $org) }}" data-confirm="Switch to {{ $o['name'] }} ({{ \App\Support\Pricing::money($o['cents']) }}/month{{ $billing['launch_until'] && $o['launch'] ? ', launch price '.\App\Support\Pricing::money($o['pay_cents']) : '' }})? It starts now; the difference for the rest of this month is added to, or taken off, your next bill.">
                                @csrf<input type="hidden" name="action" value="change"><input type="hidden" name="plan" value="{{ $o['key'] }}">
                                <button class="btn sm" type="submit">Switch to {{ $o['name'] }}</button>
                            </form>
                        @endforeach
                    @endif
                    <form class="inline" method="post" action="{{ route('organization.sync.billing', $org) }}">@csrf<input type="hidden" name="action" value="card"><button class="btn sm {{ $billing['status'] === 'past_due' ? 'primary' : '' }}" type="submit">Update card</button></form>
                    <a class="btn sm" href="{{ route('account.payments', ['org' => $org->id]) }}">Invoices and receipts</a>
                    @if ($billing['status'] !== 'canceling')
                        <form class="inline" method="post" action="{{ route('organization.sync.billing', $org) }}" data-confirm="Cancel Job Sync? It keeps running until {{ $org->sync_period_end?->timezone('America/New_York')->format('F j') }}; then your connections are removed and your synced jobs come down.">@csrf<input type="hidden" name="action" value="cancel"><button class="btn sm" type="submit">Cancel plan</button></form>
                    @endif
                </div>
            </section>
        @elseif ($billing['source'] === 'admin')
            <p class="small muted">Plan: {{ $billing['plan']['name'] ?? $org->sync_plan }}, set up by our team{{ $org->sync_until ? ' until '.$org->sync_until->timezone('America/New_York')->format('F j, Y') : '' }}. <a href="{{ route('contact') }}">Contact us</a> to change it.</p>
        @endif

        @if ($sources->isEmpty() && ! $blocker)
            <section class="card empty">
                <p>Nothing connected yet. Paste your careers page and we'll find the system behind it.</p>
                <p><a class="btn accent" href="{{ route('organization.sync.connect', $org) }}">Connect your jobs</a></p>
            </section>
        @endif

        @foreach ($sources as $s)
            @php
                $c = $counts[$s->id];
                $limit = $s->slot_limit ?? $org->sync_slots;
                $used = $c['live'] + $c['held'];
            @endphp
            <section class="card">
                <h2 class="h3">{{ $s->kindLabel() }}@if ($s->board) <span class="muted small">· {{ $s->board }}</span>@endif
                    <span class="pill {{ $pill($s->status) }}">{{ $s->status === 'active' ? 'Syncing' : $s->statusLabel() }}</span></h2>
                @if ($s->status_reason)<p class="small muted">{{ $s->status_reason }}</p>@endif
                <p>
                    <strong>{{ $c['live'] }}</strong> live
                    @if ($c['held']) · <strong>{{ $c['held'] }}</strong> waiting for our review @endif
                    · <strong>{{ $c['attn'] }}</strong> {{ $c['attn'] === 1 ? 'needs' : 'need' }} a fix
                    @if ($c['over']) · <strong>{{ $c['over'] }}</strong> over your job limit @endif
                    @if ($c['pending']) · {{ $c['pending'] }} being prepared @endif
                </p>
                <p class="small muted">
                    {{ $limit === null ? 'No job limit' : $used.' of '.$limit.' job slots used' }}
                    · Last read {{ $s->last_visit_at?->diffForHumans() ?? 'not yet' }}@if ($s->last_visit_at && $s->last_success_at && $s->last_success_at->lt($s->last_visit_at)) (last good read {{ $s->last_success_at->diffForHumans() }})@endif
                    @if ($s->status === 'active' && $s->next_visit_at) · next {{ $s->next_visit_at->isPast() ? 'any minute' : $s->next_visit_at->diffForHumans() }}@endif
                    · posted as {{ $s->owner_email }}
                </p>
                <div>
                    @if ($s->status !== 'paused')
                        <form class="inline" method="post" action="{{ route('organization.sync.source', [$org, $s]) }}">@csrf<input type="hidden" name="action" value="read"><button class="btn sm" type="submit">Read now</button></form>
                        <form class="inline" method="post" action="{{ route('organization.sync.source', [$org, $s]) }}">@csrf<input type="hidden" name="action" value="pause"><button class="btn sm" type="submit">Pause</button></form>
                    @else
                        <form class="inline" method="post" action="{{ route('organization.sync.source', [$org, $s]) }}">@csrf<input type="hidden" name="action" value="resume"><button class="btn sm primary" type="submit">Resume</button></form>
                    @endif
                    <a class="btn sm" href="{{ route('organization.sync.review', [$org, $s]) }}">Jobs</a>
                    <form class="inline" method="post" action="{{ route('organization.sync.source', [$org, $s]) }}" data-confirm="Disconnect {{ $s->kindLabel() }}? Its {{ $c['live'] + $c['held'] }} synced jobs come down from healthcareers.app right away.">@csrf<input type="hidden" name="action" value="disconnect"><button class="btn sm" type="submit">Disconnect</button></form>
                </div>
                <form class="form" method="post" action="{{ route('organization.sync.source', [$org, $s]) }}" style="margin-top:12px">
                    @csrf
                    <input type="hidden" name="action" value="apply_mode">
                    <div class="field">
                        <label for="am-{{ $s->id }}">How candidates apply</label>
                        <select id="am-{{ $s->id }}" name="apply_mode" onchange="this.form.submit()">
                            @foreach (\App\Models\SyncSource::APPLY_MODES as $k => $label)<option value="{{ $k }}" @selected($s->applyMode() === $k)>{{ $label }}</option>@endforeach
                        </select>
                    </div>
                    <noscript><button class="btn sm" type="submit">Save</button></noscript>
                </form>
                @php $owners = array_values(array_unique(array_merge([\Illuminate\Support\Str::lower((string) $s->owner_email)], $ownerChoices))); @endphp
                <form class="form" method="post" action="{{ route('organization.sync.source', [$org, $s]) }}" style="margin-top:12px">
                    @csrf
                    <input type="hidden" name="action" value="owner_email">
                    <div class="field">
                        <label for="ow-{{ $s->id }}">Who gets candidates' messages and notices</label>
                        <select id="ow-{{ $s->id }}" name="owner_email">
                            @foreach ($owners as $e)<option value="{{ $e }}" @selected(\Illuminate\Support\Str::lower((string) $s->owner_email) === $e)>{{ $e }}</option>@endforeach
                        </select>
                        <p class="small muted">You, or a confirmed owner, admin or recruiter on {{ $org->display_name }}. Its synced jobs are posted as this person.</p>
                    </div>
                    <button class="btn sm" type="submit">Save</button>
                </form>
            </section>
        @endforeach

        @if ($sources->isNotEmpty())
            <section class="card">
                <h2 class="h3">Last 30 days</h2>
                <div class="tablewrap"><table>
                    <tbody>
                        <tr><td>Synced jobs live now</td><td class="num"><strong>{{ number_format($liveSynced) }}</strong></td></tr>
                        <tr><td>Apply clicks to your site</td><td class="num"><strong>{{ number_format($applyClicks) }}</strong></td></tr>
                        <tr><td>Jobs closed by sync</td><td class="num"><strong>{{ number_format($closed30) }}</strong></td></tr>
                    </tbody>
                </table></div>
                <p class="small muted">Apply clicks count candidates who left for your site from a synced job. We can't see whether they finished applying there.</p>
            </section>

            <section class="card">
                <h2 class="h3">Needs a fix</h2>
                @if ($attn->isEmpty())
                    <p class="muted">Nothing. Every job we read is up, or on its way.</p>
                @else
                    <p class="small muted">These jobs wait; the rest are live. Fix them in your system and they come through at the next read.</p>
                    <div class="tablewrap"><table>
                        <thead><tr><th>Job</th><th>What's needed</th></tr></thead>
                        <tbody>
                            @foreach ($attn as $i)
                                <tr>
                                    <td><strong>{{ \Illuminate\Support\Str::limit((string) (((array) $i->raw)['title'] ?? $i->external_id), 80) }}</strong>
                                        @if ($i->url)<br><a class="small" href="{{ $i->url }}" target="_blank" rel="noopener noreferrer">Open in {{ $i->source?->kindLabel() }}</a>@endif</td>
                                    <td>{{ $i->reason }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table></div>
                @endif
            </section>

            <section class="card">
                <h2 class="h3">Recent changes</h2>
                @if ($reports->isEmpty() && $changes->isEmpty())
                    <p class="muted">Nothing yet.</p>
                @else
                    @if ($reports->isNotEmpty())
                        <ul class="small">
                            @foreach ($reports as $r)
                                <li>{{ $r->created_at->diffForHumans() }} · {{ $kindLabels[$sources->firstWhere('id', $r->sync_source_id)?->kind] ?? 'Connection' }} · {{ $r->result }}</li>
                            @endforeach
                        </ul>
                    @endif
                    @if ($changes->isNotEmpty())
                        <div class="tablewrap"><table>
                            <thead><tr><th>Job</th><th>Now</th><th>When</th></tr></thead>
                            <tbody>
                                @foreach ($changes as $i)
                                    @php $d = \App\Services\Sync\SyncEngine::describe($i); @endphp
                                    <tr>
                                        <td>@if ($d['url'])<a href="{{ $d['url'] }}">{{ \Illuminate\Support\Str::limit((string) (((array) $i->raw)['title'] ?? $i->external_id), 80) }}</a>@else{{ \Illuminate\Support\Str::limit((string) (((array) $i->raw)['title'] ?? $i->external_id), 80) }}@endif</td>
                                        <td><span class="pill {{ $itemPill[$i->state] ?? 'off' }}">{{ $d['label'] }}</span>@if ($i->reason && $i->state !== 'live')<br><span class="small muted">{{ $i->reason }}</span>@endif</td>
                                        <td class="nowrap small">{{ $i->updated_at?->diffForHumans() }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table></div>
                    @endif
                @endif
            </section>
            <p class="small muted">Synced jobs are changed in your own system, not here: anything edited on healthcareers.app would be replaced at the next read.</p>
        @endif
    </div>
@endsection