@extends('layouts.app')
@section('title', $isEdit ? '案件を編集' : '案件を作成')
@section('page-title', 'パートナー')
@section('page-subtitle', '案件では「何を成果とみなすか」と「1件あたりいくら払うか」を決めます。紹介先URL（LP）は、パートナーの紹介URLをクリックした人が最初に開くページです。')
@push('styles')
@include('partner.partials._styles')
@endpush
@section('content')

<div class="partner-toolbar">
  <a href="{{ route('partner.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-arrow-left me-1"></i>案件一覧へ戻る</a>
  @if($isEdit)
  <div class="d-flex gap-2">
    <a href="{{ route('partner.links.index', ['campaign' => $campaign->id]) }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-link-45deg me-1"></i>この案件の紹介URL</a>
  </div>
  @endif
</div>

<form method="POST" action="{{ $isEdit ? route('partner.campaign.update', $campaign) : route('partner.campaign.store') }}">
  @csrf
  @if($isEdit) @method('PUT') @endif

  <div class="partner-form-card">
    <div class="card-header">基本</div>
    <div class="card-body">
      <div class="mb-3">
        <label class="form-label">案件名 <span class="text-danger">*</span></label>
        <input type="text" name="name" class="form-control" required maxlength="200" value="{{ old('name', $campaign->name) }}" placeholder="例：オンライン講座 紹介キャンペーン">
        <div class="form-text">パートナーにも表示される名前です。</div>
      </div>

      <div class="mb-3">
        <label class="form-label">成果地点 <span class="text-danger">*</span></label>
        <select name="type" class="form-select">
          @foreach(\App\Models\PartnerCampaign::typeLabels() as $value => $label)
          <option value="{{ $value }}" @selected(old('type', $campaign->type) === $value)>{{ $label }}</option>
          @endforeach
        </select>
        <div class="form-text">
          紹介された人が「どこまで進んだら」報酬対象にするかです。選んだ地点に到達したときだけ成果になります。
          <ul class="mb-0 mt-1 ps-3">
            <li><strong>メール登録</strong>… シナリオの公開登録フォーム／ファネルの登録ブロックからの登録</li>
            <li><strong>LINE登録</strong>… LINE登録ページ（<code>/line/open/…</code>）経由の友だち追加</li>
            <li><strong>購入</strong>… 商品プランの<strong>入金確定</strong>（決済完了の通知を受け取った時点）</li>
            <li><strong>イベント申込</strong>… 公開イベントの予約確定</li>
          </ul>
        </div>
      </div>

      <div class="mb-3">
        <label class="form-label">説明</label>
        <textarea name="description" class="form-control" rows="3" maxlength="2000" placeholder="パートナー向けの案内・訴求ポイント・禁止事項など">{{ old('description', $campaign->description) }}</textarea>
      </div>

      <div class="mb-0">
        <label class="form-label">案件画像URL</label>
        <input type="text" name="image_url" class="form-control" maxlength="500" value="{{ old('image_url', $campaign->image_url) }}" placeholder="https://…">
        <div class="form-text">案件一覧のサムネイルに使う画像です（任意）。</div>
      </div>
    </div>
  </div>

  <div class="partner-form-card">
    <div class="card-header">報酬</div>
    <div class="card-body">
      @php $commissionType = old('commission_type', $campaign->commission_type ?: 'fixed'); @endphp
      <div class="mb-3">
        <label class="form-label">報酬の決め方 <span class="text-danger">*</span></label>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="commission_type" id="commission-fixed" value="fixed" @checked($commissionType === 'fixed')>
          <label class="form-check-label" for="commission-fixed">固定額（1件あたり◯円）</label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" name="commission_type" id="commission-rate" value="rate" @checked($commissionType === 'rate')>
          <label class="form-check-label" for="commission-rate">売上に対する率（◯%）</label>
        </div>
        <div class="form-text">選ばなかった側の金額は保存されません。</div>
      </div>

      <div class="row g-3">
        <div class="col-md-6" data-commission-field="fixed">
          <label class="form-label">固定報酬（円）</label>
          <input type="number" name="commission_amount" class="form-control" min="0" step="1" value="{{ old('commission_amount', $campaign->commission_amount) }}">
        </div>
        <div class="col-md-6" data-commission-field="rate">
          <label class="form-label">報酬率（%）</label>
          <input type="number" name="commission_rate" class="form-control" min="0" max="100" step="0.1" value="{{ old('commission_rate', $campaign->commission_rate) }}">
          <div class="form-text">購入金額に対する割合です。メール・LINE登録の案件では固定額を推奨します。</div>
        </div>
      </div>
    </div>
  </div>

  <div class="partner-form-card">
    <div class="card-header">紹介先URL（LP）</div>
    <div class="card-body">
      @php
        $lpUrls = old('lp_urls', $campaign->lp_urls ?? []);
        $lpUrls = is_array($lpUrls) ? array_values($lpUrls) : [];
        $lpUrls = array_pad($lpUrls, 3, '');
      @endphp
      <div class="form-text mb-2">紹介URLをクリックした人が開くページです。<strong>一番上のURL</strong>が既定の転送先になります（最大10件）。</div>
      @foreach($lpUrls as $index => $url)
      <div class="mb-2">
        <input type="text" name="lp_urls[]" class="form-control" maxlength="500" value="{{ $url }}" placeholder="https://…">
      </div>
      @endforeach
    </div>
  </div>

  <div class="partner-form-card">
    <div class="card-header">公開・掲載期間</div>
    <div class="card-body">
      <div class="row g-3">
        <div class="col-md-6">
          <label class="form-label">パートナーの参加承認 <span class="text-danger">*</span></label>
          <select name="approval" class="form-select">
            @foreach(\App\Models\PartnerCampaign::approvalLabels() as $value => $label)
            <option value="{{ $value }}" @selected(old('approval', $campaign->approval) === $value)>{{ $label }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6">
          <label class="form-label">公開範囲 <span class="text-danger">*</span></label>
          <select name="visibility" class="form-select">
            @foreach(\App\Models\PartnerCampaign::visibilityLabels() as $value => $label)
            <option value="{{ $value }}" @selected(old('visibility', $campaign->visibility) === $value)>{{ $label }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-6">
          <label class="form-label">掲載開始</label>
          <input type="datetime-local" name="start_at" class="form-control" value="{{ old('start_at', optional($campaign->start_at)->format('Y-m-d\TH:i')) }}">
        </div>
        <div class="col-md-6">
          <label class="form-label">掲載終了</label>
          <input type="datetime-local" name="end_at" class="form-control" value="{{ old('end_at', optional($campaign->end_at)->format('Y-m-d\TH:i')) }}">
          <div class="form-text">空欄なら期限なしです。</div>
        </div>
      </div>
      <div class="form-check mt-3">
        {{-- 未チェック時も値を送り、再検証時に既定値へ戻らないようにする --}}
        <input type="hidden" name="is_active" value="0">
        <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" @checked(old('is_active', $campaign->is_active ?? true))>
        <label class="form-check-label" for="is_active">この案件を有効にする</label>
      </div>
    </div>
  </div>

  @if($isEdit)
  <div class="partner-form-card">
    <div class="card-header">パートナーの参加募集</div>
    <div class="card-body">
      @if($campaign->visibility !== 'public')
      <p class="text-muted small mb-0">
        公開範囲を <strong>公開</strong> にすると、募集ページのURLからパートナーを募集できます（上の「公開範囲」を変更して保存してください）。
      </p>
      @elseif(! $campaign->public_token)
      <p class="text-muted small mb-0">
        募集ページのURLは、この案件を保存したときに自動で発行されます。
        <strong>下の「保存する」を押してください。</strong>
      </p>
      @else
      <div class="mb-2">
        @include('partials._public_url_inline', ['url' => route('public.partner.apply.show', ['token' => $campaign->public_token]), 'wrapperClass' => ''])
      </div>
      <p class="text-muted small mb-0">
        このURLを配布すると、案件の内容を見てパートナーが申し込めます。
        承認方式が <strong>{{ $campaign->approvalLabel() }}</strong> のため、
        {{ $campaign->approval === 'auto' ? '申し込み後すぐに紹介URLが発行されます。' : '申し込みは「承認待ち」になり、パートナー一覧から承認します。' }}
      </p>
      @endif
    </div>
  </div>
  @endif

  <div class="d-flex justify-content-between align-items-center">
    <button type="submit" class="btn btn-success"><i class="bi bi-save me-1"></i>{{ $isEdit ? '保存する' : '作成する' }}</button>
    @if($isEdit)
    <span class="text-muted small">作成日: {{ $campaign->created_at ? $campaign->created_at->format('Y/m/d H:i') : '—' }}</span>
    @endif
  </div>
</form>

@if($isEdit)
<hr class="my-4">
<form method="POST" action="{{ route('partner.campaign.destroy', $campaign) }}" onsubmit="return confirm('「{{ $campaign->name }}」を削除しますか？\n発行済みの紹介URLも削除されます。\n成果（報酬）の記録は残りますが、案件名は表示されなくなります。元に戻せません。')">
  @csrf @method('DELETE')
  <button type="submit" class="btn btn-outline-danger btn-sm"><i class="bi bi-trash me-1"></i>この案件を削除する</button>
</form>
@endif

@push('scripts')
<script>
// 報酬の決め方に応じて、使わない入力欄を薄く無効化する（保存時もサーバ側で片方だけ残す）
(function () {
  var radios = document.querySelectorAll('input[name="commission_type"]');
  function sync() {
    var selected = document.querySelector('input[name="commission_type"]:checked');
    var value = selected ? selected.value : 'fixed';
    document.querySelectorAll('[data-commission-field]').forEach(function (box) {
      var on = box.dataset.commissionField === value;
      box.style.opacity = on ? '1' : '0.45';
      box.querySelectorAll('input').forEach(function (input) { input.disabled = !on; });
    });
  }
  radios.forEach(function (radio) { radio.addEventListener('change', sync); });
  sync();
})();
</script>
@endpush
@endsection