@extends('layouts.app')

@section('title', 'Connect your jobs | Job Sync | healthcareers.app')
@section('robots', 'noindex, nofollow')

@section('content')
    <div class="narrow wide">
        <div class="adm-head">
            <div>
                <div class="eyebrow">Job Sync for {{ $org->display_name }}</div>
                <h1>Connect your jobs</h1>
                <p class="muted">About five minutes. <a href="{{ route('organization.sync', $org) }}">Back to Job Sync</a></p>
            </div>
        </div>
        @include('sync._steps', ['step' => 1])
        @include('partials.errors')

        <form class="card form" method="post" action="{{ route('organization.sync.find', $org) }}">
            @csrf
            <h2 class="h3">Where do candidates see your jobs today?</h2>
            <div class="field">
                <label for="s-url">Your careers page</label>
                <input id="s-url" name="careers_url" value="{{ old('careers_url') }}" required maxlength="1000" placeholder="https://yourhospital.org/careers" inputmode="url">
                <span class="hint">We look at the page to find the system behind it. We only read it; nothing is changed.</span>
            </div>
            <button class="btn primary" type="submit">Check</button>
        </form>

        @if ($found)
            <section class="card" aria-live="polite">
                @if (! empty($found['unsupported']))
                    <h2 class="h3">We found {{ $found['system'] }}.</h2>
                    <p>We can't connect to {{ $found['system'] }} directly yet. It's on our list, and we've noted your request.</p>
                    @if ($hasFeed)
                        <p>Until then, your {{ $found['system'] }} team can usually give you a job feed (most systems have one for job boards), and sync works the same way.</p>
                        <p><a class="btn primary" href="{{ route('organization.sync.connect', [$org, 'kind' => 'feed']) }}">Set up a job feed</a></p>
                    @else
                        <p>You can keep posting by hand, or use <a href="{{ route('post-a-job.bulk') }}">bulk upload (CSV)</a> in the meantime.</p>
                    @endif
                @else
                    <h2 class="h3">We couldn't tell which system runs this page.</h2>
                    @if (! empty($found['note']))<p class="muted">{{ $found['note'] }}</p>@endif
                    <p>It may build its job list in a way we can't see. Pick your system below{{ $hasFeed ? ', or use a job feed' : '' }}.</p>
                @endif
            </section>
        @endif

        <section class="card">
            <h2 class="h3">Or pick your system</h2>
            @if (! $kinds)
                <p class="muted">No connections are available just now.</p>
            @else
                <p>
                    @foreach ($kinds as $k => $label)
                        <a class="btn" href="{{ route('organization.sync.connect', [$org, 'kind' => $k]) }}">{{ $label }}</a>
                    @endforeach
                </p>
            @endif
            <p class="small muted">Don't see yours? @if ($hasFeed)A job feed works with nearly every applicant tracking system. @endif<a href="{{ route('contact') }}">Tell us which one you use</a>.</p>
        </section>
    </div>
@endsection