@if ($onlyPdf === 'false')
    <h1 class="text-center">{{ __('contract.preview.title') }}</h1>
    <hr class="my-4" />
@endif

<div class="row justify-content-center">
    <div class="col-lg-9">
        @if ($onlyPdf === 'false')
            <p>{{ __('contract.preview.textPrevAfter') }}</p>
        @endif

        @include('components.pdfPreview')
        
        @if ($onlyPdf === 'false')
            @if( $signature )
                @if( $this_parties['status'] == 'slave' )
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-6"><button class="btn btn-secondary w-100 fly-to-top" id="summaryContract" data-back="preview_pdf_ajax">{{ __('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>
                @else
                    <div class="col-lg-12 m-0 p-0">
                        <button class="btn btn-primary w-100 fly-to-top" id="blockchainInfo"><i class="fa fa-check content-text-success"></i> {{ __('button.send') }}</button>
                    </div>
                @endif
            @else
                <div class="container" style="border: 1px solid white;">
                    <div class="row">
                        <div class="col-lg-5 m-0 p-0">
                            <button class="btn btn-secondary btn-save px-0 w-100 fly-to-top" id="summaryContract" data-back="preview_pdf_ajax">{{ __('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
        @endif
    </div>
</div>