@extends('socialite::layouts.default')

@section('content')
	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<div class="post-filters">
					@include('socialite::partials.usermenu-settings')
				</div>
			</div>
			<div class="col-md-8">
				<div class="panel panel-default panel-full">
				
					<div class="panel-heading panel-settings">
					@include('flash::message')

						<h3 class="panel-title">
							{{ trans('users.general_settings.title') }}
						</h3>
					</div>
					<div class="panel-body nopadding">
						<div class="socialite-form">

                            {!! Form::model($user, ['route' => ['user.settings.general.post', 'username' => $username], 'method' => 'post']) !!}
                                <fieldset>
                                    <legend>{{ trans('users.general_settings.general_information') }}</legend>

                                    <div class="form-group required {{ $errors->has('first_name') ? ' has-error' : '' }}">
                                        {{ Form::label('first_name', trans('users.first_name'), ['class' => 'control-label']) }}
                                        {{ Form::text('first_name', null, ['class' => 'form-control']) }}

                                        @if ($errors->has('first_name'))
                                            <span class="help-block">
												{{ $errors->first('first_name') }}
											</span>
                                        @endif
                                    </div>

                                    <div class="form-group required {{ $errors->has('last_name') ? ' has-error' : '' }}">
                                        {{ Form::label('last_name', trans('users.last_name'), ['class' => 'control-label']) }}
                                        {{ Form::text('last_name', null, ['class' => 'form-control']) }}

                                        @if ($errors->has('last_name'))
                                            <span class="help-block">
												{{ $errors->first('last_name') }}
											</span>
                                        @endif
                                    </div>

                                    <div class="form-group required {{ $errors->has('email') ? ' has-error' : '' }}">
                                        {{ Form::label('email', trans('users.email'), ['class' => 'control-label']) }}
                                        {{ Form::text('email', null, ['class' => 'form-control']) }}

                                        @if ($errors->has('email'))
                                            <span class="help-block">
												{{ $errors->first('email') }}
											</span>
                                        @endif
                                    </div>

                                    <div class="form-group required{{ $errors->userRegistration->has('gender') ? ' has-error' : '' }}">
                                        {!! Form::label('gender', trans('users.gender.label'), ['class' => 'control-label']) !!}
                                        <div class="radio-buttons">
                                            {{--TODO VOX : gender in user model and method to get array--}}
                                            @foreach (array('female' => 'female', 'male' => 'male', 'other' => 'none') as $genderKey => $gender)
                                                <div class="radio-inline">
                                                    {!! Form::radio('gender', $genderKey, null, ['id' => 'gender_' . $genderKey]) !!}
                                                    {!! Form::label('gender_' . $genderKey, trans('common.'.$gender)) !!}
                                                </div>
                                            @endforeach

                                            @if ($errors->userRegistration->has('gender'))
                                                <span class="help-block">
                                                  {{ $errors->first('gender') }}
                                              </span>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('birthday', trans('common.birthday'), ['class' => 'control-label']) }}

                                        <div class="input-group date datepicker">
                                            <span class="input-group-addon addon-left calendar-addon">
                                                <span class="fa fa-calendar"></span>
                                            </span>

                                            {{ Form::text('birthday', $user->birthday->format('d/m/Y'), ['class' => 'form-control', 'id' => 'datepicker1']) }}

                                            <span class="input-group-addon addon-right angle-addon">
                                                <span class="fa fa-angle-down"></span>
                                            </span>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group {{ $errors->has('birth_place') ? ' has-error' : '' }}">
                                        {{ Form::label('birth_place', trans('users.birth_place'), ['class' => 'control-label']) }}
                                        {{ Form::text('birth_place', null, ['class' => 'form-control']) }}

                                        @if ($errors->has('birth_place'))
                                            <span class="help-block">
												{{ $errors->first('birth_place') }}
											</span>
                                        @endif
                                    </div>

                                    <div class="form-group {{ $errors->has('living_place') ? ' has-error' : '' }}">
                                        {{ Form::label('living_place', trans('users.living_place'), ['class' => 'control-label']) }}
                                        {{ Form::text('living_place', null, ['class' => 'form-control']) }}

                                        @if ($errors->has('living_place'))
                                            <span class="help-block">
												{{ $errors->first('living_place') }}
											</span>
                                        @endif
                                    </div>
                                </fieldset>

                                <fieldset>
                                    <legend>{{ trans('users.general_settings.personal_information') }}</legend>

                                    <div class="form-group">
                                        {{ Form::label('about', trans('users.about'), ['class' => 'control-label']) }}
                                        {{ Form::textarea('about', null, ['class' => 'form-control']) }}
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('hobbies', trans('users.hobbies'), ['class' => 'control-label']) }}
                                        {{ Form::text('hobbies', null, ['class' => 'form-control add_selectize', 'placeholder' => trans('socialite::common.mention_your_hobbies')]) }}
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('interests', trans('users.interests'), ['class' => 'control-label']) }}
                                        {{ Form::text('interests', null, ['class' => 'form-control add_selectize', 'placeholder' => trans('socialite::common.add_your_interests')]) }}
                                    </div>
                                </fieldset>

                                <fieldset>
                                    <legend>{{ trans('users.general_settings.be_social') }}</legend>

                                    <div class="form-group">
                                        {{ Form::label('facebook_link', trans('socialite::admin.facebook_link'), ['class' => 'control-label']) }}
                                        <div class="input-group facebook-input-group">
                                            <div class="input-group-addon fb-btn"><i class="fa fa-facebook"></i></div>
                                            {{ Form::text('facebook_link', null, array('class' => 'form-control account-form', 'placeholder' => trans('socialite::admin.facebook_link'))) }}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('twitter_link', trans('socialite::admin.twitter_link'), ['class' => 'control-label']) }}
                                        <div class="input-group facebook-input-group twitter-input-group">
                                            <div class="input-group-addon twitter-btn"><i class="fa fa-twitter"></i></div>
                                            {{ Form::text('twitter_link', null, array('class' => 'form-control', 'placeholder' => trans('socialite::admin.twitter_link'))) }}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('youtube_link', trans('socialite::admin.youtube_link'), ['class' => 'control-label']) }}
                                        <div class="input-group facebook-input-group youtube-input-group">
                                            <div class="input-group-addon youtube-btn"><i class="fa fa-youtube"></i></div>
                                            {{ Form::text('youtube_link', null, array('class' => 'form-control', 'placeholder' => trans('socialite::admin.youtube_link'))) }}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('instagram_link', trans('socialite::admin.instagram_link'), ['class' => 'control-label']) }}
                                        <div class="input-group facebook-input-group instagram-input-group">
                                            <div class="input-group-addon instagram-btn"><i class="fa fa-instagram"></i></div>
                                            {{ Form::text('instagram_link', null, array('class' => 'form-control', 'placeholder' => trans('socialite::admin.instagram_link'))) }}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {{ Form::label('linkedin_link', trans('socialite::admin.linkedin_link'), ['class' => 'control-label']) }}
                                        <div class="input-group facebook-input-group linkedin-input-group">
                                            <div class="input-group-addon linkedin-btn"><i class="fa fa-linkedin"></i></div>
                                            {{ Form::text('linkedin_link', null, array('class' => 'form-control', 'placeholder' => trans('socialite::admin.linkedin_link'))) }}
                                        </div>

                                    </div>
                                </fieldset>

                                <div class="pull-right">
                                    {{ Form::submit(trans('socialite::common.save_changes'), ['class' => 'btn btn-success']) }}
                                </div>

                                <div class="clearfix"></div>
                            {{ Form::close() }}
							</div>
						</div>
					</div>
					<!-- End of first panel -->

					<div class="panel panel-default">
						<div class="panel-heading no-bg panel-settings">
							<h3 class="panel-title">
								{{ trans('common.update_password') }}
							</h3>
						</div>
						<div class="panel-body nopadding">
							<div class="socialite-form">
                                {!! Form::model($user, ['route' => ['user.settings.password.post', 'username' => $username], 'method' => 'post']) !!}
									<div class="row">
										<div class="col-md-6">
											<fieldset class="form-group {{ $errors->has('current_password') ? ' has-error' : '' }}">
												{{ Form::label('current_password', trans('socialite::common.current_password')) }}
                                                {{ Form::password('current_password', ['id' => 'current_password', 'class' => 'form-control', 'placeholder' => trans('socialite::messages.enter_old_password')]) }}

												@if ($errors->has('current_password'))
												<span class="help-block">
													{{ $errors->first('current_password') }}
												</span>
												@endif
											</fieldset>
										</div>
										<div class="col-md-6">
											<fieldset class="form-group {{ $errors->has('new_password') ? ' has-error' : '' }}">
												{{ Form::label('new_password', trans('socialite::common.new_password')) }}
                                                {{ Form::password('new_password', ['id' => 'new_password', 'class' => 'form-control', 'placeholder' => trans('socialite::messages.enter_new_password')]) }}

												@if($errors->has('new_password'))
												<span class="help-block">
													{{ $errors->first('new_password') }}
												</span>
												@endif
											</fieldset>
										</div>
									</div>

									<div class="pull-right">
										{{ Form::submit(trans('common.save_password'), ['class' => 'btn btn-success']) }}
									</div>
									<div class="clearfix"></div>
                                {{ Form::close() }}
							</div><!-- /Socialite-form -->
						</div>
					</div>
					<!-- End of second panel -->

				</div>
			</div><!-- /row -->
		</div>
@endsection

@section('bottom_js')
    @parent

    <script src="https://maps.googleapis.com/maps/api/js?key={{ config('services.google.api_key') }}&libraries=places&&language=en&types=geocode"></script>

    <script>
        initAutocomplete($('input#birth_place'));
        initAutocomplete($('input#living_place'));

        function initAutocomplete(input) {
            var autocompleteOptions = {
                types: ['(regions)']
            };

            var autocomplete = new google.maps.places.Autocomplete(input.get(0), autocompleteOptions); // HTMLInputElement

            // Avoid send the form by typing enter in the Google Autocomplete list
            input.on('keydown', function (e) {
                if (e.keyCode === 13) {
                    e.preventDefault();
                    return false;
                }
            });

            // ID of component form must match with data we get in address_components object from Google Place Autocomplete
            var addressComponents = {
                locality: 'long_name',
                administrative_area_level_1: 'long_name',
                country: 'long_name'
            };

            // Fill address inputs when user select a place
            autocomplete.addListener('place_changed', function () {
                var placeSelected = this.getPlace();
                var addressValid = false;

                var addressComponentsResult = {};
                if (placeSelected && placeSelected.address_components) {
                    for (var i = 0; i < placeSelected.address_components.length; i++) {
                        var componentType = placeSelected.address_components[i].types[0];
                        if (addressComponents[componentType]) {
                            addressComponentsResult[componentType] = placeSelected.address_components[i][addressComponents[componentType]];
                        }
                    }

                    if (addressComponentsResult.locality && addressComponentsResult.administrative_area_level_1 && addressComponentsResult.country) {
                        addressValid = true;

                        input.val(addressComponentsResult.locality + ', ' + addressComponentsResult.administrative_area_level_1 + ', ' + addressComponentsResult.country);
                    }
                }

                if (!addressValid) {
                    input.val('');
                }
            });
        }
    </script>
@endsection