Logic Helpers

{{and true true}}

{{and true false}}

{{#if (and isActive isPaid hasStock)}}
  <button>Buy Now</button>
{{/if}}

{{#if (and condition1 condition2 condition3 condition4)}}
  All conditions met!
{{/if}}

{{or false true}}

{{#if (or isAdmin isModerator isOwner)}}
  <button>Edit</button>
{{/if}}

{{not true}}

{{#if (not isDeleted)}}
  <div class="item">...</div>
{{/if}}

{{#if (not (eq status "archived"))}}
  <button>Archive</button>
{{/if}}

{{isEmpty ""}}

{{isEmpty []}}

{{#if (isEmpty items)}}
  <p>No items found.</p>
{{else}}
  {{#each items}}...{{/each}}
{{/if}}

{{#if (isEmpty notes)}}
  <p class="no-notes">No additional notes</p>
{{else}}
  <p>{{notes}}</p>
{{/if}}

{{isNotEmpty "hello"}}

{{#if (isNotEmpty customer.phone)}}
  <p>Phone: {{customer.phone}}</p>
{{/if}}

{{#if (isNotEmpty attachments)}}
  <h3>Attachments</h3>
  {{#each attachments}}...{{/each}}
{{/if}}

{{ternary condition "yes" "no"}}

{{ternary isPaid "Paid" "Unpaid"}}

<span class="{{ternary isActive 'active' 'inactive'}}">
  {{ternary isActive "Active" "Inactive"}}
</span>

<tr class="{{ternary (eq (modulo @index 2) 0) 'even' 'odd'}}">

{{default value "fallback"}}

{{default customer.nickname customer.name}}

<p>Notes: {{default notes "No additional notes"}}</p>

<img src="{{default user.avatar '/images/default-avatar.png'}}" alt="Avatar">

{{! Show button if active AND (admin OR owner) }}
{{#if (and isActive (or isAdmin isOwner))}}
  <button>Manage</button>
{{/if}}

{{! Show if not empty and not archived }}
{{#if (and (isNotEmpty items) (not isArchived))}}
  <ul>{{#each items}}<li>{{this}}</li>{{/each}}</ul>
{{/if}}

{{ternary isPaid "Paid" (ternary isOverdue "Overdue" "Pending")}}

<span class="status">
  {{default status "Unknown"}}
</span>

<div class="card {{ternary isHighlighted 'highlighted' ''}} {{ternary isUrgent 'urgent' ''}}">
  ...
</div>

{{#if (isNotEmpty orders)}}
  <table>
    <thead>...</thead>
    <tbody>
      {{#each orders}}
        <tr>...</tr>
      {{/each}}
    </tbody>
  </table>
{{else}}
  <div class="empty-state">
    <p>No orders yet.</p>
    <a href="/products">Start shopping</a>
  </div>
{{/if}}

{{#if (or isAdmin (and isEditor (not isLocked)))}}
  <button class="edit-btn">Edit</button>
{{/if}}

{{#if (and isOwner (not isArchived))}}
  <button class="delete-btn">Delete</button>
{{/if}}

{{#if (isNotEmpty customer.company)}}
  <p class="company">{{customer.company}}</p>
{{/if}}

{{#if (isNotEmpty billingAddress)}}
  <div class="billing-address">
    <h4>Billing Address</h4>
    {{billingAddress}}
  </div>
{{/if}}

{{#each items}}
  <tr class="{{ternary (eq (modulo @index 2) 0) 'row-even' 'row-odd'}}">
    <td>{{this.name}}</td>
    <td>{{currency this.price "USD"}}</td>
  </tr>
{{/each}}