<div class="l-split  c-apply" id="apply-cta--custom-block">

    <div class="l-split__item  c-apply__title">
        <h2 class="c-subheader">Solliciteer</h2>
    </div>

    <div class="l-split__item  c-apply__form">
        <form id="vacancyCustomForm" action="{{ route('vacancyForm.process') }}" method="POST" >

            {{ csrf_field() }}

            <input type="hidden" name="vacancy" value="{{ $vacancy->translation->name }}">

            {{-- Name --}}
            @include('site.partials.form.text',['key'=>'name', 'autofocusWhenError' => true])

            {{-- E-mail --}}
            @include('site.partials.form.text',['key'=>'email', 'autofocusWhenError' => true])

            {{-- Phone --}}
            @include('site.partials.form.text',['key'=>'phone', 'autofocusWhenError' => true])

            {{-- Website --}}
            @include('site.partials.form.textarea',['key'=>'motivation', 'autofocusWhenError' => true])

            <p class="c-apply__label">CV en/of portfolio</p>
            <a href="https://honger.wetransfer.com" target="_blank" class="apply-cta-block__weTransfer  is-light">
                <div class="apply-cta-block__weTransfer-icon">@include('site.svg.weTransfer')</div>
                <div class="apply-cta-block__weTransfer-label">Upload je bestanden via<br/>onze weTransfer pagina</div>
            </a>

{{--            {!! Form::submit('Verzenden') !!}--}}

            <button class="c-button" type="submit">Sollicitatie versturen</button>

        </form>
    </div>

</div>