@extends('layouts.app')
@section('title', $instance->title)
@section('page-title', '契約書詳細')
@section('page-subtitle')
文書管理番号 {{ $instance->document_number ?? '—' }} ・{{ $instance->statusLabel() }}
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4">
  <a href="{{ route('contract.instances.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>一覧</a>
  @if($instance->isEditable())
  <form method="POST" action="{{ route('contract.instances.destroy', $instance) }}" onsubmit="return confirm('削除しますか？')">
    @csrf @method('DELETE')
    <button type="submit" class="btn btn-sm btn-outline-danger">削除</button>
  </form>
  @endif
</div>

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

  <div class="card mb-4">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
      <h2 class="h6 mb-0 fw-semibold">基本情報</h2>
      <span class="badge {{ $instance->statusBadgeClass() }}">{{ $instance->statusLabel() }}</span>
    </div>
    <div class="card-body">
      <div class="row g-3">
        <div class="col-md-6">
          <label class="form-label fw-semibold">文書名 <span class="text-danger">*</span></label>
          <input type="text" name="title" class="form-control" value="{{ old('title', $instance->title) }}" required @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-6">
          <label class="form-label fw-semibold">相手方</label>
          <input type="text" name="counterparty" class="form-control" value="{{ old('counterparty', $instance->counterparty) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">契約／取引日</label>
          <input type="date" name="contract_date" class="form-control" value="{{ old('contract_date', $instance->contract_date?->format('Y-m-d')) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">契約満了日</label>
          <input type="date" name="contract_expires_at" class="form-control" value="{{ old('contract_expires_at', $instance->contract_expires_at?->format('Y-m-d')) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-2">
          <label class="form-label fw-semibold">金額</label>
          <input type="number" name="amount" class="form-control" step="0.01" min="0" value="{{ old('amount', $instance->amount) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-2">
          <label class="form-label fw-semibold">通貨</label>
          <input type="text" name="amount_currency" class="form-control" value="{{ old('amount_currency', $instance->amount_currency) }}" maxlength="8" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-6">
          <label class="form-label fw-semibold">保管場所</label>
          <input type="text" name="storage_location" class="form-control" value="{{ old('storage_location', $instance->storage_location) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">署名期限</label>
          <input type="date" name="sign_deadline_at" class="form-control" value="{{ old('sign_deadline_at', $instance->sign_deadline_at?->format('Y-m-d')) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-3">
          <label class="form-label fw-semibold">リマインド（日前）</label>
          <input type="number" name="reminder_days_before" class="form-control" min="0" max="365" value="{{ old('reminder_days_before', $instance->reminder_days_before) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-12"><label class="form-label fw-semibold">備考1</label><textarea name="note1" class="form-control" rows="2" @disabled(!$instance->isEditable())>{{ old('note1', $instance->note1) }}</textarea></div>
        <div class="col-12"><label class="form-label fw-semibold">備考2</label><textarea name="note2" class="form-control" rows="2" @disabled(!$instance->isEditable())>{{ old('note2', $instance->note2) }}</textarea></div>
        <div class="col-12"><label class="form-label fw-semibold">備考3</label><textarea name="note3" class="form-control" rows="2" @disabled(!$instance->isEditable())>{{ old('note3', $instance->note3) }}</textarea></div>
        @for($i = 1; $i <= 5; $i++)
        <div class="col-md-6">
          <label class="form-label fw-semibold">カスタム{{ $i }}</label>
          <input type="text" name="custom_field_{{ $i }}" class="form-control" value="{{ old('custom_field_'.$i, $instance->{'custom_field_'.$i}) }}" @disabled(!$instance->isEditable())>
        </div>
        @endfor
        <div class="col-md-4">
          <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="auto_renewal" value="1" id="auto_renewal" @checked(old('auto_renewal', $instance->auto_renewal)) @disabled(!$instance->isEditable())>
            <label class="form-check-label" for="auto_renewal">自動更新あり</label>
          </div>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">更新期間（月）</label>
          <input type="number" name="renewal_period_months" class="form-control" min="1" value="{{ old('renewal_period_months', $instance->renewal_period_months) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">解約通知期限</label>
          <input type="date" name="cancellation_notice_at" class="form-control" value="{{ old('cancellation_notice_at', $instance->cancellation_notice_at?->format('Y-m-d')) }}" @disabled(!$instance->isEditable())>
        </div>
      </div>
    </div>
  </div>

  @if($instance->mergeFieldValues->isNotEmpty())
  <div class="card mb-4">
    <div class="card-header bg-white"><h2 class="h6 mb-0 fw-semibold">差込み項目</h2></div>
    <div class="card-body">
      @foreach($instance->mergeFieldValues as $field)
      <div class="mb-3">
        <label class="form-label fw-semibold">{{ $field->field_name }} @if($field->is_required)<span class="text-danger">*</span>@endif</label>
        <input type="hidden" name="merge_fields[{{ $loop->index }}][id]" value="{{ $field->id }}">
        <input type="text" name="merge_fields[{{ $loop->index }}][value]" class="form-control" value="{{ old('merge_fields.'.$loop->index.'.value', $field->value) }}" @disabled(!$instance->isEditable())>
      </div>
      @endforeach
    </div>
  </div>
  @endif

  @if($instance->signers->isNotEmpty())
  <div class="card mb-4">
    <div class="card-header bg-white"><h2 class="h6 mb-0 fw-semibold">署名者</h2></div>
    <div class="card-body">
      @foreach($instance->signers as $signer)
      <div class="row g-2 mb-3 border-bottom pb-3">
        <input type="hidden" name="signers[{{ $loop->index }}][id]" value="{{ $signer->id }}">
        <div class="col-md-4"><span class="small text-muted">依頼先</span><div class="fw-semibold">{{ $signer->requestee }}</div></div>
        <div class="col-md-4">
          <label class="form-label small">氏名</label>
          <input type="text" name="signers[{{ $loop->index }}][preset_name]" class="form-control form-control-sm" value="{{ old('signers.'.$loop->index.'.preset_name', $signer->preset_name) }}" @disabled(!$instance->isEditable())>
        </div>
        <div class="col-md-4">
          <label class="form-label small">連絡先</label>
          <input type="text" name="signers[{{ $loop->index }}][contact]" class="form-control form-control-sm" value="{{ old('signers.'.$loop->index.'.contact', $signer->contact) }}" @disabled(!$instance->isEditable())>
        </div>
      </div>
      @endforeach
    </div>
  </div>
  @endif

  <div class="card mb-4">
    <div class="card-header bg-white"><h2 class="h6 mb-0 fw-semibold">メールテンプレート</h2></div>
    <div class="card-body">
      @if($instance->isEditable())
        @include('contract.partials._email_placeholder_chips', ['variant' => 'sticky'])
      @endif
      <div class="mb-4">
        <h3 class="h6 fw-semibold mb-2">送付時</h3>
        @if($instance->isEditable())
          @include('contract.partials._email_placeholder_chips', ['variant' => 'inline'])
        @endif
        <div class="mb-2"><label class="form-label">件名</label><input type="text" name="send_message_subject" class="form-control contract-email-insert-target" maxlength="500" value="{{ old('send_message_subject', $instance->send_message_subject) }}" @disabled(!$instance->isEditable())></div>
        <div class="mb-0"><label class="form-label">本文</label><textarea name="send_message_body" class="form-control contract-email-insert-target" rows="8" @disabled(!$instance->isEditable())>{{ old('send_message_body', $instance->send_message_body) }}</textarea></div>
      </div>
      <div class="mb-4">
        <h3 class="h6 fw-semibold mb-2">リマインド</h3>
        @if($instance->isEditable())
          @include('contract.partials._email_placeholder_chips', ['variant' => 'inline'])
        @endif
        <div class="mb-2"><label class="form-label">件名</label><input type="text" name="reminder_message_subject" class="form-control contract-email-insert-target" maxlength="500" value="{{ old('reminder_message_subject', $instance->reminder_message_subject) }}" @disabled(!$instance->isEditable())></div>
        <div class="mb-0"><label class="form-label">本文</label><textarea name="reminder_message_body" class="form-control contract-email-insert-target" rows="3" @disabled(!$instance->isEditable())>{{ old('reminder_message_body', $instance->reminder_message_body) }}</textarea></div>
      </div>
      <div class="mb-0">
        <h3 class="h6 fw-semibold mb-2">期限切れ</h3>
        @if($instance->isEditable())
          @include('contract.partials._email_placeholder_chips', ['variant' => 'inline'])
        @endif
        <div class="mb-2"><label class="form-label">件名</label><input type="text" name="expired_message_subject" class="form-control contract-email-insert-target" maxlength="500" value="{{ old('expired_message_subject', $instance->expired_message_subject) }}" @disabled(!$instance->isEditable())></div>
        <div class="mb-0"><label class="form-label">本文</label><textarea name="expired_message_body" class="form-control contract-email-insert-target" rows="3" @disabled(!$instance->isEditable())>{{ old('expired_message_body', $instance->expired_message_body) }}</textarea></div>
      </div>
    </div>
  </div>

  @if($instance->isEditable())
  <button type="submit" class="btn btn-success px-4 mb-3"><i class="bi bi-check-lg me-1"></i>保存</button>
  @endif
</form>

<div class="d-flex flex-wrap gap-2">
  @if($instance->status === \App\Models\ContractInstance::STATUS_DRAFT)
  <form method="POST" action="{{ route('contract.instances.send', $instance) }}">
    @csrf
    <button type="submit" class="btn btn-primary" onclick="return confirm('送付済みにしますか？')">送付する</button>
  </form>
  @endif
  @if(!$instance->isEditable() && !in_array($instance->normalizedStatus(), [\App\Models\ContractInstance::STATUS_COMPLETED, \App\Models\ContractInstance::STATUS_CANCELLED], true))
  <form method="POST" action="{{ route('contract.instances.cancel', $instance) }}" onsubmit="return confirm('取消しますか？')">
    @csrf
    <button type="submit" class="btn btn-outline-warning">取消</button>
  </form>
  @endif
</div>

@if(!$instance->isEditable())
<div class="card mt-4">
  <div class="card-body">
    <form method="POST" action="{{ route('contract.instances.status', $instance) }}" class="row g-2 align-items-end">
      @csrf
      <div class="col-md-8">
        <label class="form-label small fw-semibold">ステータスを手動変更（デモ・運用確認用）</label>
        <select name="status" class="form-select form-select-sm">
          @foreach($statusOptions as $value => $label)
            <option value="{{ $value }}" @selected($instance->normalizedStatus() === $value)>{{ $label }}</option>
          @endforeach
        </select>
      </div>
      <div class="col-md-4"><button type="submit" class="btn btn-sm btn-outline-secondary w-100">更新</button></div>
    </form>
  </div>
</div>
@endif
@endsection

@if($instance->isEditable())
  @include('contract.partials._email_placeholder_script')
@endif