@extends('layouts.app')

@section('content')

{{-- nem regisztrált slave --}}

<button class="btn btn-outline-secondary mt-0 btn-abandon-contract p-0" data-backdrop="true" data-toggle="modal" data-target="#abandonEditContract" style="float:right" disabled>
    <img src="{{ asset('img/icon_exit_blue.png') }}" width="20px" height="20px">
</button>

<h1 class="text-center contract_title">{{ __('contract.vote.title') }}</h1>
<hr class="my-4 contract_title" />

<input id="ajaxContract" type="hidden" value="{!! base64_encode(json_encode($contract ?? '', JSON_UNESCAPED_SLASHES)) !!}">

<input id="ajaxContractId" type="hidden" value="{{ $contract['id'] }}">

<input id="signaturePng" type="hidden" value="">

<div id="ajaxSet"></div>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-9">

            <form id="send_vote" class="unregisteredUser" method="POST" action="{{ route('contract.sendSlaveVote', [app()->getLocale(), $contract['id'], $slaveHash]) }}">

            @csrf

            <input type="hidden" id="otherUserAnswers" name="otherUserAnswers">

            <input type="hidden" id="otherUserVotes" name="otherUserVotes">

            @foreach ($contract['questionGroups'] as $group)
            <div class="question_group @php if( ($contract['title'] == 'free_body' || $contract['title'] == 'file_upload') && $loop->index != 0 ) echo 'd-none'; @endphp">
                <div class="question_group_name"><h2>{{ $group['label'] }}</h2></div>
                @foreach ( $group['questions'] as $question )

                    @php $voteKey = false; @endphp
                    @if( $question['renderType'] == 'input' )
                        {!! $form->index( 'edit', $question, 'd-block' ) !!}
                        @php $voteShow = false; @endphp
                    @else
                        {!! $form->index( 'summary', $question ) !!}
                        @foreach ( $group['vote'] as $key => $vote )
                            @if ( isset($vote['userId']) && $vote['userId'] == $user['id'] )
                                @php $voteKey = $key; @endphp
                            @endif
                        @endforeach
                        @php $voteKey = 0; @endphp
                        @php $voteShow = true; @endphp
                    @endif

                @endforeach

                @if( $loop->index == 0 )
                <div class="w-100 mb-4">
                    @if( $group['vote'][0]['data'] == 'accepted' )
                    <input type="hidden" id="personal_data" name="personal_data" value="{{ $group['vote'][0]['data'] }}">
                    @else
                    {!! $form->vote( $group['vote'][0]['data'], $voteShow, $voteKey, $loop->iteration ) !!}
                    @endif
                </div>
                @endif
                
                @if ( $loop->index != 0 )
                    @if( $contract[ 'status' ] == 'review' )
                    {!! $form->vote( $group['vote'][$voteKey]['data'], $voteShow, $voteKey, $loop->iteration ) !!}
                    @else
                    {!! $form->voteStatus( $group['vote'][$voteKey]['data'] ) !!}
                    @endif
                @endif

                {!!  $form->voteCancel() !!}
            </div>
            @endforeach

            <div class="d-block checkbox container">
                <div class="d-flex flex-nowrap mt-5 mb-2">
                    <div class="mr-2">
                        <input type="checkbox" id="accept_terms" name="accept_terms" class="evp_checkbox" style="position: absolute;"/>
                        <label for="accept_terms"></label>
                    </div>
                    <div class="">
                        <label for="accept_terms" class="font-weight-bold">
                            Elolvastam és elfogadom az <a href="/aszf/Uj_POSTA_TV_ASZF_2022_04_20.pdf" target="_blank">ÁSZF-et</a> és az <a href="/hu/policies" target="_blank">Adatvédelmi Tájékoztatót</a> megértettem és elfogadom
                            {{--{{ __('signUp.acceptTerms') }} <a href="{!! app()->getLocale() !!}/privacy" target="_blank">{!! __('signUp.termsAndPrivacy') !!}</a>--}}
                        </label>
                    </div>
                </div>
            </div>

            </form>

            <div class="container navigate_buttons">
                <div class="row">
                    <div class="col-lg-12 m-0 p-0">                        
                        <button class="btn btn-primary w-100" id="backToDashboard" onclick="alertErrorModal('{{ __('contract.vote.messagePleaseVote') }}')" disabled><i class="fa fa-check content-text-success"></i>{{ __('button.continue') }}</button>
                        <button class="btn btn-primary w-100 d-none fly-to-top user_login" id="contractSendToPreview" disabled><i class="fa fa-check content-text-success"></i> {{ __('button.continue') }}</button>
                        <button class="btn btn-primary w-100 d-none fly-to-top user_login_declined" id="contractSendToReview" disabled><i class="fa fa-check content-text-success"></i>{{ __('button.sendToReview') }}</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection

@push('scripts')
    <script>
        // ________ Onboarding
        $( document ).ready(function() {
            // ___ ha a firstVisit süti nem létezik akkor betölti és feldobja az onboarding modalt, majd létre hozza a firstVisit sütit
            if (!getCookie('firstVisit')){
                // ___ firstVisit süti létrehozása, hogy többször ne induljon az onboarding
                setCookie('firstVisit',true, 9999);
            }

            // Show preview
            $('.previewContractBtn').on('click', function () {
                contract_pdf_preview('#previewModal_ajaxContent', false, true);
            });

            @if($contract['title'] == 'free_body' || $contract['title'] == 'file_upload')
            $('.vote-group .decision-accepted').each(function(){
                $(this).closest('label').trigger( 'click' );
            });
            @endif
        });
    </script>
@endpush