@extends('layouts.layout-2')

@section('content')

    @if ($errors->any())
        <div class="row">
            <div class="col-sm-12">
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif

    <h4 class="font-weight-bold py-2 mb-2">
        {{__('register.complete_registration')}}
    </h4>

    <div id="smartwizard-3" class="smartwizard-register">
        <ul class="card px-4 pt-3 mb-3">
            <li>
                <a href="#smartwizard-3-step-1" class="mb-3">
                    <span class="sw-done-icon ion ion-md-checkmark"></span>
                    <span class="sw-number">1</span>
                    {{__('register.data_protection')}}
                    <div class="text-muted small">{{__('register.agree')}}</div>

                </a>
            </li>
            <li>
                <a href="#smartwizard-3-step-2" class="mb-3">
                    <span class="sw-done-icon ion ion-md-checkmark"></span>
                    <span class="sw-number">2</span>
                    {{__('register.password')}}
                    <div class="text-muted small">{{__('register.assigned')}}</div>

                </a>
            </li>
            <li>
                <a href="#smartwizard-3-step-3" class="mb-3">
                    <span class="sw-done-icon ion ion-md-checkmark"></span>
                    <span class="sw-number">3</span>
                    {{__('register.data')}}
                    <div class="text-muted small">{{__('register.adjust')}}</div>


                </a>
            </li>
            <li>
                <a href="#smartwizard-3-step-4" class="mb-3">
                    <span class="sw-done-icon ion ion-md-checkmark"></span>
                    <span class="sw-number">4</span>
                    {{__('register.package')}}
                    <div class="text-muted small">{{__('register.select')}}</div>
                </a>
            </li>
        </ul>

        <div class="mb-3">
            <div id="smartwizard-3-step-1" class="card animated fadeIn">
                <div class="card-body">
                        {!! Form::open(['action' => route('wizard_store_create', [10]), 'class' => 'form-horizontal', 'id'=>'lead-form-validation-confirm']) !!}
                            @include('user.data_confirm')
                        <div class="text-left mt-3">
                            <button type="submit" class="btn btn-secondary">{{ __('register.agree_and_continue') }}</button>&nbsp;
                        </div>
                        {!! Form::close() !!}
                </div>
            </div>
            <div id="smartwizard-3-step-2" class="card animated fadeIn">
                <div class="card-body">
                    @if(!$user->isPasswort())
                        {!! Form::open(['action' => route('wizard_store_create', [11])]) !!}
                            @include('user.update_password_first_form')
                        <div class="text-left mt-3">
                            <button type="submit" class="btn btn-secondary">{{ __('register.create_and_next') }}</button>&nbsp;
                        </div>
                        {!! Form::close() !!}
                    @else
                        {!! Form::open(['action' => route('wizard_store_create', [11])]) !!}
                            <p>{{ __('register.password_has_already_been_created') }}</p>
                            <button type="submit" class="btn btn-secondary">{{ __('register.next') }}</button>&nbsp;
                        {!! Form::close() !!}
                    @endif
                </div>
            </div>
            <div id="smartwizard-3-step-3" class="card animated fadeIn">
                <div class="card-body">
                    {!! Form::open(['action' => route('wizard_store_create', [12]), 'class' => 'form-horizontal', 'id'=>'lead-form-validation']) !!}
                        @include('user.user_form')
                    <div class="text-left mt-3">
                        <button type="submit" class="btn btn-secondary">{{ __('register.save_and_continue') }}</button>&nbsp;
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
            <div id="smartwizard-3-step-4" class="card animated fadeIn">
                <div class="card-body">
                    @if($userHistoryWizardPayment && $userHistoryWizardPayment->status > 2)
                        <h6 class="alert badge-{{$userHistoryWizardPayment->getStatusColor()}}">E {{__('membership.payment_has_been_made') }} {{__('membership.status') }}: {{ trans('payment.status.'.$userHistoryWizardPayment->getStatusType())}}</h6>
                        <h5 class="card-header bg-light">
                            <a href="#" class=""  data-toggle="collapse" data-target="#collapsePaymentForm" aria-expanded="false" aria-controls="collapsePaymentForm">
                                <i class="fa fa-caret-expand"></i>  {{ __('register.open_payment_options') }}
                            </a>
                        </h5>
                        <div class="collapse" id="collapsePaymentForm">
                            @include('user.wizard._payment')
                        </div>

                    @else
                        @include('user.wizard._payment')
                    @endif
                </div>
            </div>
        </div>
    </div>


    <!-- Modal template -->
    <div class="modal fade" id="modal-user-vat-validation">
        <div class="modal-dialog">
            {!! Form::open(['action' => route('wizard_store_create', [12]), 'class' => 'modal-content']) !!}
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('account.new_vat_validate') }}</span></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                </div>
                <div class="modal-body">
                    <div class="form-row">
                        <div class="form-group col-12">
                            <p>{{ __('account.reverse_charge_copy_1') }}</p>
                            <p>{{ __('account.reverse_charge_note_1') }}</p>
                        </div>
                        <div class="form-group col-sm-12 {{ $errors->has('reverse_charge') ? 'has-error' : '' }}">
                                <label class="form-label" for="tax_identification_number">{{ __('account.VAT_ID_number') }} *</label>
                                {{ Form::text('tax_identification_number', $user->account-> tax_identification_number,  array('placeholder'=>__('account.VAT_ID_number'), 'class'=>'form-control', 'id'=>'tax_identification_number', 'required'=>true)) }}
                            
                            @if ($errors->has('reverse_charge'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('reverse_charge') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    
                    </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{__('close')}}</button>
                    <button type="submit" class="btn btn-primary" name="action" value="reverse_charge_validate">{{ __('account.btn_vat_validate') }}n</button>
                </div>
                {!! Form::close() !!}
        </div>
    </div>

    <link rel="stylesheet" href="{{ asset('/vendor/libs/smartwizard/smartwizard.css') }}">
    <script src="{{ asset('/vendor/libs/smartwizard/smartwizard.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $('.smartwizard-register').smartWizard({
                autoAdjustHeight: true,
                backButtonSupport: true,
                useURLhash: false,
                showStepURLhash: false,
                selected: '{{$step-10}}',
                toolbarSettings: {
                    showNextButton: false,
                    showPreviousButton: false,
                }
            });
        });
    </script>

@endsection