{% set is_edit = row is defined and row %}
<div class="grid gap-6 xl:grid-cols-3">
  <section class="rounded-2xl bg-white p-6 shadow-soft xl:col-span-2">
    <h3 class="text-base font-semibold text-slate-900">Basic Profile</h3>
    <div class="mt-4 grid gap-4 md:grid-cols-2">
      <div>
        <label class="block text-sm font-medium text-slate-700">Client Code</label>
        <input name="client_code" value="{{ form_data.client_code or (row.client_code if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm" {% if is_edit %}readonly{% endif %}>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Client Name</label>
        <input name="client_name" value="{{ form_data.client_name or (row.client_name if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Trade Name</label>
        <input name="trade_name" value="{{ form_data.trade_name or (row.trade_name if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Client Type</label>
        <select name="client_type" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          {% for opt in client_types %}
          <option value="{{ opt }}" {% if (form_data.client_type or (row.client_type if is_edit else 'Other')) == opt %}selected{% endif %}>{{ opt }}</option>
          {% endfor %}
        </select>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">PAN</label>
        <input name="pan" value="{{ form_data.pan or (row.pan if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">GSTIN</label>
        <input name="gstin" value="{{ form_data.gstin or (row.gstin if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">TAN</label>
        <input name="tan" value="{{ form_data.tan or (row.tan if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">CIN / LLPIN</label>
        <input name="cin_llpin" value="{{ form_data.cin_llpin or (row.cin_llpin if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">MSME Number</label>
        <input name="msme_no" value="{{ form_data.msme_no or (row.msme_no if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">IEC Code</label>
        <input name="iec_code" value="{{ form_data.iec_code or (row.iec_code if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Mobile</label>
        <input name="mobile" value="{{ form_data.mobile or (row.mobile if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Alternate Mobile</label>
        <input name="alternate_mobile" value="{{ form_data.alternate_mobile or (row.alternate_mobile if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Email (used for frontend login)</label>
        <input name="email" value="{{ form_data.email or (row.email if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Alternate Email</label>
        <input name="alternate_email" value="{{ form_data.alternate_email or (row.alternate_email if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Contact Person</label>
        <input name="contact_person_name" value="{{ form_data.contact_person_name or (row.contact_person_name if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Designation</label>
        <input name="contact_person_designation" value="{{ form_data.contact_person_designation or (row.contact_person_designation if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Client Category</label>
        <select name="client_category" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          <option value="">-- Select --</option>
          {% for opt in client_categories %}
          <option value="{{ opt }}" {% if (form_data.client_category or (row.client_category if is_edit else '')) == opt %}selected{% endif %}>{{ opt }}</option>
          {% endfor %}
        </select>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Risk Category</label>
        <select name="risk_category" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          <option value="">-- Select --</option>
          {% for opt in risk_categories %}
          <option value="{{ opt }}" {% if (form_data.risk_category or (row.risk_category if is_edit else '')) == opt %}selected{% endif %}>{{ opt }}</option>
          {% endfor %}
        </select>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Onboarding Date</label>
        <input type="date" name="onboarding_date" value="{{ form_data.onboarding_date or (row.onboarding_date if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Closing Date</label>
        <input type="date" name="closing_date" value="{{ form_data.closing_date or (row.closing_date if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div class="md:col-span-2">
        <label class="block text-sm font-medium text-slate-700">Address Line 1</label>
        <input name="address_line_1" value="{{ form_data.address_line_1 or (row.address_line_1 if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div class="md:col-span-2">
        <label class="block text-sm font-medium text-slate-700">Address Line 2</label>
        <input name="address_line_2" value="{{ form_data.address_line_2 or (row.address_line_2 if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">City</label>
        <input name="city" value="{{ form_data.city or (row.city if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">State</label>
        <input name="state" value="{{ form_data.state or (row.state if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Pincode</label>
        <input name="pincode" value="{{ form_data.pincode or (row.pincode if is_edit else '') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Country</label>
        <input name="country" value="{{ form_data.country or (row.country if is_edit else 'India') }}" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
      </div>

      {% set acc_status = form_data.acceptance_status or (row.acceptance_status if is_edit else 'pending_review') %}
      {% set acc_required = form_data.acceptance_required if form_data.acceptance_required is defined else (row.acceptance_required if is_edit else true) %}
      {% set ind_done = form_data.independence_check_completed if form_data.independence_check_completed is defined else (row.independence_check_completed if is_edit else false) %}
      {% set conflict_done = form_data.conflict_check_completed if form_data.conflict_check_completed is defined else (row.conflict_check_completed if is_edit else false) %}
      {% set kyc_done = form_data.kyc_completed if form_data.kyc_completed is defined else (row.kyc_completed if is_edit else false) %}
      {% set el_required = form_data.engagement_letter_required if form_data.engagement_letter_required is defined else (row.engagement_letter_required if is_edit else true) %}
      {% set el_received = form_data.engagement_letter_received if form_data.engagement_letter_received is defined else (row.engagement_letter_received if is_edit else false) %}

      <input type="hidden" name="acceptance_status" value="{{ acc_status }}">
      <input type="hidden" name="acceptance_required" value="{{ '1' if acc_required else '0' }}">
      <input type="hidden" name="independence_check_completed" value="{{ '1' if ind_done else '0' }}">
      <input type="hidden" name="conflict_check_completed" value="{{ '1' if conflict_done else '0' }}">
      <input type="hidden" name="kyc_completed" value="{{ '1' if kyc_done else '0' }}">
      <input type="hidden" name="engagement_letter_required" value="{{ '1' if el_required else '0' }}">
      <input type="hidden" name="engagement_letter_received" value="{{ '1' if el_received else '0' }}">
      <input type="hidden" name="acceptance_review_notes" value="{{ form_data.acceptance_review_notes or (row.acceptance_review_notes if is_edit else '') }}">
      <input type="hidden" name="acceptance_rejection_reason" value="{{ form_data.acceptance_rejection_reason or (row.acceptance_rejection_reason if is_edit else '') }}">

      <div class="md:col-span-2 rounded-2xl border border-sky-200 bg-sky-50 p-4">
        <div class="flex items-start justify-between gap-3">
          <div>
            <h4 class="text-sm font-semibold text-sky-950">Digital Client Acceptance Workflow</h4>
            <p class="mt-1 text-xs text-sky-800">
              Independence, conflict, KYC and engagement letter controls are completed from the client detail workflow after the client is saved.
              Manual ticking is intentionally disabled on this form to preserve proper AQMM and peer review evidence.
            </p>
          </div>
          <span class="rounded-full px-3 py-1 text-xs font-semibold {% if acc_status == 'approved' %}bg-emerald-100 text-emerald-700{% elif acc_status == 'rejected' %}bg-rose-100 text-rose-700{% else %}bg-amber-100 text-amber-800{% endif %}">{{ acc_status.replace('_',' ').title() }}</span>
        </div>

        <div class="mt-4 grid gap-3 md:grid-cols-2 text-sm text-slate-700">
          <div class="rounded-xl bg-white/80 px-3 py-2 border border-sky-100">
            <div class="text-xs font-semibold uppercase tracking-wide text-slate-500">Independence</div>
            <div class="mt-1">{{ 'Completed' if ind_done else 'Declaration workflow pending' }}</div>
          </div>
          <div class="rounded-xl bg-white/80 px-3 py-2 border border-sky-100">
            <div class="text-xs font-semibold uppercase tracking-wide text-slate-500">Conflict Check</div>
            <div class="mt-1">{{ 'Completed' if conflict_done else 'Declaration workflow pending' }}</div>
          </div>
          <div class="rounded-xl bg-white/80 px-3 py-2 border border-sky-100">
            <div class="text-xs font-semibold uppercase tracking-wide text-slate-500">KYC</div>
            <div class="mt-1">{{ 'Verified from Permanent Documents' if kyc_done else 'Permanent document verification pending' }}</div>
          </div>
          <div class="rounded-xl bg-white/80 px-3 py-2 border border-sky-100">
            <div class="text-xs font-semibold uppercase tracking-wide text-slate-500">Engagement Letter</div>
            <div class="mt-1">
              {% if not el_required %}Not required{% elif el_received %}Accepted / received{% else %}Digital OTP or manual signed upload pending{% endif %}
            </div>
          </div>
        </div>

        {% if is_edit %}
        <p class="mt-3 text-xs text-slate-600">
          Open the client detail page to request declarations, verify KYC from permanent documents, draft engagement letter, send it to client, and approve acceptance.
        </p>
        {% else %}
        <p class="mt-3 text-xs text-slate-600">
          Save the client first. The digital acceptance workflow will be available from the client detail page.
        </p>
        {% endif %}
      </div>

      <div class="md:col-span-2">
        <label class="block text-sm font-medium text-slate-700">Notes</label>
        <textarea name="notes" rows="4" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">{{ form_data.notes or (row.notes if is_edit else '') }}</textarea>
      </div>
    </div>
  </section>

  <section class="rounded-2xl bg-white p-6 shadow-soft">
    <h3 class="text-base font-semibold text-slate-900">Assignment & Scope</h3>
    <div class="mt-4 space-y-4">
      <div>
        <label class="block text-sm font-medium text-slate-700">Engagement Mode</label>
        <select name="engagement_mode" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          {% for opt in ['internal_managed','self_tracked','hybrid'] %}
          <option value="{{ opt }}" {% if (form_data.engagement_mode or (row.engagement_mode if is_edit else ('hybrid' if form_mode == 'firm_admin' else 'internal_managed'))) == opt %}selected{% endif %}>{{ opt }}</option>
          {% endfor %}
        </select>
      </div>

      {% if form_mode == 'firm_admin' %}
      <div>
        <label class="block text-sm font-medium text-slate-700">Audit Firm</label>
        <div class="mt-1 rounded-xl border border-slate-300 bg-slate-50 px-4 py-2 text-sm text-slate-700">
          {% for t in form_options.tenants %}
            {{ t.name }}
          {% endfor %}
        </div>
        <input type="hidden" name="tenant_id" value="{{ form_data.tenant_id or (row.tenant_id if is_edit else form_options.active_tenant_id) }}">
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Branch</label>
        <select name="branch_id" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          {% for b in form_options.branches %}
          <option value="{{ b.id }}" {% if (form_data.branch_id or (row.branch_id if is_edit else form_options.active_branch_id)) == b.id %}selected{% endif %}>{{ b.name }}</option>
          {% endfor %}
        </select>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Partner</label>
        <select name="partner_id" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          <option value="">-- Select Partner --</option>
          {% for p in form_options.partners %}
          <option value="{{ p.id }}" {% if (form_data.partner_id or (row.partner_id if is_edit else None)) == p.id %}selected{% endif %}>{{ p.full_name or p.email }}</option>
          {% endfor %}
        </select>
      </div>

      {% elif form_mode == 'system_admin' %}
      <div>
        <label class="block text-sm font-medium text-slate-700">Audit Firm</label>
        <select name="tenant_id" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          {% for t in form_options.tenants %}
          <option value="{{ t.id }}" {% if (form_data.tenant_id or (row.tenant_id if is_edit else form_options.active_tenant_id)) == t.id %}selected{% endif %}>{{ t.name }}</option>
          {% endfor %}
        </select>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Branch</label>
        <select name="branch_id" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          <option value="">-- Select Branch --</option>
          {% for b in form_options.branches %}
          <option value="{{ b.id }}" {% if (form_data.branch_id or (row.branch_id if is_edit else form_options.active_branch_id)) == b.id %}selected{% endif %}>
            {{ b.name }}{% if b.tenant_name %} ({{ b.tenant_name }}){% endif %}
          </option>
          {% endfor %}
        </select>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Partner</label>
        <select name="partner_id" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          <option value="">-- Select Partner --</option>
          {% for p in form_options.partners %}
          <option value="{{ p.id }}" {% if (form_data.partner_id or (row.partner_id if is_edit else None)) == p.id %}selected{% endif %}>
            {{ p.full_name or p.email }}{% if p.tenant_name %} ({{ p.tenant_name }}){% endif %}
          </option>
          {% endfor %}
        </select>
      </div>

      {% elif form_mode == 'partner' %}
      <div class="rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-700">
        Partner assignment is locked to your own user.
        <input type="hidden" name="tenant_id" value="{{ form_data.tenant_id or (row.tenant_id if is_edit else form_options.active_tenant_id) }}">
        <input type="hidden" name="branch_id" value="{{ form_data.branch_id or (row.branch_id if is_edit else form_options.active_branch_id) }}">
        <input type="hidden" name="partner_id" value="{{ current_user.id }}">
      </div>

      {% elif form_mode == 'consultant' %}
      <div class="rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-800">
        Consultant users cannot assign or reassign partner mappings.
        <input type="hidden" name="tenant_id" value="{{ form_data.tenant_id or (row.tenant_id if is_edit else form_options.active_tenant_id) }}">
        <input type="hidden" name="branch_id" value="{{ form_data.branch_id or (row.branch_id if is_edit else form_options.active_branch_id) }}">
        <input type="hidden" name="partner_id" value="{{ form_data.partner_id or (row.partner_id if is_edit else '') }}">
      </div>

      {% elif form_mode == 'self_service' %}
      <div class="rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-700">
        This client is currently unassigned. Initial association to firm, branch, and partner must be done by System Admin.
      </div>
      {% endif %}



      <div>
        <label class="block text-sm font-medium text-slate-700">Default Review Partner</label>
        <select name="default_review_partner_user_id" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          <option value="">-- Not required / Select later --</option>
          {% for p in form_options.review_partners or [] %}
          <option value="{{ p.id }}" {% if (form_data.default_review_partner_user_id or (row.default_review_partner_user_id if is_edit else None)) == p.id %}selected{% endif %}>
            {{ p.full_name or p.email }}{% if p.tenant_name %} ({{ p.tenant_name }}){% endif %}
          </option>
          {% endfor %}
        </select>
        <p class="mt-1 text-xs text-slate-500">Used automatically for assurance engagements only when the audit firm is a partnership firm.</p>
      </div>

      <div>
        <label class="block text-sm font-medium text-slate-700">Status</label>
        <select name="status" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm">
          {% for opt in client_statuses %}
          <option value="{{ opt }}" {% if (form_data.status or (row.status if is_edit else 'active')) == opt %}selected{% endif %}>{{ opt|title }}</option>
          {% endfor %}
        </select>
      </div>

      <div class="border-t border-slate-200 pt-4">
        <h4 class="mb-3 text-sm font-semibold text-slate-900">Client Frontend Login</h4>
        <div class="rounded-xl border border-sky-200 bg-sky-50 p-3 text-xs text-sky-800">
          {% if is_edit and row.portal_user_id %}
            Linked portal user already exists. Leave password blank to keep the current password, or enter a new password to reset it.
          {% elif is_edit %}
            This existing client does not yet have a linked login. Enter email and password below to create the client login now.
          {% else %}
            Creating a client will also create a frontend login using the client email and password below.
          {% endif %}
        </div>

        <div class="mt-4 grid gap-4">
          <div>
            <label class="block text-sm font-medium text-slate-700">{% if is_edit and row.portal_user_id %}New Password{% else %}Password{% endif %}</label>
            <input name="portal_password" type="password" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm" {% if not is_edit %}required{% endif %}>
          </div>

          <div>
            <label class="block text-sm font-medium text-slate-700">{% if is_edit and row.portal_user_id %}Confirm New Password{% else %}Confirm Password{% endif %}</label>
            <input name="portal_password_confirm" type="password" class="mt-1 w-full rounded-xl border border-slate-300 px-4 py-2 text-sm" {% if not is_edit %}required{% endif %}>
          </div>

          {% if is_edit and row.portal_user_id %}
          <div class="text-xs text-slate-500">
            Portal user id linked: {{ row.portal_user_id }}
          </div>
          {% endif %}
        </div>
      </div>

      <div class="border-t border-slate-200 pt-4">
        <h4 class="mb-3 text-sm font-semibold text-slate-900">Compliance Applicability</h4>

        <div class="grid gap-3">
          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="gst_applicable" value="1" {% if form_data.gst_applicable or (row.gst_applicable if is_edit else false) %}checked{% endif %}>
            GST Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="income_tax_applicable" value="1" {% if form_data.income_tax_applicable or (row.income_tax_applicable if is_edit else false) %}checked{% endif %}>
            Income Tax Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="tds_applicable" value="1" {% if form_data.tds_applicable or (row.tds_applicable if is_edit else false) %}checked{% endif %}>
            TDS Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="roc_applicable" value="1" {% if form_data.roc_applicable or (row.roc_applicable if is_edit else false) %}checked{% endif %}>
            ROC Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="audit_applicable" value="1" {% if form_data.audit_applicable or (row.audit_applicable if is_edit else false) %}checked{% endif %}>
            Audit Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="pf_applicable" value="1" {% if form_data.pf_applicable or (row.pf_applicable if is_edit else false) %}checked{% endif %}>
            PF Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="esi_applicable" value="1" {% if form_data.esi_applicable or (row.esi_applicable if is_edit else false) %}checked{% endif %}>
            ESI Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="professional_tax_applicable" value="1" {% if form_data.professional_tax_applicable or (row.professional_tax_applicable if is_edit else false) %}checked{% endif %}>
            Professional Tax Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="payroll_applicable" value="1" {% if form_data.payroll_applicable or (row.payroll_applicable if is_edit else false) %}checked{% endif %}>
            Payroll Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="msme_applicable" value="1" {% if form_data.msme_applicable or (row.msme_applicable if is_edit else false) %}checked{% endif %}>
            MSME Applicable
          </label>

          <label class="flex items-center gap-2 text-sm text-slate-700">
            <input type="checkbox" name="import_export_applicable" value="1" {% if form_data.import_export_applicable or (row.import_export_applicable if is_edit else false) %}checked{% endif %}>
            Import / Export Applicable
          </label>
        </div>
      </div>
    </div>
  </section>
</div>