@extends('layouts.app')

@section('title', 'Upgrade post | healthcareers.app')
@section('robots', 'noindex, nofollow')

@section('content')
    <div class="narrow wide">
        <h1>Upgrade your post</h1>
        <p class="muted"><strong>{{ $posting->title }}</strong> · {{ $posting->locationLabel() }} · ends {{ $posting->expires_at->format('M j, g:i A') }}</p>
        @if (! $available)
            <div class="card">This post already has every upgrade it can take right now.@if (! $posting->canBump() && $posting->last_bump_at) Bump is available again 24 hours after the last one.@endif</div>
        @else
            <form class="card form" method="post" action="{{ route('my-posts.upgrade.store', $posting) }}" enctype="multipart/form-data" id="upgrade-form">
                @csrf
                @include('partials.errors')
                @include('post._upgrades')
                <div class="order-total" id="order-total" hidden><span>Total</span><span id="order-total-amount"></span></div>
                <button class="btn accent" type="submit">Continue to payment</button>
                <p class="small muted">Payments are handled by Stripe. Upgrades apply as soon as the payment clears and last until the post ends.</p>
            </form>
        @endif
    </div>
@endsection