@extends('layouts.app')

@section('title', 'Report a job post | healthcareers.app')
@section('robots', 'noindex, nofollow')

@section('content')
    <div class="narrow">
        <h1>Report this post</h1>
        <p class="muted"><a href="{{ $posting->url() }}">{{ $posting->title }}</a> · {{ $posting->org_name }}</p>
        @include('partials.errors')
        <form class="card form" method="post" action="{{ route('jobs.report.store', $posting) }}">
            @csrf
            <fieldset class="field">
                <legend>What's wrong?</legend>
                @foreach ($reasons as $k => $label)
                    <label class="checkline"><input type="radio" name="reason" value="{{ $k }}" @checked(old('reason') === $k)> {{ $label }}</label>
                @endforeach
            </fieldset>
            <div class="field"><label for="rp-details">Details <span class="muted">(optional)</span></label><textarea id="rp-details" name="details" rows="4" maxlength="1000" placeholder="For example, what they asked you to do.">{{ old('details') }}</textarea></div>
            @guest
                <div class="field"><label for="rp-email">Your email <span class="muted">(optional, if you'd like us to follow up)</span></label><input id="rp-email" name="email" type="email" value="{{ old('email') }}" autocomplete="email"></div>
            @endguest
            @include('partials.turnstile')
            <button class="btn primary" type="submit">Send report</button>
            <p class="small muted">Posts reported by several people are hidden until our team reviews them. Never pay an employer to apply, and never share bank details before an interview.</p>
        </form>
    </div>
@endsection