<h2>1. {{ Lang::get('checkout/checkout.invoice.title') }}</h2>

@if( $errors->count() > 1)
    <span class="global-message error">{{ Lang::get('validation.custom.global.someErrors') }}</span><br/>
@elseif( $errors->count() > 0)
    <span class="global-message error">{{ Lang::get('validation.custom.global.oneError') }}</span><br/>
@endif

<div class="input-holder radio multiple-radio">
    <div class="radio-placeholder">
        {{ Form::radio('order-as','individual', true, ['id' => 'order-as-individual', 'ng-model' => 'orderAs', 'ng-change' => 'customerTypeChanged()', 'ng-init' => 'orderAs = \''.($checkout->customer()->get('order-as') ? $checkout->customer()->get('order-as') : 'individual').'\'']) }}
        <label for="order-as-individual" class="radio-label">{{ ucfirst(Lang::get('form.individual')) }}</label>
    </div>
    <div class="radio-placeholder">
        {{ Form::radio('order-as','company', false, ['id' => 'order-as-company', 'ng-model' => 'orderAs', 'ng-change' => 'customerTypeChanged()']) }}
        <label for="order-as-company" class="radio-label">{{ ucfirst(Lang::get('form.company')) }}</label>
    </div>


    <div class="radio-placeholder">
        {{ Form::radio('invoice-title','mr',$checkout->customer()->get('invoice-title') == 'mr' || $checkout->customer()->get('invoice-title') == '', ['id' => 'invoice-title-mr']) }}
        <label for="invoice-title-mr" class="radio-label">{{ ucfirst(Lang::get('form.title_mr')) }}</label>
    </div>
    <div class="radio-placeholder">
        {{ Form::radio('invoice-title', 'mrs', $checkout->customer()->get('invoice-title') == 'mrs',['id'=>'invoice-title-mrs']) }}
        <label for="invoice-title-mrs" class="radio-label">{{ ucfirst(Lang::get('form.title_mrs')) }}</label>
    </div>

    @if( Shop::getLanguageService()->getCurrentLanguage() == 'en' )
        <div class="radio-placeholder">
            {{ Form::radio('invoice-title', 'ms', $checkout->customer()->get('invoice-title') == 'ms',['id'=>'invoice-title-ms']) }}
            <label for="invoice-title-ms" class="radio-label">{{ ucfirst(Lang::get('form.title_ms')) }}</label>
        </div>
    @endif
</div>

@if ( $errors->has('invoice-first-name') || $errors->has('invoice-last-name') )
    <span class="message error">{{ Lang::get('validation.custom.fullName.required') }}</span><br/>
@endif
<div class="mobile-form-name">
    <label>@lang('mobile.name')</label>
    <div class="input-holder{{$errors->first('invoice-first-name',' error') }}">
        {{ Form::text('invoice-first-name', $checkout->customer()->get('invoice-first-name'), ['placeholder' => Lang::get('mobile.first_name'), 'autocomplete' => 'given-name']) }}
    </div>

    @if( Shop::getLanguageService()->getCurrentLanguage() != 'en' )
        <div class="input-holder">
            {{ Form::text('invoice-name-insertion', $checkout->customer()->get('invoice-name-insertion') , ['placeholder' => Lang::get('mobile.in-between'), 'autocomplete' => 'prevent' ])  }}
        </div>
    @endif

    <div class="input-holder last{{$errors->first('invoice-last-name',' error') }}">
        {{ Form::text('invoice-last-name', $checkout->customer()->get('invoice-last-name'), ['placeholder' => Lang::get('mobile.last_name'), 'autocomplete' => 'family-name']) }}
    </div>
</div>

<div class="input-holder{{$errors->first('invoice-email',' error') }}">
    {{ $errors->first('invoice-email','<span class="message error">:message</span>') }}
    {{ Form::label('invoice-email', Lang::get('mobile.email') ) }}
    {{ Form::email('invoice-email', $checkout->customer()->get('invoice-email'), ['placeholder' => Lang::get('mobile.email')]) }}
</div>

<div class="input-holder{{$errors->first('invoice-telephone',' error') }}">
    {{ $errors->first('invoice-telephone','<span class="message error">:message</span>') }}
    {{--Phone number for the DE and AT shop is required--}}
    {{ Form::label('invoice-telephone', Lang::get('form.telephone').(Shop::getShop()->id !=2 ?' (' . Lang::get('form.optional') . ')':'') ) }}
    {{ Form::tel('invoice-telephone', $checkout->customer()->get('invoice-telephone'), ['placeholder' => Lang::get('form.telephone')]) }}
</div>
<div class="input-holder{{$errors->first('invoice-company',' error') }}"
     ng-show="orderAs == 'company'">
    {{ $errors->first('invoice-company','<span class="message error">:message</span>') }}
    {{ Form::label('invoice-company', Lang::get('mobile.company_name') . '' ) }}
    {{ Form::text('invoice-company', $checkout->customer()->get('invoice-company'), [
        'placeholder' => Lang::get('mobile.company_name'),
        'ng-model' => 'invoiceCompany',
        'ng-init' => 'invoiceCompany = \''.$checkout->customer()->get('invoice-company').'\''
    ]) }}
</div>

<div class="input-holder{{$errors->first('invoice-company-vat',' error') }}"
     ng-show="invoiceCountry != 'NL' && orderAs == 'company'">
    {{ $errors->first('invoice-company-vat','<span class="message error">:message</span>') }}
    {{ Form::label('invoice-company-vat', Lang::get('form.company_name_vat').' '.Lang::get('mobile.optional')) }}
    {{ Form::text('invoice-company-vat', $checkout->customer()->get('invoice-company-vat'), [
    'placeholder' => Lang::get('form.company_name_vat'),
        'ng-model' => 'invoiceCompanyVat',
        'ng-init' => 'invoiceCompanyVat = \''.$checkout->customer()->get('invoice-company-vat').'\'',
        'vat-validation' => ''
    ]) }}
</div>


<div class="input-holder{{$errors->first('invoice-street',' error') }}">
    {{ $errors->first('invoice-street','<span class="message error">:message</span>') }}
    {{ Form::label('invoice-street', Lang::get('mobile.street'))  }}
    {{ Form::text('invoice-street', $checkout->customer()->get('invoice-street'), ['placeholder' => Lang::get('mobile.street')]) }}
</div>


<div class="mobile-multiple-inputs">
    {{ Form::label('invoice-house-number', Lang::get('mobile.house_number'))  }}
    {{ $errors->first('invoice-house-number','<span class="message error">:message</span>') }}

    <div class="input-holder first-input {{$errors->first('invoice-house-number',' error') }}">
        {{ Form::number('invoice-house-number', $checkout->customer()->get('invoice-house-number'), ['placeholder' => Lang::get('mobile.house_number'), 'autocomplete' => 'prevent']) }}
    </div>

    <div class="input-holder second-input">
        {{ Form::text('invoice-house-number-suffix', $checkout->customer()->get('invoice-house-number-suffix'), ['placeholder' => Lang::get('mobile.house_number_suffix'), 'autocomplete' => 'prevent']) }}
    </div>
</div>
<div class="mobile-multiple-inputs">
    {{ Form::label('invoice-postal', Lang::get('mobile.postal') ) }}

    @if ( $errors->has('invoice-postal') || $errors->has('invoice-city') )
        <span class="message error">{{ Lang::get('validation.custom.fullAddress.required') }}</span><br/>
    @endif

    <div class="input-holder first-input {{$errors->first('invoice-postal',' error') }}">
        {{ Form::text('invoice-postal', $checkout->customer()->get('invoice-postal'), ['placeholder' => Lang::get('mobile.postal')])}}
    </div>

    <div class="input-holder second-input {{$errors->first('invoice-city',' error') }}">
        {{ Form::text('invoice-city', $checkout->customer()->get('invoice-city'), ['placeholder' => Lang::get('mobile.city')]) }}
    </div>
</div>

<div class="input-holder select-row {{$errors->first('invoice-country',' error') }}">
    {{ $errors->first('invoice-country','<span class="message error">:message</span>') }}
    {{ Form::label('invoice-country', Lang::get('form.country')) }}
    {{ Form::select('invoice-country', $countries, $checkout->customer()->get('invoice-country'),[
        'ng-model' => 'invoiceCountry',
        'ng-change' => 'setShippingCosts()',
        'ng-init' => 'invoiceCountry = \''.$checkout->customer()->get('invoice-country').'\'; setShippingCosts()'
    ])  }}
</div>