@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/edit.title') }}</h1>

        <div class="top-bar content-block column fluid-100">
            <div class="product-filter column fluid-66">
                <a href="{{ url( \Shop::getPageService()->page('customer')->route ) }}" class="back-btn">{{ Lang::get('customer/login.back') }}</a>
            </div>
        </div>

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

        <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', $customer->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', $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="input-holder w11{{ $errors->first('first_name',' error') }}">
                    <label for="first-name">{{ Lang::get('form.first_name') }}</label>
                    {{ Form::text('first_name', $customer->first_name), ['autocomplete' => 'given-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', $customer->name_insertion, ['autocomplete' => 'prevent']) }}
                </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', $customer->last_name, ['autocomplete' => 'family-name']) }}
                </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.'\'']) }}
                </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') }}</label>
                    {{ Form::text('company_vat', $customer->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', $customer->street) }}
                </div>
                <div class="input-holder w11{{ $errors->first('house_number',' error') }}">
                    <label for="house_number">{{ Lang::get('form.house_number') }}</label>
                    {{ Form::text('house_number', $customer->house_number), ['autocomplete' => 'prevent'] }}
                </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', $customer->house_number_suffix, ['autocomplete' => 'prevent']) }}
                </div>
                <div class="clear"></div>

                <div class="input-holder w11{{ $errors->first('postal',' error') }}">
                    <label for="postal">{{ Lang::get('form.postal') }}</label>
                    {{ Form::text('postal', $customer->postal) }}
                </div>
                <div class="input-holder w24 last {{ $errors->first('city',' error') }}">
                    {{ $errors->first('city','<span class="message error">:message</span>') }}
                    <label for="city">{{ Lang::get('form.city') }}</label>
                    {{ Form::text('city', $customer->city) }}
                </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>

            <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