const tverUrl = 'https://tver.jp/series/srky9b57px';
const abemaUrl = 'https://abema.tv/video/title/871-334';
const telasaUrl = 'https://navi.telasa.jp/';
const unextUrl = 'https://video.unext.jp/title/SID0179827?rid=OF00953&adid=XXX&utm_source=content&utm_medium=official&utm_campaign=official&utm_content=SID0179827';
const primevideoUrl = 'https://www.amazon.co.jp/gp/video/detail/B0F2XHKFQB/ref=atv_dp_share_cu_r';
const xAccount = 'abcdrama_hero';
const instagramAccount = 'abcdrama_hero';
const tiktokAccount = 'mydiary_abc';
const lineAccount = 'a3mKfaf';
const youtubeAccount = 'abcasahi';


/* 見逃しバナー */
if (document.getElementById('missed_bnr')) {
	const missed_bnr = document.getElementById('missed_bnr');
	missed_bnr.insertAdjacentHTML('afterbegin', ''
		+ '<div class="missed_bnr-area">'

		// + '<ul>'
		// + '<li class="bnr bnr_onlyone">'
		// + '<a href="" target="_blank" class="js-replaceTverUrl">'
		// + '<img src="/itsukahero/img/common/bnr_top_tver_favorite.png" alt="TVer お気に入り登録はこちら 本編映像を初公開！主題歌入り PRを公開中！">'
		// + '</a>'
		// + '</li>'
		// + '</ul>'

		+ '<ul class="grid_ire">'
		+ '<li class="bnr bnr_sptab_ire">'
		+ '<a href="" target="_blank" class="js-replaceTverUrl">'
		+ '<img src="/itsukahero/img/common/bnr_top_tver_05.png" alt="1～4話配信中！物語のヒントとなるスピンオフも配信開始！">'
		+ '</a>'
		+ '</li>'
		+ '<li class="bnr bnr_pc_ire">'
		+ '<a href="" target="_blank" class="js-replaceUnextUrl">'
		+ '<img src="/itsukahero/img/common/bnr_top_unext_sp.png" alt="U-NEXT 全話配信中">'
		+ '</a>'
		+ '</li>'
		+ '<li class="bnr bnr_pc_ire">'
		+ '<a href="" target="_blank" class="js-replacePrimevideoUrl">'
		+ '<img src="/itsukahero/img/common/bnr_top_primevideo_sp.png" alt="Prime Video 全話配信中">'
		+ '</a>'
		+ '</li>'
		// + '<li class="bnr">'
		// + '<a href="" target="_blank" class="js-replaceAbemaUrl">'
		// + '<img src="/itsukahero/img/common/bnr_top_abema_a.png" alt="ABEMA 最新話無料配信">'
		// + '</a>'
		// + '</li>'
		+ '</ul>'

		+ '</div>'
	);
}

/* バナーエリア */
if (document.getElementById('bnr')) {
	const bnr_list = document.getElementById('bnr');
	bnr_list.insertAdjacentHTML('afterbegin', ''
		+ '<div id="bnrList">'

		// + '<ul class="bnr_list bnr_m">' //折り返しあり　SP：1カラム　TAB・PC：2カラム
		// + '<li><a href="#cast_02" target="_blank"><img src="/itsukahero/img/common/bnr_cast_01.png" alt="豪華レギュラーキャストが解禁！コメントはこちら"></a></li>'
		// + '</ul>'

		+ '<ul class="bnr_list bnr_m">'
		+ '<li><a href="/itsukahero/news/250504.html"><img src="/itsukahero/img/common/bnr_cast_04.png" alt="TVer限定スピンオフの配信が決定！さらに…第4話から登場する物語のキーマンにも注目！"></a></li>'
		+ '<li><a href="/itsukahero/news/250420.html"><img src="/itsukahero/img/common/bnr_cast_03.png" alt="第3話ゲスト決定！物語の鍵を握る新キャラクターにも注目！"></a></li>'
		// + '<li><a href="/itsukahero/news/250329.html"><img src="/itsukahero/img/common/bnr_campaign.png" alt="総額10万円！Amazonギフトカード5,000円分が当たる「TVerお気に入り登録キャンペーン」開催！"></a></li>'
		// + '<li><a href="/itsukahero/news/250322.html"><img src="/itsukahero/img/common/bnr_music.png" alt="主題歌は石崎ひゅーいオリジナル曲に決定！"></a></li>'
		// + '<li><a href="/itsukahero/news/250315.html"><img src="/itsukahero/img/common/bnr_cast_02.png" alt="若手キャスト5人解禁 イメージを覆す衝撃キャラクターに体当たりで挑戦！"></a></li>'
		// + '<li><a href="/itsukahero/comment/#cast_02"><img src="/itsukahero/img/common/bnr_cast_01.png" alt="豪華レギュラーキャストが解禁！コメントはこちら"></a></li>'
		+ '</ul>'

		+ '</div>'
	);
}

/* 公式SNS */
if (document.getElementById('officialSns')) {
	const officialSns = document.getElementById('officialSns');
	officialSns.insertAdjacentHTML('afterbegin', ''
		+ '<div id="bnrList">'

		+ '<ul class="bnr_list official">' //PC・TAB：折り返しなし SP：2カラム
		//+ '<ul class="bnr_list official sp_col3">' //折り返しあり　SP：2カラム　TAB：3カラム　PC：5カラム

		+ '<li class="official_x"><a href="https://x.com/' + xAccount + '" target="_blank"><span class="icon"></span></a></li>'
		+ '<li class="official_instagram"><a href="https://www.instagram.com/' + instagramAccount + '" target="_blank"><span class="icon"></span></a></li>'
		// + '<li class="official_tiktok"><a href="https://www.tiktok.com/@' + tiktokAccount + '" target="_blank"><span class="icon"></span></a></li>'
		+ '<li class="official_line"><a href="https://lin.ee/' + lineAccount + '" target="_blank"><span class="icon"></span></a></li>'
		// + '<li class="official_youtube"><a href="https://www.youtube.com/user/' + youtubeAccount + '" target="_blank"><span class="icon"></span></a></li>'
		+ '</ul>'

		+ '</div>'
	);
}

/* 公式SNS X埋め込み */
if (document.getElementById('xEmbet')) {
	const xEmbet = document.getElementById('xEmbet');
	xEmbet.insertAdjacentHTML('afterbegin', ''
		+ '<a class="twitter-timeline" href="https://twitter.com/' + xAccount + '" data-height="496" data-chrome="noheader nofooter noborders">Posts by ' + xAccount + '</a>'
	);
}

/* 公式SNS tiktok埋め込み */
if (document.getElementById('tiktokEmbet')) {
	const tiktokEmbet = document.getElementById('tiktokEmbet');
	tiktokEmbet.insertAdjacentHTML('afterbegin', ''
		+ '<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@' + tiktokAccount + '" data-unique-id="' + tiktokAccount + '" data-embed-type="creator" style="max-width: 780px; min-width: 288px;" > <section> <a target="_blank" href="https://www.tiktok.com/@' + tiktokAccount + '?refer=creator_embed">@' + tiktokAccount + '</a> </section> </blockquote>'
	);
}

/* URLを反映 */
function updateLinks(selector, newUrl){
	const links = document.querySelectorAll(selector);
	links.forEach(link => {
		link.href = newUrl;
	})
}
updateLinks('.js-replaceTverUrl',tverUrl);
updateLinks('.js-replaceAbemaUrl',abemaUrl);
updateLinks('.js-replaceTelasaUrl',telasaUrl);
updateLinks('.js-replaceUnextUrl',unextUrl);
updateLinks('.js-replacePrimevideoUrl',primevideoUrl);