@extends('layouts.master')

@section('background')
    <div class="bg-50"></div>
@stop

@section('sidebar')
    @include('partials.sidebar',['customerService' => ''])
@stop

@section('brandNavigationBar')
    @include('partials.brandNavigationBar')
@stop

@section('content')
    <div class="content-container column fluid-100">

        <!-- Breadcrumb -->

        @include('partials.breadcrumb')

        <!-- Title -->

        <h1 class="page-title">{{ Lang::get('customer/create.title') }}</h1>

        <div class="top-bar content-block column fluid-100">
            <div class="product-filter column fluid-66">
                <a href="javascript:window.history.back();" class="back-btn">
                    {{ Lang::get('customer/login.back') }}
                </a>
            </div>
        </div>

        {{ Form::open([
            'url' => $shop->getPageService()->page('customer')->route,
            'method' => 'post'
        ]) }}

        <article class="text-block content-block column fluid-100">

            <div class="input-column">
                <h2>{{ Lang::get('customer/create.account_details') }}</h2>

                <div class="input-holder{{ $errors->first('email',' error') }}">
                    {{ $errors->first('email','<span class="message error">:message</span>'); }}
                    <label for="email">{{ Lang::get('form.email') }}</label>
                    {{ Form::email('email') }}
                </div>
                <div class="input-holder{{ $errors->first('password',' error') }}">
                    {{ $errors->first('password','<span class="message error">:message</span>'); }}
                    <label for="password">{{ Lang::get('form.password') }}</label>
                    {{ Form::password('password') }}
                </div>
                <div class="input-holder{{ $errors->first('password_confirmation',' error') }}">
                    <label for="password_confirmation">{{ Lang::get('form.password_confirmation') }}</label>
                    {{ Form::password('password_confirmation') }}
                </div>
            </div>

            <div class="clear">&nbsp;</div>

            <h2>{{ Lang::get('customer/create.contact_details') }}</h2>

            <div class="input-column">

                <div class="input-holder radio {{ $errors->first('title',' error') }}">

                    {{ Form::label('title', Lang::get('form.salutation') ); }}

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

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

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

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

                <div class="input-holder w11{{ $errors->first('first_name',' error') }}">
                    <label for="first-name">{{ Lang::get('form.first_name') }}</label>
                    {{ Form::text('first_name') }}
                </div>
                @if( Shop::getLanguageService()->getCurrentLanguage() != 'en' )
                    <div class="input-holder w8{{ $errors->first('name_insertion',' error') }}">
                        <label for="name-insertion">{{ Lang::get('form.insertion') }}</label>
                        {{ Form::text('name_insertion') }}
                    </div>
                @endif
                <div class="input-holder w15 last{{ $errors->first('last_name',' error') }}">
                    <label for="last-name">{{ Lang::get('form.last_name') }}</label>
                    {{ Form::text('last_name') }}
                </div>

                <div class="input-holder{{ $errors->first('company',' error') }}">
                    <label for="company">{{ Lang::get('form.company_name') }} ({{ Lang::get('form.optional') }})</label>
                    {{ Form::text('company', Input::old('company'), ['ng-init' =>  'company = \''.Input::old('company').'\'','ng-model' => 'company']) }}
                </div>

                <div class="input-holder{{ $errors->first('company_vat',' error') }}"
                     ng-show="company && country != 'NL'">
                    <label for="company_vat">{{ Lang::get('form.company_name_vat') }}</label>
                    {{ Form::text('company_vat') }}
                </div>

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

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

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

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

                <div class="input-holder w11 last{{ $errors->first('house_number_suffix',' error') }}">
                    <label for="house_number_suffix">{{ Lang::get('form.suffix') }}</label>
                    {{ Form::text('house_number_suffix') }}
                </div>
                <div class="clear"></div>

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

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

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

                {{--
                <div class="input-holder{{ $errors->first('country',' error') }}">
                    <label for="country">{{ Lang::get('form.country') }}</label>
                    {{ Form::text('country') }}
                </div>
                --}}
                <div class="input-holder{{$errors->first('country',' error');}}">
                    {{ $errors->first('country','<span class="message error">:message</span>'); }}
                    {{ Form::label('country', Lang::get('form.country')); }}
                    @include('partials.countrySelectBox',[
                        'name' => 'country',
                        'value' => Input::old('country', ''),
                        'attributes' => [
                            'ng-model' => 'country',
                            'ng-init' => "country = '[[value]]'"
                        ]
                    ])
                </div>
            </div>

            <div class="clear">&nbsp;</div>

            <div class="input-column">
                <div class="btn input animate " data-text="{{Lang::get('form.submit')}}">
                    <span class="text">{{Lang::get('form.submit')}}</span>
                        {{ Form::submit('', ['class' => 'btn']) }}
                </div>
            </div>

        </article>

        {{ Form::close() }}
    </div>

@stop