@extends('layouts.app')
@section('title', '契約書設定')
@section('page-title', '契約書設定')
@section('page-subtitle')
印影・送付・リマインド・期限切れ時のメールテンプレートを、契約書送付のたびに使う共通設定として登録します。自社の表示名は契約書ごとに署名依頼情報（ステップ2）で設定します。
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4">
  <a href="{{ route('contract.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>契約書トップ</a>
</div>

<form method="POST" action="{{ route('contract.settings.update') }}">
  @csrf
  @method('PUT')

  <div class="card mb-4">
    <div class="card-header bg-white">
      <h2 class="h6 mb-0 fw-semibold">契約メールの送信元（送信用アカウント）</h2>
    </div>
    <div class="card-body">
      <p class="text-muted small mb-2">契約書の送付・リマインドのメールを、どの送信用アカウントから送るかを選びます（メール配信で使っているアカウントと同じものが使えます）。</p>
      <div style="max-width: 520px;">
        <label class="form-label" for="mail_delivery_account_id">送信用アカウント</label>
        <select name="mail_delivery_account_id" id="mail_delivery_account_id" class="form-select">
          <option value="">（未選択）</option>
          @foreach($mailAccounts as $acc)
            <option value="{{ $acc->id }}" @selected((string) old('mail_delivery_account_id', $settings->mail_delivery_account_id) === (string) $acc->id)>
              {{ $acc->name }}@if($acc->from_email) — {{ $acc->from_email }}@endif
            </option>
          @endforeach
        </select>
        @if($mailAccounts->isEmpty())
          <div class="form-text text-danger">メール系の送信用アカウントがまだありません。先に「送信用アカウント」を作成してください。</div>
        @else
          <div class="form-text">未選択の場合、契約メールは送信されません（送付機能を使うには選択が必要です）。</div>
        @endif
      </div>
    </div>
  </div>

  <div class="card mb-4" id="contract-email-templates">
    <div class="card-header bg-white">
      <h2 class="h6 mb-0 fw-semibold">メールテンプレート</h2>
    </div>
    <div class="card-body">
      <p class="text-muted small mb-2">契約書を送るとき・リマインド・期限切れ時に相手へ送るメールのひな形です（件名と本文）。新規アカウントでは送付時の既定文面が入ります。実際の送付機能は今後接続します。</p>
      <p class="text-muted small mb-3">下へスクロールしても、置き換え文字バーは画面上部に残ります。各区分の直上にも同じボタンがあります。</p>

      @include('contract.partials._email_placeholder_chips', ['variant' => 'sticky'])

      <div class="mb-4">
        <h3 class="h6 fw-semibold mb-3">契約書送付時</h3>
        @include('contract.partials._email_placeholder_chips', ['variant' => 'inline'])
        <div class="mb-3">
          <label class="form-label" for="send_message_subject">件名</label>
          <input type="text" name="send_message_subject" id="send_message_subject" class="form-control contract-email-insert-target @error('send_message_subject') is-invalid @enderror" maxlength="500"
            placeholder="例：【ご署名のお願い】契約書をお送りしました" value="{{ old('send_message_subject', $settings->send_message_subject) }}">
          @error('send_message_subject')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="mb-0">
          <label class="form-label" for="send_message_body">本文</label>
          <textarea name="send_message_body" id="send_message_body" class="form-control contract-email-insert-target @error('send_message_body') is-invalid @enderror" rows="12"
            placeholder="例：お世話になっております。契約書のご確認・ご署名をお願いいたします。">{{ old('send_message_body', $settings->send_message_body) }}</textarea>
          @error('send_message_body')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
      </div>

      <div class="mb-4">
        <h3 class="h6 fw-semibold mb-3">リマインド</h3>
        @include('contract.partials._email_placeholder_chips', ['variant' => 'inline'])
        <div class="mb-3">
          <label class="form-label" for="reminder_message_subject">件名</label>
          <input type="text" name="reminder_message_subject" id="reminder_message_subject" class="form-control contract-email-insert-target @error('reminder_message_subject') is-invalid @enderror" maxlength="500"
            placeholder="例：【リマインド】契約書のご署名をお願いします" value="{{ old('reminder_message_subject', $settings->reminder_message_subject) }}">
          @error('reminder_message_subject')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="mb-0">
          <label class="form-label" for="reminder_message_body">本文</label>
          <textarea name="reminder_message_body" id="reminder_message_body" class="form-control contract-email-insert-target @error('reminder_message_body') is-invalid @enderror" rows="5"
            placeholder="例：先日お送りした契約書について、まだご署名が完了しておりません。お手すきの際にご確認ください。">{{ old('reminder_message_body', $settings->reminder_message_body) }}</textarea>
          @error('reminder_message_body')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
      </div>

      <div class="mb-0">
        <h3 class="h6 fw-semibold mb-3">期限切れ</h3>
        @include('contract.partials._email_placeholder_chips', ['variant' => 'inline'])
        <div class="mb-3">
          <label class="form-label" for="expired_message_subject">件名</label>
          <input type="text" name="expired_message_subject" id="expired_message_subject" class="form-control contract-email-insert-target @error('expired_message_subject') is-invalid @enderror" maxlength="500"
            placeholder="例：契約書の署名期限が過ぎました" value="{{ old('expired_message_subject', $settings->expired_message_subject) }}">
          @error('expired_message_subject')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="mb-0">
          <label class="form-label" for="expired_message_body">本文</label>
          <textarea name="expired_message_body" id="expired_message_body" class="form-control contract-email-insert-target @error('expired_message_body') is-invalid @enderror" rows="5"
            placeholder="例：契約書の署名期限が過ぎました。再度必要な場合はお問い合わせください。">{{ old('expired_message_body', $settings->expired_message_body) }}</textarea>
          @error('expired_message_body')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
      </div>
    </div>
  </div>

  <div class="mb-4">
    <button type="submit" class="btn btn-success px-4"><i class="bi bi-check-lg me-1"></i>保存</button>
  </div>
</form>

<div class="card mb-4" id="contract-seals">
  <div class="card-header d-flex justify-content-between align-items-center bg-white flex-wrap gap-2">
    <h2 class="h6 mb-0 fw-semibold">印影（署名画像）</h2>
    <span class="badge bg-light text-dark border">{{ $seals->count() }} / {{ \App\Models\ContractSealImage::MAX_PER_USER }} 件</span>
  </div>
  <div class="card-body">
    <p class="text-muted small mb-3">契約書に押す印影画像を登録します（最大 {{ \App\Models\ContractSealImage::MAX_PER_USER }} 件）。png / jpg / gif / webp、5MB以下。任意で <a href="{{ route('setting.business') }}">会社情報</a> のいずれかに紐づけられます。</p>

    @if($seals->isNotEmpty())
      <div class="row g-3 mb-4">
        @foreach($seals as $seal)
        <div class="col-md-4">
          <div class="border rounded p-3 h-100 bg-white">
            <div class="d-flex justify-content-center mb-2" style="min-height:100px;">
              <img src="{{ $seal->image_url }}" alt="" class="img-fluid" style="max-height:100px;object-fit:contain;">
            </div>
            <div class="small fw-semibold text-center mb-1">{{ $seal->label ?: '印影 '.$loop->iteration }}</div>
            <div class="small text-muted text-center mb-2">
              @if($seal->businessSetting)
                会社：{{ $seal->businessSetting->displayName() }}
              @else
                会社：紐づけなし
              @endif
            </div>
            <form method="POST" action="{{ route('contract.settings.seals.destroy', $seal) }}" onsubmit="return confirm('この印影を削除しますか？')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger w-100"><i class="bi bi-trash me-1"></i>削除</button>
            </form>
          </div>
        </div>
        @endforeach
      </div>
    @else
      <p class="text-muted small text-center py-3 mb-3">印影はまだ登録されていません。</p>
    @endif

    @if($seals->count() < \App\Models\ContractSealImage::MAX_PER_USER)
    <div class="border rounded p-3 bg-light">
      <h3 class="h6 fw-semibold mb-3">印影を追加</h3>
      <form method="POST" action="{{ route('contract.settings.seals.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="mb-3">
          <label class="form-label fw-semibold">表示名（任意）</label>
          <input type="text" name="label" class="form-control" value="{{ old('label') }}" maxlength="191" placeholder="例：代表印・契約印">
        </div>
        <div class="mb-3">
          <label class="form-label fw-semibold" for="seal_business_setting_id">紐づける会社（任意）</label>
          <select name="business_setting_id" id="seal_business_setting_id" class="form-select @error('business_setting_id') is-invalid @enderror">
            <option value="" @selected(old('business_setting_id') === null || old('business_setting_id') === '')>紐づけない</option>
            @forelse($businessSettings as $business)
              <option value="{{ $business->id }}" @selected((string) old('business_setting_id') === (string) $business->id)>
                {{ $business->displayName() }}{{ $business->is_default ? '（既定）' : '' }}
              </option>
            @empty
              <option value="" disabled>会社情報が未登録です</option>
            @endforelse
          </select>
          @error('business_setting_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
          <div class="form-text">会社ごとに印影を分けたい場合に選びます。未選択のままでも登録できます。</div>
        </div>
        @include('partials._image_file_upload', [
          'inputName' => 'seal_file',
          'mediaUrlInputName' => 'seal_media_url',
          'inputId' => 'contract-seal-upload',
          'label' => '印影画像',
          'currentUrl' => null,
          'showRemove' => false,
          'previewWidth' => 120,
          'previewHeight' => 120,
        ])
        <button type="submit" class="btn btn-primary btn-sm mt-3"><i class="bi bi-plus-lg me-1"></i>印影を登録</button>
      </form>
    </div>
    @endif
  </div>
</div>

@include('partials.monaka_image_picker')
@endsection

@include('contract.partials._email_placeholder_script')