@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="inner-page-head">
            @include('front.templates.background-header')
        </div>

        <div class="inner-page create">
            @include('front.templates.background-inner-page')
            <div class="container">
                <div class="inner-page-content pt-0">
                    <div class="breadcrumbs-wrapper">
                        {{ Breadcrumbs::render('create-video-page') }}
                    </div>
                    <div class="create-inner">
                        <h1 class="h2 text-center">{{ ShowLabelById(25) }}</h1>
                        <iframe id="vdmForm" width="755" height="345" name="myForm" src="{{ $iframe_url }}" frameborder="1" scrolling="no" style=""></iframe>
                    </div>
                </div>
            </div>
        </div>

        @include('front.templates.background-bottom')

        <script>
            document.addEventListener('DOMContentLoaded', function() {
                window.addEventListener('message', function(event) {
                    if (event.origin !== 'https://mesajmoscraciun.cloudsanta.net') return;
                });
            });
        </script>

    </div>

@stop
@push('other-scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            fetch('/api/track/tiktok/view-content', {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    'Content-Type': 'application/json'},
                body: JSON.stringify({
                    content_id: 'create-video-page',
                    content_type: 'page',
                    content_name: 'Create Video Page {{ $year }}',
                    url: window.location.href
                })
            });
        });
    </script>
@endpush