<div class="newsletter-row">
    <form method="post" action="<?php echo route('newsletter.process'); ?>" id="newsletterForm" class="form" autocomplete="off">

        <div class="form-element name-element">
            <span class="error-message <?php echo ($errors->has('name')? 'active' :''); ?>"><?php echo $errors->first('name'); ?></span>
            <label for="name"><?php echo \Illuminate\Support\Facades\Lang::get('translations.name'); ?></label>
            <input type="text" name="name" placeholder="<?php echo trans('translations.name-placeholder'); ?>" class="" value="<?php echo Input::old('name', ''); ?>"
                   onfocusout="triggerPhoneFieldNewsLetter()">
        </div>

        <div class="form-element email-element">
            <span class="error-message <?php echo ($errors->has('email')? 'active' :''); ?>"><?php echo $errors->first('email'); ?></span>
            <label for="email"><?php echo \Illuminate\Support\Facades\Lang::get('translations.email'); ?></label>
            <input type="email" name="email" placeholder="<?php echo trans('translations.email-placeholder'); ?>" class="" value="<?php echo Input::old('email', ''); ?>"
                   autocomplete="none" onfocusout="triggerPhoneFieldNewsLetter()">
        </div>

        <div id="phone-newsletter" class="form-element phone-element hidden">
            <span class="error-message <?php echo ($errors->has('phone')? 'active' :''); ?>"><?php echo ucfirst($errors->first('phone')); ?></span>
            <label for="phone"><?php echo \Illuminate\Support\Facades\Lang::get('translations.phone'); ?></label>
            <input autocomplete="none" type="text" name="phone" placeholder="<?php echo trans('translations.phone-placeholder'); ?>" class="" value="<?php echo Input::old('phone', ''); ?>">
        </div>

        <div class="foundBy form-element">
            <span class="error-message <?php echo ($errors->has('foundBy')? 'active' :''); ?>"><?php echo $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 <?php if(Input::old('foundBy', false) == false): ?> class="placeholder-p" <?php endif; ?>><?php if(Input::old('foundBy', false) != false): ?> <?php echo Input::old('foundBy'); ?> <?php else: ?> <?php echo \Illuminate\Support\Facades\Lang::get('translations.riddersteeFoundBy'); ?> <?php endif; ?></p>
                    <span class="arrow"></span>
                </div>

                <?php foreach($selectOptions as $option): ?>
                    <label>
                        <span class="title"><?php echo $option; ?></span>

                        <input name="foundBy" type="radio" value="<?php echo $option; ?>" <?php if(\Input::old('foundBy') == $option): ?> checked <?php endif; ?> >
                    </label>
                <?php endforeach; ?>
            </div>

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

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

                <?php echo Form::text('foundByAlternative', Input::old('foundByAlternative'), ['class' => 'foundByAlternative', 'placeholder' => trans('translations.foundByAlternativePlaceholder')]); ?>

            </div>
        </div>

        <?php /*<div class="form-element checkbox accept-mailing">*/ ?>

            <?php /*<label for="acceptMailing">*/ ?>
                <?php /*<input <?php if(\Input::old('acceptMailing') == true): ?> checked <?php endif; ?> autocomplete="none" id="acceptMailing" type="checkbox" name="acceptMailing" />*/ ?>
                <?php /*<span><?php echo \Illuminate\Support\Facades\Lang::get('translations.acceptMailing'); ?></span>*/ ?>
            <?php /*</label>*/ ?>

        <?php /*</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"><?php echo \Illuminate\Support\Facades\Lang::get('translations.send'); ?></button>
    </form>
</div>

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