@extends('layouts.public_line_open')
@section('title', 'LINE 友だち追加')
@if(filled($settings->line_open_head_js))
  @push('public-head-end')
  {!! $settings->line_open_head_js !!}
  @endpush
@endif
@if(filled($settings->line_open_body_start_js))
  @push('public-body-start')
  {!! $settings->line_open_body_start_js !!}
  @endpush
@endif
@if(filled($settings->line_open_body_end_js))
  @push('public-body-end')
  {!! $settings->line_open_body_end_js !!}
  @endpush
@endif
@section('content')
  <h1 class="line-open-title"><span class="line-green">LINE</span> 友だち追加</h1>

  @if($lineRegistrationRoute ?? null)
    <p class="line-open-sub small text-muted mb-2">登録経路: <strong>{{ $lineRegistrationRoute->admin_name }}</strong>（LINE）</p>
  @endif

  @if($qrTargetUrl)
    <div class="line-open-qr">
      <img src="https://quickchart.io/qr?size=280&amp;margin=2&amp;text={{ rawurlencode($qrTargetUrl) }}" width="280" height="280" alt="LINE登録用QRコード" loading="lazy" decoding="async">
    </div>
    @if($lineRegistrationRoute ?? null)
      <p class="line-open-sub">QRコードでこのページを開く（流入経路の記録用）</p>
      <p class="line-open-help">まずこのQRで<strong>このページ</strong>を開き、表示された<strong>LINE友だち追加</strong>から公式アカウントを追加してください。友だち追加までの流れでサーバに経路が紐づきます。</p>
    @else
      <p class="line-open-sub">QRコードでLINEの友だちを追加</p>
      <p class="line-open-help">LINEアプリの友だちタブを開き、画面右上の友だち追加ボタン &gt; 「QRコード」をタップして、コードリーダーでスキャンしてください。読み取り結果が表示されたら「開く」をタップしてください。</p>
    @endif
    <div class="line-open-link d-flex flex-wrap gap-2 align-items-center">
      @if($lineRegistrationRoute ?? null)
        <a class="btn btn-success btn-sm" href="{{ $lineEntryUrl }}" rel="noopener noreferrer">このページを開く（推奨）</a>
      @endif
      @if($friendUrl)
        <a href="{{ $friendUrl }}" rel="noopener noreferrer">LINEアプリで友だち追加</a>
      @endif
    </div>
  @elseif($friendUrl)
    <div class="line-open-qr">
      <img src="https://quickchart.io/qr?size=280&amp;margin=2&amp;text={{ rawurlencode($friendUrl) }}" width="280" height="280" alt="LINE友だち追加用QRコード" loading="lazy" decoding="async">
    </div>
    <p class="line-open-sub">QRコードでLINEの友だちを追加</p>
    <p class="line-open-help">LINEアプリの友だちタブを開き、画面右上の友だち追加ボタン &gt; 「QRコード」をタップして、コードリーダーでスキャンしてください。読み取り結果が表示されたら「開く」をタップしてください。</p>
    <div class="line-open-link">
      <a href="{{ $friendUrl }}" rel="noopener noreferrer">LINEアプリで開く</a>
    </div>
  @else
    <div class="line-open-alert">
      このシナリオの送信用アカウントで、LINE公式の <strong>ベーシックID</strong>（@で始まるID）がまだ取得できていません。ワークスペースの <strong>LINEアカウント設定</strong> で Messaging API 連携を完了すると、友だち追加用URLが表示されます。
    </div>
  @endif
@endsection