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

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

    {{ csrf_field() }}

    <div class="box">

        <h2>@lang('site/startSale.form.houseForSale.title')</h2>

        <p class="label">@lang('site/startSale.form.houseForSale.label')</p>

        <div class="form-element  form-element--compact  form-element--split">

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

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

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

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


        {{--<div class="street-name form-element">--}}
        {{--<input class="{{($errors->has('houseForSaleStreetName')? 'alert' :'')}}" type="text" id="houseForSaleStreetName" name="houseForSaleStreetName"--}}
        {{--placeholder="@lang('site/startSale.form.houseForSale.StreetName')"--}}
        {{--value="{{ old('houseForSaleStreetName', '') }}"/>--}}
        {{--</div>--}}

    </div>

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

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

        <p class="label">@lang('site/startSale.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/startSale.form.seller.lastName')"
                       value="{{ old('sellerLastName', '') }}"/>
            </div>
        </div>


        <div class="form-element">
            <label for="sellerEmail">@lang('site/startSale.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/startSale.form.seller.email')"
                   value="{{ old('sellerEmail', '') }}"/>
        </div>

        <div class="form-element">
            <label for="sellerPhone">@lang('site/startSale.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/startSale.form.seller.phonePlaceholder')"
                   value="{{ old('sellerPhone', '') }}"/>
        </div>

        <p class="label">@lang('site/startSale.form.seller.otherAddressToSellLabel')</p>
        <div class="form-element checkbox">
            <label for="sellerOtherAddressToSell">
                <input autocomplete="nope"
                       type="checkbox" id="sellerOtherAddressToSell" name="sellerOtherAddressToSell"
                       @if(old('sellerOtherAddressToSell', null) !== null) checked @endif/>
                <span class="small-checkbox-info">@lang('site/startSale.form.seller.otherAddressToSell')</span>
            </label>
        </div>

        <div class="other-selling-address" @if(old('sellerOtherAddressToSell', null) !== null) data-open="true" @endif >
            <div class="form-element  form-element--compact  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/startSale.form.seller.houseForSale.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/startSale.form.seller.houseForSale.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/startSale.form.seller.houseForSale.addition')"
                               value="{{ old('sellerHouseForSaleAddition', '') }}"/>
                    </div>
                </div>
            </div>

            <div class="form-element  form-element--compact">
                <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/startSale.form.seller.houseForSale.streetName')"
                       value="{{ old('sellerHouseForSaleStreetName', '') }}"/>
            </div>

            <div class="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/startSale.form.seller.houseForSale.city')"
                       value="{{ old('sellerHouseForSaleCity', '') }}"/>
            </div>

        </div>


    </div>

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

        <h2>@lang('site/startSale.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/startSale.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/startSale.form.confirmOrder.disclaimer')
            </p>
            <p>
                <strong>
                    @lang('site/startSale.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/startSale.form.confirmOrder.startSale')
                <span class="double-arrow"></span>
            </p>
            {{ Form::submit(trans('site/startSale.form.confirmOrder.startSale')) }}
        </div>

    </div>

</form>