@extends('layouts.app')

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

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

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

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

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

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

            <form id="send_change_data">
                
                @foreach ( $contract['questionGroups'] as $group )
                <div class="question_group @if( $loop->index != 0 ) mt-4 @endif">
                    <div class="question_group_name"><h2>{{ $group['label'] }}</h2></div>

                    @foreach ( $group['questions'] as $question )
                        {!! $form->index( 'summary', $question ) !!}
                        @foreach ( $group['vote'] as $vote )
                            @if( $vote['data'] === 'declined' || $vote['data'] === 'pending' )
                                {!! $form->index( 'edit', $question, 'd-none question-change-data' ) !!}
                            @elseif( $vote['data'] === 'accepted' && isset($group['masterReviewable']) && $group['masterReviewable'] == true )
                                {!! $form->index( 'edit', $question, 'd-none question-change-data' ) !!}
                            @endif
                        @endforeach
                    @endforeach

                    @if ( $contract[ 'status' ] != 'review' )
                        @php
                            if( isset( $_COOKIE['changeAlert'] ) && json_decode( base64_decode( $_COOKIE['changeAlert'] ) )->contractId == $contract['id'] ) 
                                $changeAlert = json_decode( base64_decode( $_COOKIE['changeAlert'] ) )->alertVisible; 
                        @endphp
                        @foreach ( $group['vote'] as $vote )
                            @if( isset($group['masterReviewable']) && $group['masterReviewable'] == true )
                                {!! $form->change_data( $vote['data'], $group['masterReviewable'], isset( $changeAlert ) ? $changeAlert[$loop->parent->index] : true ) !!}
                            @else
                                {!! $form->change_data( $vote['data'], false, isset( $changeAlert ) ? $changeAlert[$loop->parent->index] : true ) !!}
                            @endif
                        @endforeach
                    @endif

                </div>
                @endforeach

            </form>

            <div class="container navigate_buttons" style="border: 1px solid white;">
                <div class="row">
                    <div class="col-lg-5 m-0 p-0">
                        <button class="btn btn-secondary w-100 px-0" data-backdrop="true" data-toggle="modal" data-target="#saveContract" {!! $contract[ 'status' ] === 'review' ? 'disabled' : '' !!}><i class="far fa-save"></i> {{ __('button.saveContract') }}</button>
                    </div>
                    <div class="col-lg-1 m-0 p-0"></div>
                    @if( $contract[ 'status' ] == 'review' )
                    <div class="col-lg-6 m-0 p-0">
                        <button type="submit" class="btn btn-primary w-100" onclick="window.location='{{ route('dashboard.contracts') }}'">{{ __('button.back') }}</button>
                    </div>
                    @else
                    <div class="col-lg-6 m-0 p-0">
                        <button class="btn btn-primary w-100 sendContract fly-to-top" data-redirect="{{ route('dashboard.contracts') }}"><i class="fa fa-check content-text-success"></i> {{ __('button.sendBack') }}</button>
                    </div>
                    @endif
                </div>
            </div>

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

@endsection