@extends('layouts.app')
@section('title', '契約書')
@section('page-title', '契約書')
@section('page-subtitle')
契約書の作成・管理・送付の入口です。まず準備項目を確認し、文書をアップロードするかテンプレートから契約書を作成します。
@endsection

@section('content')
@include('contract.partials._setup_hub', ['setupHub' => $setupHub])

<hr class="my-4 text-muted opacity-25">

<section class="mb-4" id="contract-create" aria-labelledby="contract-create-heading">
  <h2 class="h5 fw-semibold mb-1" id="contract-create-heading"><i class="bi bi-pencil-square me-2 text-primary"></i>契約を締結</h2>
  <p class="text-muted small mb-3">まず契約書（文書）を用意します。PDF をアップロードするか、登録済みテンプレートから始めてください。</p>
  @include('contract.partials._instance_create_panel', [
    'templates' => $templates,
    'businessSettings' => $businessSettings ?? collect(),
  ])
</section>

<hr class="my-4 text-muted opacity-25">

<div class="row g-3 mb-4">
  <div class="col-md-6">
    <a href="{{ route('contract.instances.index') }}" class="card h-100 border-0 shadow-sm text-decoration-none text-body">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-start mb-2">
          <h2 class="h6 fw-semibold mb-0"><i class="bi bi-file-earmark-text me-2 text-secondary"></i>契約書一覧</h2>
          <i class="bi bi-chevron-right text-muted"></i>
        </div>
        <p class="text-muted small mb-0">作成済みの契約書を一覧し、下書き・送付済み・締結済みなどの状態を確認します。</p>
      </div>
    </a>
  </div>
  <div class="col-md-6">
    <a href="{{ route('contract.templates.index') }}" class="card h-100 border-0 shadow-sm text-decoration-none text-body">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-start mb-2">
          <h2 class="h6 fw-semibold mb-0"><i class="bi bi-layout-text-window-reverse me-2 text-secondary"></i>テンプレート</h2>
          <i class="bi bi-chevron-right text-muted"></i>
        </div>
        <p class="text-muted small mb-0">繰り返し使うひな形を登録します。署名者・文書・差込み項目などの詳細設定を行います。</p>
      </div>
    </a>
  </div>
</div>

<div class="alert alert-light border small mb-0">
  <strong>いまできること</strong>：ステップ1で PDF を複数アップロードして文書名を決め、ステップ2で署名依頼情報を入力し、ステップ3で PDF 上に署名位置などを配置し、ステップ4で内容を確認して送付できます（送付はステータス更新のみ・メール・署名画面は未接続）。<br>
  <strong>これから実装するもの</strong>：署名 URL、締結 PDF、メール実送信、外部 API 連携など。
</div>
@endsection