@extends('layouts.app')

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

@php $found = session('found'); $mode = old('apply_mode', 'both'); @endphp

@section('content')
    <div class="narrow wide">
        <div class="adm-head">
            <div>
                <div class="eyebrow">Job Sync for {{ $org->display_name }}</div>
                <h1>Connect {{ $label }}</h1>
                <p class="muted"><a href="{{ route('organization.sync.connect', $org) }}">Back</a></p>
            </div>
        </div>
        @include('sync._steps', ['step' => 2])
        @if ($found && empty($found['unsupported']) && ! empty($found['system']))
            <div class="notice good">We found {{ $found['system'] }} on {{ parse_url((string) ($found['url'] ?? ''), PHP_URL_HOST) ?: 'your careers page' }}. We filled in what we could.</div>
        @endif
        @include('partials.errors')

        <form class="card form" method="post" action="{{ route('organization.sync.store', $org) }}">
            @csrf
            <input type="hidden" name="kind" value="{{ $kind }}">
            @if (old('careers_page'))<input type="hidden" name="careers_page" value="{{ old('careers_page') }}">@endif

            @if ($partial)
                @include($partial)
            @else
                <p class="muted">This connection has nothing to fill in here.</p>
            @endif

            <fieldset>
                <legend><strong>How candidates apply</strong></legend>
                @foreach (['both' => ['Both: Apply on your site, and messages', 'Recommended. The Apply button opens the job on your site. Candidates with a question can message you through healthcareers.app.'],
                    'ats' => ['Apply on your site only', 'Every candidate goes to your site. No messages.'],
                    'relay' => ['Messages only', 'Candidates message you through healthcareers.app, the same way as posts you make by hand.']] as $k => [$t, $h])
                    <label class="checkline"><input type="radio" name="apply_mode" value="{{ $k }}" @checked($mode === $k) required> <strong>{{ $t }}</strong><br><span class="small muted">{{ $h }}</span></label>
                @endforeach
            </fieldset>

            <div class="field">
                <label for="s-owner">Messages and notices go to</label>
                <input id="s-owner" name="owner_email" type="email" value="{{ $ownerEmail }}" required maxlength="255">
                <span class="hint">Your email or a teammate's. Synced jobs are posted under this address, and we write to it if the connection needs attention.</span>
            </div>

            <p class="small muted">When your system changes, so does healthcareers.app: new jobs post at the next read, edits update, and a job comes down once it's gone from two reads in a row. We read every {{ config('sync.connection_hours') }} hours.</p>
            <button class="btn primary" type="submit">Connect and read my jobs</button>
        </form>
    </div>
@endsection