@extends('layouts.app')

@section('content')
    <div class="container steps">
        <div class="row" style="margin-top:20px;">
            <div class="col-xs-12">
                <div class="btn-logout pull-right"><a href="{{ route('logout') }}"><div class="bg"></div></a></div>
                <div class="btn-restart pull-right" style="margin-right:10px;"><a href="{{ route('index') }}"><div class="bg"></div></a></div>
            </div>
        </div>
        <div class="row logos">
            <div class="col-xs-offset-0 col-xs-5 logo-infiniti">
                <img src="{{ asset('img/infiniti.svg') }}"/>
            </div>
            <div class="col-xs-5 logo-skiron">
                <img src="{{ asset('img/skiron.svg') }}"/>
            </div>
        </div>
        <div class="row" style="margin-bottom:40px;">
            <div class="col-xs-12" style="text-align:right;">
                <span class="form-steps-progress"></span><span style="font-size:32px; font-weight: 300;">/<span class="form-steps-progress-total"></span></span>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-offset-0 col-xs-12">
                <form class="form-steps" role="form" method="POST" action="{{ url('/') }}" autocomplete="off">
                {{ csrf_field() }}

                <div class="form-steps-container">
                    {{-- Step 1 --}}
                    <fieldset class="form-step">
                        <div class="form-group">
                            <label for="language" class="control-label">
                                <span class="text-en">{{ trans('registration.language', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.language', [], 'messages', 'fr') }}</span>
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="language_en" type="radio" name="language" value="en"{{ old('language') === "en" ? " checked" : "" }}>
                                        <label for="language_en">{{ trans('registration.english', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>

                                <div class="radio-inline">
                                    <label>
                                        <input id="language_fr" type="radio" name="language" value="fr"{{ old('language') === "fr" ? " checked" : "" }}>
                                        <label for="language_fr">{{ trans('registration.francais', [], 'messages', 'fr') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="title" class="control-label">
                                <span class="text-en">{{ trans('registration.title', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.title', [], 'messages', 'fr') }}</span>
                                <span class="required">*</span>
                            </label>
                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="title_Mr" type="radio" name="title" value="Mr"{{ old('title') === "Mr" ? " checked" : "" }}">
                                        <label for="title_Mr">{{ trans('registration.Mr', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                                <div class="radio-inline">
                                    <label>
                                        <input id="title_Mrs" type="radio" name="title" value="Mrs"{{ old('title') === "Mrs" ? " checked" : "" }}">
                                        <label for="title_Mrs">{{ trans('registration.Mrs', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                                <div class="radio-inline">
                                    <label>
                                        <input id="title_Miss" type="radio" name="title" value="Miss"{{ old('title') === "Miss" ? " checked" : "" }}">
                                        <label for="title_Miss">{{ trans('registration.Miss', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="first_name" class="control-label">
                                <span class="text-en">{{ trans('registration.first_name', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.first_name', [], 'messages', 'fr') }}</span>
                                <span class="required">*</span>
                            </label>
                            <input id="first_name" type="text" class="form-control" name="first_name" value="{{ old('first_name') }}">
                        </div>

                        <div class="form-group">
                            <label for="last_name" class="control-label">
                                <span class="text-en">{{ trans('registration.last_name', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.last_name', [], 'messages', 'fr') }}</span>
                                <span class="required">*</span>
                            </label>
                            <input id="last_name" type="text" class="form-control" name="last_name" value="{{ old('last_name') }}">
                        </div>

                        <div class="form-group">
                            <label for="email" class="control-label">
                                <span class="text-en">{{ trans('registration.email', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.email', [], 'messages', 'fr') }}</span>
                                <span class="required">*</span>
                            </label>
                            <input id="email" type="text" class="form-control" name="email" value="{{ old('email') }}">
                        </div>

                        <div class="form-group">
                            <label for="phone_number" class="control-label">
                                <span class="text-en">{{ trans('registration.phone_number', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.phone_number', [], 'messages', 'fr') }}</span>
                            </label>
                            <input id="phone_number" type="text" class="form-control" name="phone_number" value="{{ old('phone_number') }}">
                        </div>

                        <div class="form-group">
                            <label for="city" class="control-label">
                                <span class="text-en">{{ trans('registration.city', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.city', [], 'messages', 'fr') }}</span>
                            </label>
                            <input id="city" type="text" class="form-control" name="city" value="{{ old('city') }}">
                        </div>

                        <div class="form-group">
                            <label for="postal_code" class="control-label">
                                <span class="text-en">{{ trans('registration.postal_code', [], 'messages', 'en') }}</span>
                                /
                                <span class="text-fr">{{ trans('registration.postal_code', [], 'messages', 'fr') }}</span>
                                <span class="required">*</span>
                            </label>
                            <input id="postal_code" type="text" class="form-control" name="postal_code" value="{{ old('postal_code') }}">
                        </div>

                        <div class="form-group">
                            <button type="button" name="next" class="btn btn-primary btn-block btn-next"></button>
                        </div>
                    </fieldset>

                    {{-- Étape 2 --}}
                    <fieldset class="form-step step2">
                        <div class="form-group">
                            <label for="is_infinity_owner" class="text-en control-label">
                                {{ trans('registration.current_owner', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="is_infinity_owner" class="text-fr control-label">
                                {{ trans('registration.current_owner', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="is_infinity_owner_yes" type="radio" name="is_infinity_owner" value="1"{{ old('current_owner') === "1" ? " checked" : "" }}>
                                        <label for="is_infinity_owner_yes">{{ trans('registration.yes', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>

                                <div class="radio-inline">
                                    <label>
                                        <input id="is_infinity_owner_no" type="radio" name="is_infinity_owner" value="0"{{ old('current_owner') === "0" ? " checked" : "" }}>
                                        <label for="is_infinity_owner_no">{{ trans('registration.no', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div id="vehicle_brand" class="form-group">
                            <label for="current_vehicle_brand" class="text-en control-label">
                                {{ trans('registration.current_vehicle_brand', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="current_vehicle_brand" class="text-fr control-label">
                                {{ trans('registration.current_vehicle_brand', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="row separator-container">
                                                                        @foreach ($brands as $brandLine)
                                        <div class="col-xs-5 ">
                                            @foreach ($brandLine as $brand)
                                                                                                <div class="radio">
                                                    <label>
                                                        <input id="current_vehicle_brand_{{ $cpt }}" type="radio" name="current_vehicle_brand" value="{{ $brand }}">
                                                        <label for="current_vehicle_brand_{{ $cpt }}">{{ $brand }}</label>
                                                    </label>
                                                </div>

                                            @endforeach
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="age_current_vehicle" class="text-en control-label">
                                {{ trans('registration.age_current_vehicle', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="age_current_vehicle" class="text-fr control-label">
                                {{ trans('registration.age_current_vehicle', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="row separator-container">
                                                                        @foreach ($ageCurrentVehicleRanges as $rangeLine)
                                        <div class="col-xs-5 ">
                                            @foreach ($rangeLine as $range)
                                                                                                <div class="radio">
                                                    <label>
                                                        <input id="age_current_vehicle_{{ $cpt }}" type="radio" name="age_current_vehicle" value="{{ $range }}">
                                                        <label for="age_current_vehicle_{{ $cpt }}">{{ $range }}</label>
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="pull-left">
                                <button type="button" name="previous" class="btn btn-primary btn-block btn-prev"></button>
                            </div>
                            <div class="pull-left" style="padding-left:20px;">
                                <button type="button" name="next" class="btn btn-primary btn-block btn-next"></button>
                            </div>
                        </div>
                    </fieldset>

                    {{-- Step 3 --}}
                    <fieldset class="form-step step3">
                        <div class="form-group">
                            <label for="looking_purchase_new_vehicle" class="text-en control-label">
                                {{ trans('registration.looking_purchase_new_vehicle', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="looking_purchase_new_vehicle" class="text-fr control-label">
                                {{ trans('registration.looking_purchase_new_vehicle', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="row separator-container">
                                                                        @foreach ($lookingPurchaseNewVehicleRanges as $rangeLine)
                                        <div class="col-xs-5 ">
                                            @foreach ($rangeLine as $range)
                                                                                                <div class="radio">
                                                    <label>
                                                        <input id="looking_purchase_new_vehicle_{{ $cpt }}" type="radio" name="looking_purchase_new_vehicle" value="{{ $range }}">
                                                        <label for="looking_purchase_new_vehicle_{{ $cpt }}">{{ $range }}</label>
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="interessed_infiniti_models" class="text-en control-label">
                                {{ trans('registration.interessed_infiniti_models', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="interessed_infiniti_models" class="text-fr control-label">
                                {{ trans('registration.interessed_infiniti_models', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="row separator-container">
                                                                        @foreach ($models as $modelsLine)
                                        <div class="col-xs-5 ">
                                            @foreach ($modelsLine as $model)
                                                                                                <div class="checkbox">
                                                    <label>
                                                        <input id="interessed_infiniti_models_{{ $cpt }}" type="checkbox" name="interessed_infiniti_models[]" value="{{ $model }}">
                                                        <label for="interessed_infiniti_models_{{ $cpt }}">{{ $model }}</label>
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="pull-left">
                                <button type="button" name="previous" class="btn btn-primary btn-block btn-prev"></button>
                            </div>
                            <div class="pull-left" style="padding-left:20px;">
                                <button type="button" name="next" class="btn btn-primary btn-block btn-next"></button>
                            </div>
                        </div>
                    </fieldset>

                    {{-- Step 4 --}}
                    <fieldset class="form-step step4">
                        <div class="form-group">
                            <label for="receive_future_announcements_electronically" class="text-en control-label">
                                {{ trans('registration.receive_future_announcements_electronically', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="receive_future_announcements_electronically" class="text-fr control-label">
                                {{ trans('registration.receive_future_announcements_electronically', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="receive_future_announcements_electronically_yes" type="radio" name="receive_future_announcements_electronically" value="1"{{ old('current_owner') === "1" ? " checked" : "" }}>
                                        <label for="receive_future_announcements_electronically_yes">{{ trans('registration.yes', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>

                                <div class="radio-inline">
                                    <label>
                                        <input id="receive_future_announcements_electronically_no" type="radio" name="receive_future_announcements_electronically" value="0"{{ old('current_owner') === "0" ? " checked" : "" }}>
                                        <label for="receive_future_announcements_electronically_no">{{ trans('registration.no', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="contact_by_retailer" class="text-en control-label">
                                {{ trans('registration.contact_by_retailer', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="contact_by_retailer" class="text-fr control-label">
                                {{ trans('registration.contact_by_retailer', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="contact_by_retailer_yes" type="radio" name="contact_by_retailer" value="1"{{ old('contact_by_retailer') === "1" ? " checked" : "" }}>
                                        <label for="contact_by_retailer_yes">{{ trans('registration.yes', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>

                                <div class="radio-inline">
                                    <label>
                                        <input id="contact_by_retailer_no" type="radio" name="contact_by_retailer" value="0"{{ old('contact_by_retailer') === "0" ? " checked" : "" }}>
                                        <label for="contact_by_retailer_no">{{ trans('registration.no', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="ads_on_mountain" class="text-en control-label">
                                {{ trans('registration.ads_on_mountain', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="ads_on_mountain" class="text-fr control-label">
                                {{ trans('registration.ads_on_mountain', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="ads_on_mountain_yes" type="radio" name="ads_on_mountain" value="1"{{ old('ads_on_mountain') === "1" ? " checked" : "" }}>
                                        <label for="ads_on_mountain_yes">{{ trans('registration.yes', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>

                                <div class="radio-inline">
                                    <label>
                                        <input id="ads_on_mountain_no" type="radio" name="ads_on_mountain" value="0"{{ old('ads_on_mountain') === "0" ? " checked" : "" }}>
                                        <label for="ads_on_mountain_no">{{ trans('registration.no', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="already_skiing_today" class="text-en control-label">
                                {{ trans('registration.already_skiing_today', [], 'messages', 'en') }}
                                <span class="required">*</span>
                            </label>
                            <label for="already_skiing_today" class="text-fr control-label">
                                {{ trans('registration.already_skiing_today', [], 'messages', 'fr') }}
                                <span class="required">*</span>
                            </label>

                            <div class="input-group">
                                <div class="radio-inline">
                                    <label>
                                        <input id="already_skiing_today_yes" type="radio" name="already_skiing_today" value="1"{{ old('already_skiing_today') === "1" ? " checked" : "" }}>
                                        <label for="already_skiing_today_yes">{{ trans('registration.yes', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>

                                <div class="radio-inline">
                                    <label>
                                        <input id="already_skiing_today_no" type="radio" name="already_skiing_today" value="0"{{ old('already_skiing_today') === "0" ? " checked" : "" }}>
                                        <label for="already_skiing_today_no">{{ trans('registration.no', [], 'messages', 'en') }}</label>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="pull-left">
                                <button type="button" name="previous" class="btn btn-primary btn-block btn-prev"></button>
                            </div>
                            <div class="pull-left" style="padding-left:20px;">
                                <button type="submit" name="submit" class="btn btn-primary btn-block btn-submit"></button>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </form>
        </div>
    </div>
@endsection