@extends('layouts.app')

@section('title', 'Free Healthcare Job Alerts by Email | healthcareers.app')
@section('description', 'Free healthcare job alerts: pick up to 5 job titles and the places you want to work, and get matching jobs by email every Monday.')

@section('content')
    <div class="alerts-landing">
        <div>
            <h1>Healthcare jobs by email</h1>
            <p class="lead">Pick up to 5 job titles and the places you want to work. We email you what matches.</p>
            <ul class="ticks">
                <li><strong>Every Monday morning:</strong> new jobs from the past week that match, up to 10. No email in a week with nothing new.</li>
                <li><strong>Right away:</strong> when an employer sends out an alert for a job that matches you.</li>
                <li><strong>Private:</strong> employers never see your email. You reply to jobs through healthcareers.app.</li>
                <li><strong>Free.</strong> Turn it off from any alert email with one click.</li>
            </ul>
            <p class="muted small">{{ number_format($liveJobs) }} open {{ $liveJobs === 1 ? 'job' : 'jobs' }} on the board right now. <a href="{{ route('home') }}">Browse them</a>.</p>
        </div>
        <div>
            @include('partials.errors')
            <form class="card form" method="post" action="{{ route('login.send') }}" novalidate>
                @csrf
                <h2 class="h3">Start with your email</h2>
                <p class="small muted">We send you a link. Click it and choose your job titles and places. No password.</p>
                <div class="field">
                    <label for="email">Email</label>
                    <input id="email" name="email" type="email" value="{{ old('email') }}" autocomplete="email" required>
                </div>
                @include('partials.turnstile')
                <button class="btn primary" type="submit">Email me a link</button>
            </form>
        </div>
    </div>
@endsection