@extends('mobile.master')

@section('content')
    <div class="mobile-page create-account">

        <div class="return-button white">
            <a href="/{{$shop->getPageService()->page('customer')->route}}">
                @lang('customer/passwordReminder.back')
            </a>
        </div>


        @if(isset($new) && $new ==true )
            <h1 class="page-title">{{ Lang::get('customer/create.title') }}</h1>
        @else
            <h1 class="page-title">{{ Lang::get('customer/edit.title') }}</h1>
        @endif

        <article class="text-block subscribe-forms white">

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


            <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', $customer->email, ['placeholder' => Lang::get('mobile.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>&nbsp;</div>

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


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

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

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

                {{ Form::radio('title', 'mrs', $customer->title == 'mrs', ['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', $customer->title == 'ms', ['id' => 'title-ms']) }}
                    <label for="title-ms"
                           class="radio-label">{{ ucfirst(Lang::get('form.title_ms')) }}</label>
                @endif
            </div>

            <div class="mobile-form-name">
                <label>@lang('mobile.name')</label>
                <div class="input-holder {{ $errors->first('first_name',' error') }}">
                    {{ Form::text('first_name', $customer->first_name, ['placeholder' => Lang::get('mobile.first_name'), 'autocomplete' => 'given-name']) }}
                </div>
                @if( Shop::getLanguageService()->getCurrentLanguage() != 'en' )
                    <div class="input-holder {{ $errors->first('name_insertion',' error') }}">
                        {{ Form::text('name_insertion', $customer->name_insertion, ['placeholder' => Lang::get('mobile.in-between'), 'autocomplete' => 'prevent' ]) }}
                    </div>
                @endif
                <div class="input-holder {{ $errors->first('last_name',' error') }}">
                    {{ Form::text('last_name', $customer->last_name, ['placeholder' => Lang::get('mobile.last_name'), 'autocomplete' => 'family-name']) }}
                </div>

            </div>

            <div class="input-holder{{ $errors->first('telephone',' error') }}">
                {{ $errors->first('telephone','<span class="message error">:message</span>') }}
                <label for="company">{{ Lang::get('form.telephone') }} ({{ Lang::get('form.optional') }}
                    )</label>
                {{ Form::text('telephone', $customer->telephone, ['placeholder' => Lang::get('form.telephone')]) }}
            </div>

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

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

            <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', $customer->street, ['placeholder' => Lang::get('mobile.street')]) }}
            </div>

            <div class="mobile-multiple-inputs">
                <label for="house_number">{{ Lang::get('mobile.house_number') }}</label>
                <div class="input-holder first-input {{ $errors->first('house_number',' error') }}">
                    {{ Form::text('house_number', $customer->house_number, ['placeholder' => Lang::get('mobile.house_number'), 'autocomplete' => 'prevent']) }}
                </div>
                <div class="input-holder second-input {{ $errors->first('house_number_suffix',' error') }}">
                    {{ Form::text('house_number_suffix', $customer->house_number_suffix, ['placeholder' => Lang::get('mobile.house_number_suffix'), 'autocomplete' => 'prevent']) }}
                </div>
            </div>

            <div class="mobile-multiple-inputs">
                <label for="postal">{{ Lang::get('form.postal') }}</label>
                {{ $errors->first('city','<span class="message error">:message</span>') }}
                <div class="input-holder first-input {{ $errors->first('postal',' error') }}">
                    {{ Form::text('postal', $customer->postal, ['placeholder' => Lang::get('mobile.postal')]) }}
                </div>
                <div class="input-holder second-input {{ $errors->first('city',' error') }}">
                    {{ Form::text('city', $customer->city, ['placeholder' => Lang::get('mobile.city')]) }}
                </div>
            </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', $customer->country) ,
                    'attributes' => [
                        'ng-model' => 'country',
                        'ng-init' => "country = '[[value]]'"
                    ]
                ])
            </div>


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


            {{ Form::close() }}

        </article>
    </div>
@stop