@if(!isset($send) || $send == false)
    <form method="post" class="form" action="{{ route('contact.process') }}" id="contactForm">

        @if( !\App::environment('production') ) {{debug($errors)}} @endif

        {{ csrf_field() }}

        <div class="salutation form-element select">
            <div class="select-wrapper">
                <span class="icon"></span>
                <select name="salutation" id="salutation">

                    <option value="0" disabled="disabled"
                            @if(old('salutation', null) === null) selected="selected" @endif >@lang('site/form.salutation.label')</option>

                    @foreach(__('site/form.salutation.options') as $key => $value)
                        <option @if(old('salutation', null) == $key) selected="selected"
                                @endif  value="{{$key}}">{{$value}}</option>
                    @endforeach

                </select>
            </div>
        </div>

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

            <label for="name">@lang('site/form.name.label')</label>
            <input type="text" id="name" name="name" placeholder="@lang('site/form.name.placeholder')"
                   value="{{ old('name', '') }}"/>
        </div>

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

            <label for="phone">@lang('site/form.phone.label')</label>
            <input type="text" id="phone" name="phone" placeholder="@lang('site/form.phone.placeholder')"
                   value="{{ old('phone') }}"/>
        </div>

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

            <label for="email">@lang('site/form.email.label')</label>
            <input type="text" id="email" name="email" placeholder="@lang('site/form.email.placeholder')"
                   value="{{ old('email') }}"/>
        </div>

        <div class="legal form-element checkbox">
            <label for="legal">
                <input type="checkbox" id="legal" name="legal" @if(old('legal', null) !== null) checked @endif/>
                <span>Accepteer de algemene voorwaarden</span>
            </label>
        </div>

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

            <label for="formMessage">@lang('site/form.formMessage.label')</label>
            <textarea name="formMessage" id="formMessage">{{ old('formMessage', '') }}</textarea>
        </div>

        <div class="submit">
            <p>@lang('site/form.send')</p>
            {{ Form::submit(trans('site/form.send')) }}
        </div>
    </form>

    <script>
        var form = document.getElementById('contactForm');

        form.querySelector('.submit p').addEventListener('click', function () {
            form.submit();
        });
    </script>

@else
    <p>Send</p>
@endif