<div class="newsletter-row">
    <form method="post" action="{{ route('newsletter.process') }}" id="newsletterForm" class="form" autocomplete="off">

        <div class="form-element name-element">
            <span class="error-message {{($errors->has('name')? 'active' :'')}}">{{$errors->first('name')}}</span>
            <label for="name">@lang('translations.name')</label>
            <input type="text" name="name" placeholder="{{trans('translations.name-placeholder')}}" class="" value="{{Input::old('name', '')}}"
                   onfocusout="triggerPhoneFieldNewsLetter()">
        </div>

        <div class="form-element email-element">
            <span class="error-message {{($errors->has('email')? 'active' :'')}}">{{$errors->first('email')}}</span>
            <label for="email">@lang('translations.email')</label>
            <input type="email" name="email" placeholder="{{trans('translations.email-placeholder')}}" class="" value="{{Input::old('email', '')}}"
                   autocomplete="none" onfocusout="triggerPhoneFieldNewsLetter()">
        </div>

        <div id="phone-newsletter" class="form-element phone-element hidden">
            <span class="error-message {{($errors->has('phone')? 'active' :'')}}">{{ucfirst($errors->first('phone'))}}</span>
            <label for="phone">@lang('translations.phone')</label>
            <input autocomplete="none" type="text" name="phone" placeholder="{{trans('translations.phone-placeholder')}}" class="" value="{{Input::old('phone', '')}}">
        </div>

        <div class="foundBy form-element">
            <span class="error-message {{($errors->has('foundBy')? 'active' :'')}}">{{$errors->first('foundBy')}}</span>

            <?php
            if(App::getLocale() == 'nl'){
                $selectOptions = \Config::get('business.selectOptions.nl');
            }
            else{
                $selectOptions = \Config::get('business.selectOptions.de');
            }
            ?>

            <div class="js-found-by-select  found-by-select  closed" style="height: <?php echo 41 + (sizeof($selectOptions) * 45); ?>px;">
                <div class="active-item">
                    <p @if(Input::old('foundBy', false) == false) class="placeholder-p" @endif>@if(Input::old('foundBy', false) != false) {{Input::old('foundBy') }} @else @lang('translations.riddersteeFoundBy') @endif</p>
                    <span class="arrow"></span>
                </div>

                @foreach($selectOptions as $option)
                    <label>
                        <span class="title">{{ $option }}</span>

                        <input name="foundBy" type="radio" value="{{$option}}" @if(\Input::old('foundBy') == $option) checked @endif >
                    </label>
                @endforeach
            </div>

            <div class="js-found-by-alternative  found-by-alternative  {{($errors->has('foundByAlternative') || Input::old('foundByAlternative', null) !== null ? '' :'hidden')}}  ">

                <span class="error-message {{($errors->has('foundByAlternative')? 'active' :'')}}">{{$errors->first('foundByAlternative')}}</span>

                {{ Form::text('foundByAlternative', Input::old('foundByAlternative'), ['class' => 'foundByAlternative', 'placeholder' => trans('translations.foundByAlternativePlaceholder')]) }}
            </div>
        </div>

        {{--<div class="form-element checkbox accept-mailing">--}}

            {{--<label for="acceptMailing">--}}
                {{--<input @if(\Input::old('acceptMailing') == true) checked @endif autocomplete="none" id="acceptMailing" type="checkbox" name="acceptMailing" />--}}
                {{--<span>@lang('translations.acceptMailing')</span>--}}
            {{--</label>--}}

        {{--</div>--}}


        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
        <div hidden>
            <input type="text" name="birthday" tabindex="-1" value="">
            <input checked id="acceptMailing" type="checkbox" name="acceptMailing" />
        </div>

        <button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"
                class="button">@lang('translations.send')</button>
    </form>
</div>

<script>
    function triggerPhoneFieldNewsLetter() {
        document.getElementById('phone-newsletter').classList.remove('hidden');
    }
</script>