<div class="number">1</div>
<h2>{{ 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-column">
    <div class="input-holder radio">
        {{ Form::label('invoice-title', Lang::get('form.salutation') ); }}

        {{ 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>

        {{ 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>

        @if( Shop::getLanguageService()->getCurrentLanguage() == 'en' )
            {{ 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>
        @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="input-holder w11{{$errors->first('invoice-first-name',' error');}}">
        {{ Form::label('invoice-first-name', Lang::get('form.first_name') ); }}
        {{ Form::text('invoice-first-name', $checkout->customer()->get('invoice-first-name')) }}
    </div>

    @if( Shop::getLanguageService()->getCurrentLanguage() != 'en' )
        <div class="input-holder w8">
            {{ Form::label('invoice-name-insertion', Lang::get('form.insertion') ); }}
            {{ Form::text('invoice-name-insertion', $checkout->customer()->get('invoice-name-insertion'))  }}
        </div>
    @endif

    <div class="input-holder w15 last{{$errors->first('invoice-last-name',' error');}}">
        {{ Form::label('invoice-last-name', Lang::get('form.last_name') ); }}
        {{ Form::text('invoice-last-name', $checkout->customer()->get('invoice-last-name')) }}
    </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('form.email') ); }}
        {{ Form::email('invoice-email', $checkout->customer()->get('invoice-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::text('invoice-telephone', $checkout->customer()->get('invoice-telephone')) }}
    </div>
    <div class="input-holder{{$errors->first('invoice-company',' error');}}">
        {{ $errors->first('invoice-company','<span class="message error">:message</span>'); }}
        {{ Form::label('invoice-company', Lang::get('form.company_name') . ' (' . Lang::get('form.optional') . ')' ); }}
        {{ Form::text('invoice-company', $checkout->customer()->get('invoice-company'), [
            'ng-model' => 'invoiceCompany',
            'ng-init' => 'invoiceCompany = \''.$checkout->customer()->get('invoice-company').'\''
        ]) }}
    </div>

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

</div>
<div class="input-column last">

    <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('form.street')); }}
        {{ Form::text('invoice-street', $checkout->customer()->get('invoice-street')) }}
    </div>

    {{ $errors->first('invoice-house-number','<span class="message error">:message</span>'); }}

    <div class="input-holder w11{{$errors->first('invoice-house-number',' error');}}">
        {{ Form::label('invoice-house-number', Lang::get('form.house_number')) ; }}
        {{ Form::text('invoice-house-number', $checkout->customer()->get('invoice-house-number')) }}
    </div>

    <div class="input-holder w11">
        {{ Form::label('invoice-house-number-suffix', Lang::get('form.suffix')); }}
        {{ Form::text('invoice-house-number-suffix', $checkout->customer()->get('invoice-house-number-suffix')) }}
    </div>
    <div class="clear"></div>

    @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 w15{{$errors->first('invoice-postal',' error');}}">
        {{ Form::label('invoice-postal', Lang::get('form.postal') ); }}
        {{ Form::text('invoice-postal', $checkout->customer()->get('invoice-postal'))}}
    </div>

    <div class="input-holder w24 last{{$errors->first('invoice-city',' error');}}" style="width: 160px;">
        {{ Form::label('invoice-city', Lang::get('form.city')); }}
        {{ Form::text('invoice-city', $checkout->customer()->get('invoice-city')) }}
    </div>

    <div class="input-holder{{$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>

</div>