<div class="number">2</div>

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

<div class="input-holder radio" ng-init="shippingType='{{ $checkout->shipping()->get('shipping-type') }}'">

    <!-- Radio Ship to invoice address -->
    {{ Form::radio('shipping-type','equal-to-invoice-address', null, ['id'=>'equal-to-invoice-address', 'ng-model' => 'shippingType', 'ng-change' => 'setShippingCosts()']) }}
    <label for="equal-to-invoice-address"
           class="radio-label">{{ Lang::get('checkout/checkout.shipping.ship_to_invoice_address') }}</label><br/>

    <!-- Radio Ship to new address -->
    {{ Form::radio('shipping-type', 'add-shipping-address', null, ['id'=>'add-shipping-address', 'ng-model' => 'shippingType', 'ng-change' => 'setShippingCosts()']) }}
    <label for="add-shipping-address"
           class="radio-label">{{ Lang::get('checkout/checkout.shipping.ship_to_new_address') }}</label><br/>

    @if(\Shop::isParcelShopActive())

    <!-- Radio Ship to Dpd parcelShop-->
        {{ Form::radio('shipping-type', 'dpd-parcel-shop', null, ['id'=>'dpd-parcel-shop', 'ng-model' => 'shippingType', 'ng-change' => 'setShippingCosts()']) }}
        <label for="dpd-parcel-shop"
               class="radio-label">{{ Lang::get('checkout/checkout.shipping.ship_to_dpd_parcelShop') }}</label>
    @endif
</div>

<div class="clear"></div>
<div class="hidden-box @if($checkout->shipping()->get('shipping-type') == 'add-shipping-address')  open @endif"
     id="shipping-box">
    <div class="input-column">
        <div class="input-holder radio">
            {{ Form::label('shipping-title', Lang::get('form.salutation') ) }}

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

            {{ Form::radio('shipping-title', 'mrs', $checkout->shipping()->get('shipping-title') == 'mrs',['id'=>'shipping-title-mrs']) }}
            <label for="shipping-title-mrs" class="radio-label">{{ ucfirst(Lang::get('form.title_mrs')) }}</label>

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

        @if ( $errors->has('shipping-first-name') || $errors->has('shipping-last-name') )
            <span class="message error">{{ Lang::get('validation.custom.fullName.required') }}</span><br/>
        @endif

        <div class="input-holder w11{{$errors->first('shipping-first-name',' error') }}">
            {{ Form::label('shipping-first-name', Lang::get('form.first_name') ) }}
            {{ Form::text('shipping-first-name', $checkout->shipping()->get('shipping-first-name'), ['autocomplete' => 'given-name']) }}
        </div>

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

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

        <div class="input-holder{{$errors->first('shipping-telephone',' error') }}">
            {{ $errors->first('shipping-telephone','<span class="message error">:message</span>') }}
            {{--Phone number for the DE and AT shop is required--}}
            {{ Form::label('shipping-telephone',Lang::get('form.telephone').(Shop::getShop()->id !=2 ?' (' . Lang::get('form.optional') . ')':'') ) }}
            {{ Form::text('shipping-telephone', $checkout->shipping()->get('shipping-telephone')) }}
        </div>

        <div class="input-holder">
            {{ Form::label('shipping-company', Lang::get('form.company_name') . '(' . Lang::get('form.optional') . ')' ) }}
            {{ Form::text('shipping-company', $checkout->shipping()->get('shipping-company')) }}
        </div>
    </div>
    <div class="input-column last">

        <div class="input-holder{{$errors->first('shipping-street',' error') }}">
            {{ $errors->first('shipping-street','<span class="message error">:message</span>') }}
            {{ Form::label('shipping-street', Lang::get('form.street')) }}
            {{ Form::text('shipping-street', $checkout->shipping()->get('shipping-street')) }}
        </div>

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

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

        <div class="input-holder w11">
            {{ Form::label('shipping-house-number-suffix', Lang::get('form.suffix')) }}
            {{ Form::text('shipping-house-number-suffix', $checkout->shipping()->get('shipping-house-number-suffix'), ['autocomplete' => 'prevent']) }}
        </div>
        <div class="clear"></div>

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

        <div class="input-holder w11{{$errors->first('shipping-postal',' error') }}">
            {{ Form::label('shipping-postal', Lang::get('form.postal') ) }}
            {{ Form::text('shipping-postal', $checkout->shipping()->get('shipping-postal'))}}
        </div>

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

        <div class="input-holder{{$errors->first('shipping-country',' error') }}">
            {{ $errors->first('shipping-country','<span class="message error">:message</span>') }}
            {{ Form::label('shipping-country', Lang::get('form.country')) }}
            {{ Form::select('shipping-country', $countries, $checkout->shipping()->get('shipping-country'),[
            'ng-model' => 'shippingCountry',
            'ng-init' => 'shippingCountry = \''.$checkout->shipping()->get('shipping-country').'\'',
            'ng-change' => 'setShippingCosts()'
        ])  }}
        </div>
    </div>
    <div class="clear"></div>
</div>
@if(\Shop::isParcelShopActive())
    <div class="hidden-box @if($checkout->shipping()->get('shipping-type') == 'dpd-parcel-shop')  open @endif"
         id="dpd-parcel-shop-box">
        @include('checkout/parcelShop')
    </div>
@endif