@extends('layouts.app')

@section('content')
@if( ! $onlyPdf )
<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">
    <img src="{{ asset('img/icon_exit_blue.png') }}" width="20px" height="20px">
</button>

<h1 class="text-center contract_title">{{ __('contract.preview.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="parties_status" type="hidden" value="{{ $this_parties['status'] }}">

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

<div class="container slave_preview">
    <div class="row justify-content-center content_pdf">
        <div class="col-lg-9">
            <p>{{ __('contract.preview.textPrevBefore') }}</p>
@endif       

        @include('components.pdfPreview')

@if( ! $onlyPdf )
            @if( $signature )
                @if( $this_parties['status'] == 'slave' )
                <div class="container navigate_buttons">
                    <div class="row">
                        <div class="col-sm-6"><button class="btn btn-secondary btn-save px-0 w-100 fly-to-top" id="summaryContract" data-back="preview_pdf_ajax" data-hide-abandon-btn="true">{{ __('button.backToDetails') }}</button></div>
                        <div class="col-sm-6"><button class="btn btn-secondary w-100" id="contractSign">{{ __('button.takeAgain') }}</button></div>
                    </div>
                    <div class="row">
                        <div class="col-sm"><button class="btn btn-primary w-100 fly-to-top" id="sendContract" data-redirect="{{ route('dashboard.contracts', app()->getLocale()) }}"><i class="fa fa-check content-text-success"></i> {{ __('button.sendContract') }}</button></div>
                    </div>
                </div>
                @endif
            @else
                <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 btn-save px-0 fly-to-top" id="summaryContract" data-back="preview_pdf" data-hide-abandon-btn="true">{{ __('button.backToDetails') }}</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 fly-to-top" id="contractSign"><i class="fa fa-check content-text-success"></i> {{ __('button.continue') }}</button>
                        </div>
                    </div>
                </div>
            @endif

        </div>
    </div>
</div>
{{--<input type="hidden" id="contracts_count" value="{{ $contracts_count }}">--}}
@endif

@endsection

{{-- contractSign storage item --}}
{{-- Amennyiben az aláírás képe mentve lett local.storage-be akkor ki logolom majd törlöm --}}
{{--@push('scripts')
    <script>
        $( document ).ready(function() {
            if(localStorage.getItem("contractSign") && localStorage.getItem("contractSign") != "" && $('#contracts_count').val() > 0 && $('#parties_status').val() == 'master')   //Storage deleted item check
            {
                var img = localStorage.getItem("contractSign");
                localStorage.removeItem("contractSign");    //Storage item delete
                send_contract_masterFlow(img);
            }
            else if (localStorage.getItem("contractSign"))
            {
                localStorage.removeItem("contractSign");
            }

            $('#sendContract').trigger( 'click' );
        })
    </script>
@endpush--}}