<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('order-as', Lang::get('form.order_as') ) }}

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

        {{ 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="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'), ['autocomplete' => 'given-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'), ['autocomplete' => 'prevent'])  }}
        </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'), ['autocomplete' => 'family-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') }}"
         ng-show="orderAs == 'company'">
        {{ $errors->first('invoice-company','<span class="message error">:message</span>') }}
        {{ Form::label('invoice-company', Lang::get('form.company_name')) }}
        {{ 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="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')) }}
        {{ 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'), ['autocomplete' => 'prevent']) }}
    </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'), ['autocomplete' => 'prevent']) }}
    </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>