<form class="form  checkout-form" method="post" autocomplete="off" action="{{ route('buyHouse.process') }}" id="buyHouseFormEl">

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

    {{ csrf_field() }}

    <div class="box">

        <h2>@lang('site/buyHouse.form.packageTitle')</h2>

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

            @foreach($buyHouseProducts as $iteration => $buyHouseProduct)
                <div class="checkbox">
                    <label>
                        <input type="radio" name="buyHouseProduct" @if(\Input::get('p') == $buyHouseProduct->id) checked @endif value="{{ $buyHouseProduct->id }}"/>
                        <div class="title">{{ $buyHouseProduct->translation->name }} <em class="title__sub">- {{ $buyHouseProduct->getPrice()  }}</em></div>
                    </label>
                </div>
            @endforeach

        </div>

    </div>

    <div class="box  box--colored">

        <h2>@lang('site/buyHouse.form.seller.title')</h2>

        <p class="label">@lang('site/buyHouse.form.seller.label')</p>
        <div class="form-element  form-element--split">
            <span class="error-message {{($errors->has('sellerSalutation')? 'active' :'')}}">{{ucfirst($errors->first('sellerSalutation'))}}</span>
            <span class="error-message {{($errors->has('sellerLastName')? 'active' :'')}}">{{ucfirst($errors->first('sellerLastName'))}}</span>

            <div class="salutation select">
                <div class="select-wrapper">
                    <span class="icon"></span>
                    <select class="{{($errors->has('sellerSalutation')? 'alert' :'')}}" name="sellerSalutation"
                            id="sellerSalutation">
                        <option value="0" disabled="disabled"
                                @if(old('sellerSalutation', null) === null) selected="selected" @endif >@lang('site/form.salutation.label')</option>
                        @foreach(__('site/form.salutation.options') as $key => $value)
                            <option @if(old('sellerSalutation', null) == $key) selected="selected"
                                    @endif  value="{{$key}}">{{$value}}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="last-name">
                <input autocomplete="nope"
                       class="{{($errors->has('sellerLastName')? 'alert' :'')}}" type="text" id="sellerLastName"
                       name="sellerLastName"
                       placeholder="@lang('site/buyHouse.form.seller.lastName')"
                       value="{{ old('sellerLastName', '') }}"/>
            </div>
        </div>

        <p class="label">@lang('site/buyHouse.form.seller.addressLabel')</p>
        <div class="form-element  form-element--split">

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

            <div class="zip">
                <input autocomplete="nope"
                       class="{{($errors->has('sellerHouseForSaleZip')? 'alert' :'')}}" type="text"
                       id="sellerHouseForSaleZip"
                       name="sellerHouseForSaleZip"
                       placeholder="@lang('site/buyHouse.form.seller.zip')"
                       value="{{ old('sellerHouseForSaleZip', '') }}"/>
            </div>
            <div class="number">
                <div class="house-number">
                    <input autocomplete="nope"
                           class="{{($errors->has('sellerHouseForSaleHouseNumber')? 'alert' :'')}}" type="text"
                           id="sellerHouseForSaleHouseNumber" name="sellerHouseForSaleHouseNumber"
                           placeholder="@lang('site/buyHouse.form.seller.houseNumber')"
                           value="{{ old('sellerHouseForSaleHouseNumber', '') }}"/>
                </div>
                <div class="addition">
                    <input autocomplete="nope"
                           class="{{($errors->has('sellerHouseForSaleAddition')? 'alert' :'')}}" type="text"
                           id="sellerHouseForSaleAddition" name="sellerHouseForSaleAddition"
                           placeholder="@lang('site/buyHouse.form.seller.addition')"
                           value="{{ old('sellerHouseForSaleAddition', '') }}"/>
                </div>
            </div>
        </div>

        <div class="street-name form-element">
            <span class="error-message {{($errors->has('sellerHouseForSaleStreetName')? 'active' :'')}}">{{ucfirst($errors->first('sellerHouseForSaleStreetName'))}}</span>
            <input autocomplete="nope"
                   class="{{($errors->has('sellerHouseForSaleStreetName')? 'alert' :'')}}" type="text"
                   id="sellerHouseForSaleStreetName" name="sellerHouseForSaleStreetName"
                   placeholder="@lang('site/buyHouse.form.seller.streetName')"
                   value="{{ old('sellerHouseForSaleStreetName', '') }}"/>
        </div>

        <div class="city form-element">
            <span class="error-message {{($errors->has('sellerHouseForSaleCity')? 'active' :'')}}">{{ucfirst($errors->first('sellerHouseForSaleCity'))}}</span>
            <input autocomplete="nope"
                   class="{{($errors->has('sellerHouseForSaleCity')? 'alert' :'')}}" type="text"
                   id="sellerHouseForSaleCity" name="sellerHouseForSaleCity"
                   placeholder="@lang('site/buyHouse.form.seller.city')"
                   value="{{ old('sellerHouseForSaleCity', '') }}"/>
        </div>

        <div class="email form-element">
            <label for="sellerEmail">@lang('site/buyHouse.form.seller.email')</label>
            <span class="error-message {{($errors->has('sellerEmail')? 'active' :'')}}">{{ucfirst($errors->first('sellerEmail'))}}</span>
            <input autocomplete="nope"
                   class="{{($errors->has('sellerEmail')? 'alert' :'')}}" type="email" id="sellerEmail"
                   name="sellerEmail"
                   placeholder="@lang('site/buyHouse.form.seller.email')"
                   value="{{ old('sellerEmail', '') }}"/>
        </div>

        <div class="phone form-element">
            <label for="sellerPhone">@lang('site/buyHouse.form.seller.phone')</label>
            <span class="error-message {{($errors->has('sellerPhone')? 'active' :'')}}">{{ucfirst($errors->first('sellerPhone'))}}</span>
            <input autocomplete="nope"
                   class="{{($errors->has('sellerPhone')? 'alert' :'')}}" type="text"
                   id="sellerPhone" name="sellerPhone"
                   placeholder="@lang('site/buyHouse.form.seller.phonePlaceholder')"
                   value="{{ old('sellerPhone', '') }}"/>
        </div>

    </div>

    <div class="box  box--confirm">

        <h2>@lang('site/buyHouse.form.confirmOrder.title')</h2>

        <div class="form-element checkbox">
            <span class="error-message {{($errors->has('confirmOrderCheck')? 'active' :'')}}">{{ucfirst($errors->first('confirmOrderCheck'))}}</span>
            <label for="confirmOrderCheck">
                <input autocomplete="nope"
                       type="checkbox" id="confirmOrderCheck" name="confirmOrderCheck"
                       @if(old('confirmOrderCheck', null) !== null) checked @endif/>
                <span class="small-checkbox-info">@lang('site/buyHouse.form.confirmOrder.checkText', ['link' => $links->legal->route, 'name' => $links->legal->name])</span>
            </label>
        </div>

{{--        @if(isset($page->translation->formDisclaimer) && isset($page->translation->formDisclaimer->description) && $page->translation->formDisclaimer->description != '')--}}
{{--            {!! $page->translation->formDisclaimer->description !!}--}}
{{--        @else--}}
{{--            <p>--}}
{{--                @lang('site/buyHouse.form.confirmOrder.disclaimer')--}}
{{--            </p>--}}
{{--            <p>--}}
{{--                <strong>--}}
{{--                    @lang('site/buyHouse.form.confirmOrder.willContactYour')--}}
{{--                </strong>--}}
{{--            </p>--}}
{{--        @endif--}}

        <span class="error-message {{($errors->has('g-recaptcha-response')? 'active' :'')}}">{{ucfirst($errors->first('g-recaptcha-response'))}}</span>
        @include('site/forms.recaptchaCheckbox')

        <div class="submit">
            <p>
                @lang('site/buyHouse.form.confirmOrder.startSale')
                <span class="double-arrow"></span>
            </p>
            {{ Form::submit(trans('site/buyHouse.form.confirmOrder.startSale')) }}
        </div>

    </div>

</form>