{{define "admin/product_agreement.html"}}
{{template "admin/layout_head" .}}
<div class="cs-admin-page">
{{template "admin_pagehead" (dict "Icon" "bx-file-blank" "Title" (T "admin.agreement.title") "Desc" "")}}

{{if index .Data "FlashError"}}
<div class="alert alert-danger py-2">{{index .Data "FlashError"}}</div>
{{end}}

<section class="cs-admin-section">
  <div class="cs-admin-section__body">
    <article class="admin-product-agreement">
      {{index .Data "AgreementHTML"}}
    </article>
  </div>
</section>
</div>
<style>
.admin-product-agreement {
  max-width: 52rem;
  line-height: 1.7;
  color: #1f2937;
  font-size: 0.95rem;
}
.admin-product-agreement h1 {
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0 0 1rem;
  color: #0f172a;
}
.admin-product-agreement h2 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 1.5rem 0 0.75rem;
  color: #111827;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #e5e7eb;
}
.admin-product-agreement h3 {
  font-size: 1.02rem;
  font-weight: 700;
  margin: 1.25rem 0 0.6rem;
  color: #111827;
}
.admin-product-agreement p { margin: 0 0 0.75rem; }
.admin-product-agreement a { color: #2563eb; text-decoration: none; }
.admin-product-agreement a:hover { text-decoration: underline; }
.admin-product-agreement .product-agreement-pre {
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  font-family: inherit;
}
</style>
{{template "admin/layout_foot" .}}
{{end}}