@extends('layouts.app')
<style>

</style>
@section('content')

    @if (isset($data['activeGroup']))
    <input type="hidden" id="active_group" name="active_group" value="{{ $data['activeGroup'] }}">
    @endif

    <input id="authenticated" type="hidden" value="{{ auth()->check() }}">
    <input type="hidden" id="flow_type" name="flow_type" value="{{$type}}">

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    @if(isset($card_title))
                    <div class="card-header">{{ $card_title }}</div>
                    @endif
                    <div class="card-body">

                        {{-- Progressbar --}}
                        <div class="container-fluid" style="height: 90px;">
                            <div class="contract-creaction-progressbar">
                                <div class="col-lg-9 mx-auto">
                                    <input type="hidden" id="progressbarMaxGroup" value="{{ count($data['questionGroups']) + 1 }}">
                                    @foreach ( $data['questionGroups'] as $group )
                                        <div id="progressbarTitle_{{  $loop->index }}" class="progressbarTitle @if ($loop->iteration != 1) d-none @endif align-items-center">
                                            <span class="steps mr-2">{{  $loop->iteration }}/{{ count($data['questionGroups']) + 1 }} {{ $group['label'] }}</span></div>
                                    @endforeach
                                    <div id="progressbarTitle_{{ count($data['questionGroups']) }}" class="progressbarTitle d-none align-items-center">
                                        <span class="steps mr-2"> {{ count($data['questionGroups']) + 1 }}/{{ count($data['questionGroups']) + 1 }} {{ __('Összesítő') }}</span>                                        
                                    </div>
                                    <div class="progress">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%">
                                            <span class="sr-only"></span>
                                        </div>
                                        <div class="EPprogressbarSlider position-relative">
                                            <div class="progressbarSlider">
                                                <div class="progressbarTriangle mt-4"></div>
                                                <div id="progressbarPrecentValue">0%</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="ajaxSet" data-trade-id="{{$trade_id}}"></div>

                        <div id="flow_error"></div>

                        <div style="min-height: 250px !important">
                            <form id="new_contract">

                                <input id="next_toggle" type="hidden" name="next_toggle" value="slide">
                                <input id="prev_toggle" type="hidden" name="prev_toggle" value="slide">

                                {{-- Flow --}}

                                @foreach ( $data['questionGroups'] as $group )
                                    <div class="question_group" style="display:none;">
                                        @foreach ( $group['questions'] as $question )
                                            {!! $form->index( 'create', $question, '', false, $data['language'], $group ) !!}
                                        @endforeach
                                    </div>
                                @endforeach
                                <div class="question_group contract_summary" style="display:none;">
                                    {{-- Summary --}}

                                    <div id="ajaxSummary" data-flow-type="{{$type}}" data-summary-url="{{$summary_url}}" @if(isset($data['deletedGroup'])) data-deleted-group="{{$data['deletedGroup']}}" @endif></div>
                                </div>

                            </form>
                        </div>

                        <div class="container buttons" style="border: 1px solid white;">
                            <button id="prevQuestionGroup" class="btn btn-primary btn-orange fly-to-top d-none">{{ __('button.back') }}</button>
                            @if($type == 'edit')
                            <button id="backToSummary" data-flow-type="{{$type}}" class="btn btn-primary btn-orange w-100 fly-to-top" style="display:none;"> {{ __('button.backToSummary') }}</button>
                            @else
                            <button id="refresh_site" data-flow-type="{{$type}}" class="btn btn-primary btn-orange w-100 fly-to-top" style="display:none;"> {{ __('button.backToSummary') }}</button>
                            @endif
                            <button id="nextQuestionGroup" class="btn btn-primary btn-orange btn-orange fly-to-top"> {{ __('button.continue') }}</button>
                            @if(auth()->check())
                            @if($valid_tcn_data)
                            <button id="sendData" class="btn btn-primary btn-orange w-100 d-none sendContractBtn fly-to-top mt-4" onclick="send_data({{$trade_id}},'{!!$type == 'edit' ? route('tcn.submit') : route('tcn.submit_modify') !!}')"> {{ __('button.send') }}</button>
                            @else
                            <button id="sendData" class="btn btn-primary btn-orange w-100 d-none sendContractBtn fly-to-top mt-4" onclick="formModal( '{{ route('rapid') }}', '{{ __('Ekáer adatok') }}', '{{ __('button.go') }}', function () {}, function () {}, function () { send_data({{$trade_id}},'{!!$type == 'edit' ? route('tcn.submit') : route('tcn.submit_modify') !!}'); } );"> {{ __('button.send') }}</button>
                            @endif
                            @else
                            <button id="sendData" class="btn btn-primary btn-orange w-100 d-none sendContractBtn fly-to-top mt-4" onclick="formModal( '{{ route('register') }}', '{{ __('Regisztráció') }}', '{{ __('button.go') }}', function () {}, function () {}, function () { window.onbeforeunload = function () {};save_data();location.reload(); } );"> {{ __('button.send') }}</button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection