@extends('layouts.app')

@section('content')

<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; z-index: 3000;">
    <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="">
<input id="contracTitle" type="hidden" value="{{$contract['title']}}">

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

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-9">
            <form id="send_vote">
            <div class="mb-4 pb-1">
                @if( $contract['generated'] || $contract['title'] == 'free_body' )
                <p>{{ __('contract.vote.freeword.description') }}</p>
                @else
                <p>{{ __('contract.vote.description') }}</p>
                @endif
            </div>
            @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 mb-4"><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 @php if( ($contract['title'] == 'free_body' || $contract['title'] == 'file_upload') ) echo 'd-none'; @endphp">
                    @if( $group['vote'][0]['data'] == 'accepted' )
                        @if( $group['vote'][0]['data'] == 'accepted' ) {{-- @if($question['renderType'] == 'input') --}}
                        <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 ) !!}
                        {!!  $form->voteCancel() !!}
                        @endif
                    @else
                    {!! $form->vote( $group['vote'][0]['data'], $voteShow, $voteKey, $loop->iteration ) !!}
                    {!!  $form->voteCancel() !!}
                    @endif
                </div>
                @endif

                @if ( $loop->index != 0 )
                    @if( $contract[ 'status' ] == 'review' )
                    {!! $form->vote( $group['vote'][0]['data'], $voteShow, $voteKey, $loop->iteration ) !!}
                    {!!  $form->voteCancel() !!}
                    @else
                    {!! $form->voteStatus( $group['vote'][0]['data'] ) !!}
                    @endif
                @endif
            </div>
            @endforeach

            </form>

            @if( $this_parties['signed'] == false )
            <div class="container navigate_buttons">
                <div class="row">
                    <div class="col-lg-5 m-0 p-0">
                        <button class="btn btn-secondary w-100 saveContract" data-backdrop="true" data-toggle="modal" data-target="#saveContract" {!! $contract[ 'status' ] === 'declined' ? 'disabled' : '' !!} data-parties-status="{{ $this_parties['status'] }}">{{ __('button.saveContract') }}</button>
                    </div>
                    <div class="col-lg-1 m-0 p-0"></div>
                    <div class="col-lg-6 m-0 p-0">
                        <button class="btn btn-primary w-100" type="submit" id="{!! $contract[ 'status' ] === 'declined' ? 'back' : 'backToDashboard' !!}" onclick="window.location='{{ route('dashboard.contracts', app()->getLocale()) }}'" disabled>{{ __('expressone.button.continue') }}</button>
                        @if( $contract[ 'status' ] == 'review' )
                        <button class="btn btn-primary w-100 d-none fly-to-top" id="contractSign"><i class="fa fa-check content-text-success"></i> {{ __('expressone.button.continue') }}</button>
                        @endif
                        <button class="btn btn-primary w-100 d-none fly-to-top" id="sendContract" data-redirect="{{ $signatory_only_invited == true ? route('contract.congrat', [ app()->getLocale(), $contract['id'] ]) : route('dashboard.contracts', app()->getLocale()) }}"><i class="fa fa-check content-text-success"></i> {{ __('expressone.button.sendToReview') }}</button>

                        <button class="btn btn-primary w-100 d-none fly-to-top" id="sendAnotherSignatory" disabled><i class="fa fa-check content-text-success"></i>szerződés küldése aláírásra</button>
                    </div>
                </div>
            </div>
            @else
            <div class="container navigate_buttons">
                <div class="row">
                    <button type="submit" class="btn btn-primary w-100" onclick="window.location='{{ route('dashboard.contracts', app()->getLocale()) }}'">{{ __('button.back') }}</button>
                </div>
            </div>
            @endif

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

@endsection

@push('scripts')
    <script>
        // ________ Onboarding
        $( document ).ready(function() {
            // Show preview
            $('.previewContractBtn').on('click', function () {
                contract_pdf_preview('#previewModal_ajaxContent', false, true);
            });
            // ___ 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);
            }

            if($('#another_signatory').length)
            {
                $('#another_signatory').on('change', function () {
                    if($('#another_signatory').val()) {
                        $('#contractSign, #backToDashboard').hide();
                        $('#sendAnotherSignatory').removeClass('d-none');
                    } else {
                        $('#contractSign, #backToDashboard').show();
                        $('#sendAnotherSignatory').addClass('d-none');
                    }
                });

                $('.vote-group').on('click', function () { 
                    if($('#another_signatory').val()) {
                        $('#contractSign, #backToDashboard').hide();
                        $('#sendAnotherSignatory').removeClass('d-none');
                    }
                });
                
                if($('#another_signatory').val()) {
                    $('#contractSign, #backToDashboard').hide();
                    $('#sendAnotherSignatory').removeClass('d-none');
                }
            }

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

                @if(session()->has('accepted') && session()->get('accepted') === true)
                    start_loader();
                    $('#contractSign').trigger( 'click' );
                @endif
            @endif
        });
    </script>
@endpush