@php
    $title = $blade_data['title'];
    $routeLink = $blade_data['routesLink'];
@endphp

@extends('user.layouts.app')
@section('page-title', $title)
@section('breadcrumb')
    <x-breadcrumb :blades="$blade_data" />
@endsection

@section('content')
    @if (isset($form_data->id))
        @include('user.websites.tab')
    @endif
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card rounded-0 mb-2">
                <div class="card-body p-2">
                    <pre><code>
&lt;div id="comment-pc"&gt;&lt;/div&gt;
&lt;script&gt;
    var lr_pc_config = {
        app: {{ $form_data->rand_id }},
        page: {
            url: PAGE_URL, // Replace PAGE_URL with your page's canonical URL variable
            identifier: PAGE_ID, // Replace PAGE_ID with your page's unique identifier variable
        }
    };
&lt;/script&gt;
&lt;script src="{{ url('/') }}/widgets/embed.js"&gt;&lt;/script&gt;     
                </code></pre>
                </div>
            </div>
        </div>
    </div>

@endsection


@push('scripts')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>

    <!-- and it's easy to individually load additional languages -->
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js"></script>
    <script>
        hljs.highlightAll({
            language: 'xml',
            theme:'atom-one-theme'
        });
    </script> --}}
    <script>
        $(".edit-form").validate({
            highlight: function(element) {
                $(element).closest('.form-control').removeClass('is-valid').addClass(
                    'is-invalid'); // add the Bootstrap error class to the control group
            },
            ignore: ":hidden, [contenteditable='true']",
            unhighlight: function(element) {
                $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
            },
            success: function(element) {
                $(element).closest('.form-control').removeClass('is-invalid').addClass(
                    'is-valid'); // remove the Boostrap error class from the control group
            },
            submitHandler: function(form) {
                var loadingText = '<i class="fa fa-circle-notch fa-spin"></i> Saving..';
                $('.edit-form  .submitBtn').html(loadingText).prop('disabled', true);
                return true;
            }
        });
    </script>
@endpush