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

@section('content')
    <div class="login-block">
      <div class="text-center welcome-message">
       {{-- <h2>{!! Setting::get('home_welcome_message') !!}</h2>--}}
        <h2>{{trans('socialite::homepage.welcome')}} </h2>
      </div>
      <!-- <div class="row">
        <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-body nopadding">
              <div class="icon-boxes">
                <div class="application-image">
                  <img src="{!! url('setting/app-icon1.png') !!}" alt="">
                </div>
                <div class="app-files">
                  {{--{!! Setting::get('home_widget_one') !!}--}}
                  {{trans('socialite::homepage.home_widget_one')}}
                </div>
              {{-- <div class="new-campaign">
                <a href="#" class="btn btn-success app-btn">Start new Campaign</a>
              </div> --}}
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
        <div class="panel panel-default">
          <div class="panel-body nopadding">
            <div class="icon-boxes">
              <div class="application-image">
                <img src="{!! url('setting/app-icon2.png') !!}" alt="">
              </div>
              <div class="app-files">
                {{--{!! Setting::get('home_widget_two') !!}--}}
                {{trans('socialite::homepage.home_widget_two')}}
              </div>
              {{-- <div class="new-campaign">
                <a href="#" class="btn btn-success app-btn">View your Reports</a>
              </div> --}}
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
        <div class="panel panel-default">
          <div class="panel-body nopadding">
            <div class="icon-boxes">
              <div class="application-image">
                <img src="{!! url('setting/app-icon3.png') !!}" alt="">
              </div>
              <div class="app-files">
                {{--{!! Setting::get('home_widget_three') !!}--}}
                {{trans('socialite::homepage.home_widget_three')}}

              </div>
              {{-- <div class="new-campaign">
                <a href="#" class="btn btn-success app-btn">Start Using Dashboard</a>
              </div> --}}
            </div>
          </div>
        </div>
      </div>
    </div> -->

     <!-- <div class="col-md-7 features-list">
        <h2>{!! trans('socialite::homehome_list_heading') !!}</h2>
        <div class="panel panel-default">
          <div class="panel-body">
            <ul class="list-unstyled">
              @if(Setting::get('home_feature_one_icon') != null || Setting::get('home_feature_one') != null)
              <li>
                <i class="fa fa-{{ Setting::get('home_feature_one_icon') }}"></i> {{ trans('socialite::homepage.home_feature_one') }}
              </li>
              @endif
              @if(Setting::get('home_feature_two_icon') != null || Setting::get('home_feature_two') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_two_icon') }}"></i> {{ trans('socialite::homepage.home_feature_two') }}
                </li>
              @endif
              @if(Setting::get('home_feature_three_icon') != null || Setting::get('home_feature_three') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_three_icon') }}"></i> {{ trans('socialite::homepage.home_feature_three') }}
                </li>
              @endif
              @if(Setting::get('home_feature_four_icon') != null || Setting::get('home_feature_four') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_four_icon') }}"></i> {{ trans('socialite::homepage.home_feature_four') }}
                </li>
              @endif
              @if(Setting::get('home_feature_five_icon') != null || Setting::get('home_feature_five') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_five_icon') }}"></i> {{ trans('socialite::homepage.home_feature_five') }}
                </li>
              @endif
              @if(Setting::get('home_feature_six_icon') != null || Setting::get('home_feature_six') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_six_icon') }}"></i> {{ trans('socialite::homepage.home_feature_six') }}
                </li>
              @endif
              @if(Setting::get('home_feature_seven_icon') != null || Setting::get('home_feature_seven') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_seven_icon') }}"></i> {{ trans('socialite::homepage.home_feature_seven') }}
                </li>
              @endif
              @if(Setting::get('home_feature_eight_icon') != null || Setting::get('home_feature_eight') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_eight_icon') }}"></i> {{ trans('socialite::homepage.home_feature_eight') }}
                </li>
              @endif
              @if(Setting::get('home_feature_nine_icon') != null || Setting::get('home_feature_nine') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_nine_icon') }}"></i> {{ trans('socialite::homepage.home_feature_nine') }}
                </li>home.
              @endif
              @if(Setting::get('home_feature_ten_icon') != null || Setting::get('home_feature_ten') != null)
                <li>
                  <i class="fa fa-{{ Setting::get('home_feature_ten_icon') }}"></i> {{ trans('socialite::homepage.home_feature_ten') }}
                </li>
              @endif
            </ul>
          </div>
        </div>
      </div> -->

        <div class="panel panel-default">
          <div class="panel-body nopadding">
            <div class="login-head">
                {{ trans('socialite::homepage.home_create_account') }}
            </div>
            <div class="login-bottom">

              <ul class="signup-errors text-danger list-unstyled"></ul>

              <form method="POST" class="" action="{{ route('register.post') }}">
                {{ csrf_field() }}

                <fieldset>
                  <legend>{{ trans('users.registration.personal') }}</legend>

                  <div class="form-group required{{ $errors->userRegistration->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->userRegistration->has('first_name'))
                      <span class="help-block">
                                {{ $errors->userRegistration->first('first_name') }}
                            </span>
                    @endif
                  </div>

                  <div class="form-group required{{ $errors->userRegistration->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->userRegistration->has('last_name'))
                      <span class="help-block">
                                {{ $errors->userRegistration->first('last_name') }}
                            </span>
                    @endif
                  </div>

                  <div class="form-group required{{ $errors->userRegistration->has('gender') ? ' has-error' : '' }}">
                    {!! Form::label('gender', trans('users.gender.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, $gender) !!}
                        </div>
                      @endforeach

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

                  <div class="form-group required{{ $errors->userRegistration->has('birthday') ? ' has-error' : '' }}">
                    {{ Form::label('birthday', trans('common.birthday')) }}
                    {{ Form::text('birthday', NULL, ['class' => 'form-control', 'id' => 'datepickerBirthday']) }}

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

                <fieldset>
                  <legend>{{ trans('users.registration.account') }}</legend>

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

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

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

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

                  <p>
                    {{ trans('users.registration.accept_rules') }}
                  </p>
                </fieldset>

                {{ Form::button(trans('socialite::auth.signup_to_dashboard'), ['type' => 'submit','class' => 'btn btn-success btn-submit']) }}
              </form>
            </div>
            @if((env('GOOGLE_CLIENT_ID') != NULL && env('GOOGLE_CLIENT_SECRET') != NULL) ||
              (env('TWITTER_CLIENT_ID') != NULL && env('TWITTER_CLIENT_SECRET') != NULL) ||
              (env('FACEBOOK_CLIENT_ID') != NULL && env('FACEBOOK_CLIENT_SECRET') != NULL) ||
              (env('LINKEDIN_CLIENT_ID') != NULL && env('LINKEDIN_CLIENT_SECRET') != NULL) )
              <div class="divider-login">
                <div class="divider-text"> {{ trans('socialite::auth.login_via_social_networks') }}</div>
              </div>
              @endif
              <ul class="list-inline social-connect">
                @if(env('GOOGLE_CLIENT_ID') != NULL && env('GOOGLE_CLIENT_SECRET') != NULL)
                <li><a href="{{ route('login.google') }}" class="btn btn-social google-plus"><span class="social-circle"><i class="fa fa-google-plus" aria-hidden="true"></i></span></a></li>
                @endif

                @if(env('TWITTER_CLIENT_ID') != NULL && env('TWITTER_CLIENT_SECRET') != NULL)
                <li><a href="{{ route('login.twitter') }}" class="btn btn-social tw"><span class="social-circle"><i class="fa fa-twitter" aria-hidden="true"></i></span></a></li>
                @endif

                @if(env('FACEBOOK_CLIENT_ID') != NULL && env('FACEBOOK_CLIENT_SECRET') != NULL)
                <li><a href="{{ route('login.facebook') }}" class="btn btn-social fb"><span class="social-circle"><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li>
                @endif

                @if(env('LINKEDIN_CLIENT_ID') != NULL && env('LINKEDIN_CLIENT_SECRET') != NULL)
                <li><a href="{{ route('login.linkedin') }}" class="btn btn-social linkedin"><span class="social-circle"><i class="fa fa-linkedin" aria-hidden="true"></i></span></a></li>
                @endif
              </ul>
            </div>
          </div><!-- /panel -->
        </div>
@endsection