@extends('layouts.app')

@section('content')
@if( ! $onlyPdf )
<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_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.pdf_preview')

@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 px-0 w-100 fly-to-top" id="summaryContract" data-back="preview_pdf_ajax" data-hide-abandon-btn="true" data-summaryUrl="{{ route('contract.summary',$contract['id']) }}">{{ __('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') }}"><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 px-0 fly-to-top" id="summaryContract" data-back="preview_pdf" data-hide-abandon-btn="true" data-summaryUrl="{{ route('contract.summary',$contract['id']) }}">{{ __('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>
@endif

@endsection