@extends('layouts.app')

@section('title', 'Contact | healthcareers.app')
@section('description', 'Contact the healthcareers.app team about job posts, advertising or your account.')

@section('content')
    <div class="narrow">
        <h1>Contact us</h1>
        <p class="lead">Questions about a post, advertising, or your account? Send us a message and we reply within one business day.</p>
        @include('partials.errors')
        <form class="card form" method="post" action="{{ route('contact.store') }}" novalidate>
            @csrf
            <div class="two">
                <div class="field"><label for="name">Your name</label><input id="name" name="name" value="{{ old('name') }}" autocomplete="name" required maxlength="120"></div>
                <div class="field"><label for="email">Email</label><input id="email" name="email" type="email" value="{{ old('email') }}" autocomplete="email" required></div>
            </div>
            <div class="field"><label for="organization">Organization <span class="muted">(optional)</span></label><input id="organization" name="organization" value="{{ old('organization') }}" autocomplete="organization" maxlength="160"></div>
            <div class="field"><label for="message">Message</label><textarea id="message" name="message" rows="6" required maxlength="5000">{{ old('message') }}</textarea></div>
            @include('partials.turnstile')
            <button class="btn primary" type="submit">Send message</button>
        </form>
    </div>
@endsection