@php
  $web_ad_tag = \App\Models\WebAdTag::find(1);
@endphp

<template id="tpl-sp">{!! $web_ad_tag->sp_ad_tag_head !!}<script>console.log('tpl-sp');</script></template>
<template id="tpl-pc">{!! $web_ad_tag->pc_ad_tag_head !!}<script>console.log('tpl-pc');</script></template>
<template id="tpl-sp-body-begin">{!! $web_ad_tag->sp_ad_tag_body_begin !!}<script>console.log('tpl-sp-body-begin');</script></template>

@push('scripts')
  <script>
    $(document).ready(function() {
        const head = document.head;
        if (!head) return;
        const body = document.body;
        if (!body) return;

        // デバイス判定
        const isSP = window.matchMedia('(max-width: 768px)').matches;
        const templateId = isSP ? 'tpl-sp' : 'tpl-pc';
        const template = document.getElementById(templateId);
        const templateBodyBegin = isSP ? document.getElementById('tpl-sp-body-begin') : null;

        if (template) {
            try {
                // templateの中身を取得
                const rawTag = template.innerHTML;

                if (rawTag.trim() !== "") {
                    // 文字列をDOMフラグメントに変換（中のscriptを実行可能にする）
                    const range = document.createRange();
                    range.selectNode(head);
                    const fragment = range.createContextualFragment(rawTag);

                    console.log(fragment.innerHTML);

                    // headの直下に挿入
                    head.appendChild(fragment);
                }
            } catch (e) {
                console.error("Ad injection failed:", e);
            }
        }

        if (templateBodyBegin) {
            try {
                const rawTag = templateBodyBegin.innerHTML;
                if (rawTag.trim() !== "") {
                    const range = document.createRange();
                    range.selectNode(body);
                    const fragment = range.createContextualFragment(rawTag);
                    // bodyの先頭に挿入
                    body.insertBefore(fragment, body.firstChild);
                }
            } catch (e) {
                console.error("Ad injection failed:", e);
            }
        }
    });
  </script>
@endpush