@extends('layouts.skin')

@push('head')
    <meta name="robots" content="noindex">
    <link type="text/css" rel="stylesheet" href="{{ mix('css/contenteditable.css') }}" />

    @foreach ($document->content->forPreview()->usedGoogleFonts() as $font)
        <link
            href="https://fonts.googleapis.com/css2?family={{ urlencode($font['name']) }}{{ $font['stylesQueryString'] }}&display=swap"
            rel="stylesheet" />
    @endforeach
@endpush

@section('title', $title)

@section('content')
    <div class="contenteditable-view h-full min-h-screen">
        <document-public-view :requires-signature="{{ $document->requires_signature ? 'true' : 'false' }}"
            title="{{ $document->title }}" content="{{ clean($document->content->forPreview()) }}"
            uuid="{{ $document->uuid }}" status="{{ $document->status->value }}" public-url="{{ $document->publicUrl }}"
            accept-thank-you-message="{{ $document->brand->config['document']['accepted_thankyou_message'] }}"
            sign-thank-you-message="{{ $document->brand->config['document']['signed_thankyou_message'] }}"
            signature-bound-text="{{ $document->brand->config['signature']['bound_text'] }}"
            navigation-background-color="{{ $document->brand->config['navigation']['background_color'] }}"
            logo="{{ $document->brand->logo_view ? $document->brand->logo_view_url : config('app.logo.dark') }}"
            brand-name="{{ $document->brand->display_name }}" view-type="{{ $document->view_type }}"
            :navigation="{{ Js::from($document->content->navigation()) }}"
            navigation-heading-tag-name="{{ $document->content::NAVIGATION_HEADING_TAG_NAME }} ">
        </document-public-view>
    </div>
@endsection